perf(table): memoMode 'cells' с явным сбросом по раскладке закреплённых и фильтрам
tableColumns = [...columns] пересоздаётся по ключу сброса (utils/cellMemoReset.js); ширины закреплённых колонок входят в ключ по отпусканию мыши (design.md D1, D2). Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
1f553fd33e
commit
b9e44a7940
@ -27,6 +27,7 @@ import { useBudgetYear } from './hooks/useBudgetYear';
|
|||||||
import { useValidationRules } from './hooks/useValidationRules';
|
import { useValidationRules } from './hooks/useValidationRules';
|
||||||
import { getRowId } from './utils/rowUtils';
|
import { getRowId } from './utils/rowUtils';
|
||||||
import { DEFAULT_COLUMN_SIZING_INFO } from './utils/columnResizeInfo';
|
import { DEFAULT_COLUMN_SIZING_INFO } from './utils/columnResizeInfo';
|
||||||
|
import { getCellMemoResetKey, pickSettledSizing } from './utils/cellMemoReset';
|
||||||
import { getColumnVirtualizerOptions, getOrderedVisibleColumns } from './utils/columnLayoutUtils';
|
import { getColumnVirtualizerOptions, getOrderedVisibleColumns } from './utils/columnLayoutUtils';
|
||||||
|
|
||||||
import { DictVspApi } from '../../api/dict-vsp';
|
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]);
|
}, [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-колонок до завершения асинхронной
|
// MRT запоминает индексы pinned-колонок до завершения асинхронной
|
||||||
// загрузки конфигурации. Новая ссылка на columnPinning заставляет
|
// загрузки конфигурации. Новая ссылка на columnPinning заставляет
|
||||||
// виртуализатор пересчитать эти индексы уже с полным набором колонок.
|
// виртуализатор пересчитать эти индексы уже с полным набором колонок.
|
||||||
@ -348,6 +372,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => {
|
|||||||
activeSearchMatch,
|
activeSearchMatch,
|
||||||
}) => ({
|
}) => ({
|
||||||
...BASE_TABLE_CONFIG,
|
...BASE_TABLE_CONFIG,
|
||||||
|
memoMode: 'cells',
|
||||||
globalFilterFn,
|
globalFilterFn,
|
||||||
columns,
|
columns,
|
||||||
data,
|
data,
|
||||||
@ -425,7 +450,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => {
|
|||||||
const tableConfig = useMemo(
|
const tableConfig = useMemo(
|
||||||
() =>
|
() =>
|
||||||
createTableConfig({
|
createTableConfig({
|
||||||
columns,
|
columns: tableColumns,
|
||||||
data,
|
data,
|
||||||
columnSizing,
|
columnSizing,
|
||||||
columnPinning,
|
columnPinning,
|
||||||
@ -447,7 +472,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => {
|
|||||||
activeSearchMatch,
|
activeSearchMatch,
|
||||||
}),
|
}),
|
||||||
[
|
[
|
||||||
columns,
|
tableColumns,
|
||||||
data,
|
data,
|
||||||
columnSizing,
|
columnSizing,
|
||||||
columnPinning,
|
columnPinning,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user