Nâng cấp react-virtualized từ 9.x lên 10.x
So sánh API công khai của react-virtualized 9.22.6 và 10.0.0, được tính tự động từ kiểu TypeScript. Chữ ký thay đổi là thay đổi có thể không tương thích, không phải điều chắc chắn.
Tóm tắt
| Đường dẫn import bị xóa | 0 |
|---|---|
| Export bị xóa | 59 |
| Chữ ký thay đổi | 48 |
| Thành viên lớp hoặc interface bị xóa | 0 |
| Thành viên lớp hoặc interface thay đổi | 4 |
| Mới bị ngừng hỗ trợ | 0 |
| Thay đổi yêu cầu (engines, phụ thuộc peer) | 2 |
| Export mới | 39 |
Export bị xóa
| import | export | kind | Trước |
|---|---|---|---|
react-virtualized | Map | type | { [key: string]: T; } |
react-virtualized | Size | type | { height: number; width: number; } |
react-virtualized | Index | type | { index: number; } |
react-virtualized | Position | type | { left: number; top: number; } |
react-virtualized | SizeInfo | type | { height: number; width: number; } |
react-virtualized | AutoSizer | class | class |
react-virtualized | GridState | type | { isScrolling: boolean; scrollDirectionHorizontal: ScrollDirection; scrollDirectionVertical: ScrollDirection; scrollLeft: number; scrollTop: number; } |
react-virtualized | KeyMapper | type | (rowIndex: number, columnIndex: number) => any |
react-virtualized | Collection | class | class |
react-virtualized | Dimensions | type | { height: number; width: number; } |
react-virtualized | IndexRange | type | { startIndex: number; stopIndex: number; } |
react-virtualized | Positioner | type | ((index: number) => Position) & { reset: (params: resetParams) => void; } |
react-virtualized | SortParams | type | { defaultSortDirection: SortDirectionType; event: MouseEvent; sortBy: string; } |
react-virtualized | ListRowProps | type | Pick<GridCellProps, "columnIndex" | "isScrolling" | "isVisible" | "key" | "parent" | "style"> & { index: number; } |
react-virtualized | MasonryState | type | { isScrolling: boolean; scrollTop: number; } |
react-virtualized | PositionInfo | type | { x: number; y: number; } |
react-virtualized | ScrollParams | type | { clientHeight: number; clientWidth: number; scrollHeight: number; scrollLeft: number; scrollTop: number; scrollWidth: number; } |
react-virtualized | GridCellProps | type | { columnIndex: number; isScrolling: boolean; isVisible: boolean; key: string; parent: any; rowIndex: number; style: React.CSSProperties; } |
react-virtualized | AutoSizerProps | type | { [key: string]: any; children: (props: Size) => React.ReactNode; className?: string | undefined; defaultHeight?: number | undefined; defaultWidth?: number | undefined; disableHeight?: boolean | undefined; disableWidth?: boolean | undefined; nonce?: string | undefined; onResize?: ((info: Size) => any) | undefined; style?: any; } |
react-virtualized | MultiGridState | type | { scrollLeft: number; scrollTop: number; } |
react-virtualized | OnScrollParams | type | { clientHeight: number; clientWidth: number; scrollHeight: number; scrollLeft: number; scrollTop: number; scrollWidth: number; } |
react-virtualized | WindowScroller | class | class |
react-virtualized | CollectionProps | type | { [key: string]: any; "aria-label"?: string | undefined; autoHeight?: boolean | undefined; cellCount: number; cellGroupRenderer?: CollectionCellGroupRenderer | undefined; cellRenderer: CollectionCellRenderer; cellSizeAndPositionGetter: CollectionCellSizeAndPositionGetter; className?: string | undefined; height: number; horizontalOverscanSize?: number | undefined; id?: string | undefined; noContentRenderer?: (() => JSX.Element) | undefined; onScroll?: ((params: ScrollParams) => any) | undefined; onSectionRendered?: ((params: RenderedSection) => any) | undefined; scrollLeft?: number | undefined;… |
react-virtualized | ConfigureParams | type | { cellCount: number; estimatedCellSize: number; } |
react-virtualized | ListRowRenderer | type | (props: ListRowProps) => React.ReactNode |
react-virtualized | OverscanIndices | type | { overscanStartIndex: number; overscanStopIndex: number; } |
react-virtualized | ScrollDirection | type | "horizontal" | "vertical" |
react-virtualized | ScrollEventData | type | { clientHeight: number; scrollHeight: number; scrollTop: number; } |
react-virtualized | ScrollSyncState | type | { clientHeight: number; clientWidth: number; scrollHeight: number; scrollLeft: number; scrollTop: number; scrollWidth: number; } |
react-virtualized | GridCellRenderer | type | (props: GridCellProps) => React.ReactNode |
react-virtualized | MasonryCellProps | type | { index: number; isScrolling: boolean; key: React.Key; parent: MeasuredCellParent; style?: any; } |
react-virtualized | OnScrollCallback | type | (params: { clientHeight: number; scrollHeight: number; scrollTop: number; }) => void |
react-virtualized | SizedColumnProps | type | { adjustedWidth: number; columnWidth: number; getColumnWidth: () => number; registerChild: any; } |
react-virtualized | VisibleCellRange | type | { start: number; stop: number; } |
react-virtualized | GridCellRangeProps | type | { cellCache: Map<any>; cellRenderer: GridCellRenderer; columnSizeAndPositionManager: CellSizeAndPositionManager; columnStartIndex: number; columnStopIndex: number; isScrolling: boolean; isScrollingOptOut: boolean; rowSizeAndPositionManager: CellSizeAndPositionManager; rowStartIndex: number; rowStopIndex: number; scrollLeft: number; scrollTop: number; deferredMeasurementCache: CellMeasurerCache; horizontalOffsetAdjustment: number; parent: any; styleCache: Map<React.CSSProperties>; verticalOffsetAdjustment: number; visibleColumnIndices: VisibleCellRange; visibleRowIndices: VisibleCellRange; } |
react-virtualized | OverscanIndexRange | type | { overscanStartIndex: number; overscanStopIndex: number; } |
react-virtualized | SizeAndPositionData | type | { offset: number; size: number; } |
react-virtualized | SizeAndPositionInfo | type | SizeInfo & PositionInfo |
react-virtualized | WindowScrollerProps | type | { [key: string]: any; children: (params: WindowScrollerChildProps) => React.ReactNode; onResize?: ((params: { height: number; width: number; }) => void) | undefined; onScroll?: ((params: { scrollLeft: number; scrollTop: number; }) => void) | undefined; scrollElement?: Element | (Window & typeof globalThis) | undefined; scrollingResetTimeInterval?: number | undefined; serverHeight?: number | undefined; serverWidth?: number | undefined; } |
react-virtualized | WindowScrollerState | type | { height: number; width: number; isScrolling: boolean; scrollLeft: number; scrollTop: number; } |
react-virtualized | IS_SCROLLING_TIMEOUT | variable | 150 |
react-virtualized | GridCellRangeRenderer | type | (params: GridCellRangeProps) => React.ReactNode[] |
react-virtualized | SectionRenderedParams | type | { columnOverscanStartIndex: number; columnOverscanStopIndex: number; columnStartIndex: number; columnStopIndex: number; rowOverscanStartIndex: number; rowOverscanStopIndex: number; rowStartIndex: number; rowStopIndex: number; } |
react-virtualized | CollectionCellRenderer | type | (params: CollectionCellRendererParams) => React.ReactNode |
react-virtualized | ContainerSizeAndOffset | type | { containerSize: number; offset: number; } |
react-virtualized | OnCellsRenderedCallback | type | (params: IndexRange) => void |
react-virtualized | ScrollbarPresenceParams | type | { horizontal: boolean; size: number; vertical: boolean; } |
react-virtualized | InfiniteLoaderChildProps | type | { onRowsRendered: (params: IndexRange) => void; registerChild: (registeredChild: any) => void; } |
react-virtualized | WindowScrollerChildProps | type | { height: number; width: number; isScrolling: boolean; scrollTop: number; scrollLeft: number; onChildScroll: (params: { scrollTop: number; }) => void; registerChild: (element?: Element | null | undefined) => void; } |
react-virtualized | GetVisibleCellRangeParams | type | { containerSize: number; offset: number; } |
react-virtualized | CellSizeAndPositionManager | type | { areOffsetsAdjusted(): boolean; configure({ cellCount, estimatedCellSize }: ConfigureParams): void; getCellCount(): number; getEstimatedCellSize(): number; getLastMeasuredIndex(): number; getOffsetAdjustment({ containerSize, offset }: ContainerSizeAndOffset): number; getSizeAndPositionOfCell(index: number): SizeAndPositionData; getSizeAndPositionOfLastMeasuredCell(): SizeAndPositionData; getTotalSize(): number; getUpdatedOffsetForIndex(params: { align: string; containerSize: number; currentOffset: number; targetIndex: number; }): number; getVisibleCellRange(params: GetVisibleCellRangeParams):… |
react-virtualized | RowMouseEventHandlerParams | type | { rowData: any; index: number; event: React.MouseEvent<any>; } |
react-virtualized | CollectionCellGroupRenderer | type | (params: CollectionCellGroupRendererParams) => React.ReactNode[] |
react-virtualized | OverscanIndicesGetterParams | type | { direction?: "horizontal" | "vertical" | undefined; cellCount: number; overscanCellsCount: number; scrollDirection: 1 | -1; startIndex: number; stopIndex: number; } |
react-virtualized | CollectionCellRendererParams | type | { index: number; isScrolling: boolean; key: number; style: React.CSSProperties; } |
react-virtualized | CollectionCellSizeAndPosition | type | { height: number; width: number; x: number; y: number; } |
react-virtualized | HeaderMouseEventHandlerParams | type | { dataKey: string; columnData: any; event: React.MouseEvent<any>; } |
react-virtualized | CollectionCellGroupRendererParams | type | { cellSizeAndPositionGetter: CollectionCellSizeAndPositionGetter; indices: number[]; cellRenderer: CollectionCellRenderer; } |
react-virtualized | CollectionCellSizeAndPositionGetter | type | (params: Index) => CollectionCellSizeAndPosition |
Chữ ký thay đổi
| export | Trước | Sau |
|---|---|---|
react-virtualized · Grid | class | NamedExoticComponent<any> |
react-virtualized · List | class | NamedExoticComponent<any> |
react-virtualized · Table | class | NamedExoticComponent<any> |
react-virtualized · Column | class | (props: ColumnProps): null |
react-virtualized · Masonry | class | NamedExoticComponent<any> |
react-virtualized · Alignment | "auto" | "start" | "end" | "center" | "auto" | "end" | "start" | "center" |
react-virtualized · GridProps | GridCoreProps & { cellRenderer: GridCellRenderer; columnCount: number; columnWidth: number | ((params: Index) => number); } | { "aria-label"?: string | undefined; "aria-readonly"?: boolean | undefined; autoContainerWidth?: boolean | undefined; cellRangeRenderer?: CellRangeRenderer | undefined; cellRenderer: CellRenderer; className?: string | undefined; columnCount: number; columnWidth: CellSize; containerProps?: any; containerRole?: string | undefined; containerStyle?: any; deferredMeasurementCache?: CellMeasureCache | undefined; elementRef?: any; estimatedColumnSize?: number | undefined; estimatedRowSize?: number | undefined; getScrollbarSize?: (() => number) | undefined; height?: number | undefined; id?: string | u… |
react-virtualized · ListProps | GridCoreProps & { noRowsRenderer?: (() => JSX.Element) | undefined; onRowsRendered?: ((info: RenderedRows) => void) | undefined; rowRenderer: ListRowRenderer; scrollToIndex?: number | undefined; } | Omit<GridProps, OverriddenGridPropKeys> & { "aria-label"?: string | undefined; "aria-readonly"?: boolean | undefined; containerRole?: string | undefined; role?: string | undefined; className?: string | undefined; estimatedRowSize?: number | undefined; height?: number | undefined; id?: string | undefined; noRowsRenderer?: NoContentRenderer | undefined; onRowsRendered?: ((params: RenderedRows) => void) | undefined; onScroll?: ((params: Scroll_2) => void) | undefined; overscanIndicesGetter?: OverscanIndicesGetter | undefined; overscanRowCount?: number | undefined; rowCount: number; rowHeight: Cel… |
react-virtualized · MultiGrid | class | NamedExoticComponent<any> |
react-virtualized · ScrollSync | class | NamedExoticComponent<ScrollSyncProps> |
react-virtualized · TableProps | GridCoreProps & { "aria-label"?: string | undefined; deferredMeasurementCache?: CellMeasurerCache | undefined; autoHeight?: boolean | undefined; children?: any; className?: string | undefined; disableHeader?: boolean | undefined; estimatedRowSize?: number | undefined; gridClassName?: string | undefined; gridStyle?: any; headerClassName?: string | undefined; headerHeight: number; headerRowRenderer?: TableHeaderRowRenderer | undefined; headerStyle?: any; height?: number | undefined; id?: string | undefined; noRowsRenderer?: (() => any) | undefined; onHeaderClick?: ((params: HeaderMouseEventHandl… | Omit<GridProps, OverriddenGridPropKeys_2 | keyof TableOwnProps> & TableOwnProps |
react-virtualized · ColumnProps | { "aria-label"?: string | undefined; cellDataGetter?: TableCellDataGetter | undefined; cellRenderer?: TableCellRenderer | undefined; className?: string | undefined; columnData?: any; dataKey: any; defaultSortDirection?: SortDirectionType | undefined; disableSort?: boolean | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; headerClassName?: string | undefined; headerRenderer?: TableHeaderRenderer | undefined; headerStyle?: any; id?: string | undefined; label?: any; maxWidth?: number | undefined; minWidth?: number | undefined; style?: any; width: number; } | { "aria-label"?: string | undefined; cellDataGetter?: TableCellDataGetter | undefined; cellRenderer?: TableCellRenderer | undefined; className?: string | undefined; columnData?: any; dataKey: string; defaultSortDirection?: SortDirectionType | undefined; disableSort?: boolean | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; headerClassName?: string | undefined; headerRenderer?: TableHeaderRenderer | undefined; headerStyle?: any; id?: string | undefined; label?: any; maxWidth?: number | undefined; minWidth?: number | undefined; style?: any; width: number; } |
react-virtualized · ColumnSizer | class | NamedExoticComponent<ColumnSizerProps> |
react-virtualized · CellMeasurer | class | any |
react-virtualized · CellRenderer | (props: MasonryCellProps) => React.ReactNode | (props: CellRendererParams) => any |
react-virtualized · MasonryProps | { [key: string]: any; autoHeight: boolean; cellCount: number; cellMeasurerCache: CellMeasurerCacheInterface; cellPositioner: Positioner; cellRenderer: CellRenderer; className?: string | undefined; height: number; id?: string | undefined; keyMapper?: KeyMapper | undefined; onCellsRendered?: OnCellsRenderedCallback | undefined; onScroll?: OnScrollCallback | undefined; overscanByPixels?: number | undefined; role?: string | undefined; scrollingResetTimeInterval?: number | undefined; style?: any; tabIndex?: number | null | undefined; width: number; } | { "aria-label"?: string | undefined; cellCount: number; cellMeasurerCache: MasonryCellMeasurerCache; cellPositioner: Positioner; cellRenderer: MasonryCellRenderer; className?: string | null | undefined; height?: number | undefined; id?: string | null | undefined; keyMapper?: MasonryKeyMapper | undefined; onCellsRendered?: MasonryOnCellsRenderedCallback | null | undefined; onScroll?: MasonryOnScrollCallback | null | undefined; overscanByPixels?: number | undefined; role?: string | undefined; rowDirection?: string | undefined; scrollElement?: ScrollElement | null | undefined; scrollingResetTimeI… |
react-virtualized · ScrollIndices | { scrollToRow: number; scrollToColumn: number; } | { scrollToColumn: number; scrollToRow: number; } |
react-virtualized · SortDirection | SortDirectionStatic | { readonly ASC: "ASC"; readonly DESC: "DESC"; } |
react-virtualized · SortIndicator | React.FunctionComponent<{ sortDirection?: SortDirectionType | undefined; }> | ({ sortDirection }: SortIndicatorProps): JSX.Element |
react-virtualized · TableRowProps | { className: string; columns: any[]; index: number; isScrolling: boolean; key: string; onRowClick?: ((params: RowMouseEventHandlerParams) => void) | undefined; onRowDoubleClick?: ((params: RowMouseEventHandlerParams) => void) | undefined; onRowMouseOver?: ((params: RowMouseEventHandlerParams) => void) | undefined; onRowMouseOut?: ((params: RowMouseEventHandlerParams) => void) | undefined; onRowRightClick?: ((params: RowMouseEventHandlerParams) => void) | undefined; rowData: any; style: any; } | { className: string; columns: ReactNode[]; index: number; isScrolling: boolean; key: string; onRowClick?: TableRowMouseEventHandler | undefined; onRowDoubleClick?: TableRowMouseEventHandler | undefined; onRowMouseOut?: TableRowMouseEventHandler | undefined; onRowMouseOver?: TableRowMouseEventHandler | undefined; onRowRightClick?: TableRowMouseEventHandler | undefined; rowData: any; style: CSSProperties; } |
react-virtualized · InfiniteLoader | class | NamedExoticComponent<any> |
react-virtualized · MultiGridProps | { classNameBottomLeftGrid?: string | undefined; classNameBottomRightGrid?: string | undefined; classNameTopLeftGrid?: string | undefined; classNameTopRightGrid?: string | undefined; enableFixedColumnScroll?: boolean | undefined; enableFixedRowScroll?: boolean | undefined; fixedColumnCount?: number | undefined; fixedRowCount?: number | undefined; style?: any; styleBottomLeftGrid?: any; styleBottomRightGrid?: any; styleTopLeftGrid?: any; styleTopRightGrid?: any; } & GridCoreProps & { cellRenderer: GridCellRenderer; columnCount: number; columnWidth: number | ((params: Index) => number); } | Omit<GridProps, "style" | "onScrollbarPresenceChange" | "height" | "scrollElement"> & { height: number; classNameBottomLeftGrid?: string | undefined; classNameBottomRightGrid?: string | undefined; classNameTopLeftGrid?: string | undefined; classNameTopRightGrid?: string | undefined; enableFixedColumnScroll?: boolean | undefined; enableFixedRowScroll?: boolean | undefined; fixedColumnCount?: number | undefined; fixedRowCount?: number | undefined; hideBottomLeftGridScrollbar?: boolean | undefined; hideTopRightGridScrollbar?: boolean | undefined; onScrollbarPresenceChange?: ((params: ScrollbarPre… |
react-virtualized · ScrollPosition | { scrollLeft: number; scrollTop: number; } | { scrollLeft?: number | undefined; scrollTop?: number | undefined; } |
react-virtualized · TableCellProps | { cellData?: any; columnData?: any; columnIndex: number; dataKey: string; isScrolling: boolean; parent?: any; rowData: any; rowIndex: number; } | { cellData: any; columnData?: any; columnIndex: number; dataKey: string; isScrolling: boolean; parent: CellMeasurerParent; rowData: any; rowIndex: number; } |
react-virtualized · ArrowKeyStepper | class | NamedExoticComponent<any> |
react-virtualized · ScrollSyncProps | { [key: string]: any; children: (props: ScrollSyncChildProps) => React.ReactNode; } | { children: (params: ScrollSyncChildProps) => ReactNode; } |
react-virtualized · ColumnSizerProps | { [key: string]: any; children: (props: SizedColumnProps) => React.ReactNode; columnMaxWidth?: number | undefined; columnMinWidth?: number | undefined; columnCount?: number | undefined; width: number; } | { children: (params: ColumnSizerChildProps) => ReactNode; columnMaxWidth?: number | undefined; columnMinWidth?: number | undefined; columnCount: number; width: number; } |
react-virtualized · TableRowRenderer | (props: TableRowProps) => React.ReactNode | (params: TableRowProps) => ReactNode |
react-virtualized · CellMeasurerProps | { [key: string]: any; cache: CellMeasurerCacheInterface; children: any; columnIndex?: number | undefined; index?: number | undefined; parent: MeasuredCellParent; rowIndex?: number | undefined; style?: any; } | { cache: CellMeasureCache; children: any; columnIndex?: number | undefined; index?: number | undefined; parent: CellMeasurerParent; rowIndex?: number | undefined; } |
react-virtualized · TableCellRenderer | (props: TableCellProps) => React.ReactNode | (params: TableCellProps) => ReactNode |
react-virtualized · InfiniteLoaderProps | { [key: string]: any; children: (props: InfiniteLoaderChildProps) => React.ReactNode; isRowLoaded: (params: Index) => boolean; loadMoreRows: (params: IndexRange) => Promise<any>; minimumBatchSize?: number | undefined; rowCount?: number | undefined; threshold?: number | undefined; } | { children: (params: InfiniteLoaderChildProps) => ReactNode; isRowLoaded: (params: { index: number; }) => boolean; loadMoreRows: (params: IndexRange) => void | Promise<unknown>; minimumBatchSize?: number | undefined; rowCount?: number | undefined; threshold?: number | undefined; } |
react-virtualized · TableHeaderRenderer | (props: TableHeaderProps) => React.ReactNode | (params: TableHeaderProps) => ReactNode |
react-virtualized · TableHeaderRowProps | { className: string; columns: React.ReactNode[]; style: React.CSSProperties; scrollbarWidth: number; height: number; width: number; } | { className: string; columns: ReactNode[]; style: CSSProperties; } |
react-virtualized · ArrowKeyStepperProps | { [key: string]: any; children: (props: ChildProps) => React.ReactNode; className?: string | undefined; columnCount: number; rowCount: number; mode?: "edges" | "cells" | undefined; disabled?: boolean | undefined; isControlled?: boolean | undefined; onScrollToChange?: ((params: ScrollIndices) => void) | undefined; scrollToColumn?: number | undefined; scrollToRow?: number | undefined; } | { children: (params: ArrowKeyStepperChildProps) => ReactNode; className?: string | undefined; columnCount: number; disabled?: boolean | undefined; isControlled?: boolean | undefined; mode?: "cells" | "edges" | undefined; onScrollToChange?: ((params: ScrollIndices) => void) | undefined; rowCount: number; scrollToColumn?: number | undefined; scrollToRow?: number | undefined; } |
react-virtualized · ScrollSyncChildProps | { clientHeight: number; clientWidth: number; onScroll: (params: OnScrollParams) => void; scrollHeight: number; scrollLeft: number; scrollTop: number; scrollWidth: number; } | { clientHeight: number; clientWidth: number; onScroll: (params: ScrollSyncScrollParams) => void; registerChild: (key: string) => (child: ScrollSyncChild | null) => void | (() => void); scrollHeight: number; scrollLeft: number; scrollTop: number; scrollWidth: number; } |
react-virtualized · createTableMultiSort | (sortCallback: (params: { sortBy: string; sortDirection: SortDirectionType; }) => void, options?: MultiSortOptions | undefined): MultiSortReturn | (sortCallback: MultiSortCallback, { defaultSortBy, defaultSortDirection }?: MultiSortOptions | undefined): MultiSortReturn |
react-virtualized · TableHeaderRowRenderer | (props: TableHeaderRowProps) => React.ReactNode | (params: TableHeaderRowProps) => ReactNode |
react-virtualized · CellMeasurerCacheParams | { defaultHeight?: number | undefined; defaultWidth?: number | undefined; fixedHeight?: boolean | undefined; fixedWidth?: boolean | undefined; minHeight?: number | undefined; minWidth?: number | undefined; keyMapper?: KeyMapper | undefined; } | { defaultHeight?: number | undefined; defaultWidth?: number | undefined; fixedHeight?: boolean | undefined; fixedWidth?: boolean | undefined; minHeight?: number | undefined; minWidth?: number | undefined; keyMapper?: ((rowIndex: number, columnIndex: number) => unknown) | undefined; } |
react-virtualized · defaultTableRowRenderer | (props: TableRowProps): React.ReactNode | ({ className, columns, index, key, onRowClick, onRowDoubleClick, onRowMouseOut, onRowMouseOver, onRowRightClick, rowData, style }: TableRowProps): JSX.Element |
react-virtualized · defaultCellRangeRenderer | (params: GridCellRangeProps): React.ReactNode[] | ({ cellCache, cellRenderer, columnSizeAndPositionManager, columnStartIndex, columnStopIndex, deferredMeasurementCache, horizontalOffsetAdjustment, isScrolling, isScrollingOptOut, parent, rowSizeAndPositionManager, rowStartIndex, rowStopIndex, styleCache, verticalOffsetAdjustment, visibleColumnIndices, visibleRowIndices }: CellRangeRendererParams): ReactElement[] |
react-virtualized · defaultTableCellRenderer | (props: TableCellProps): React.ReactNode | ({ cellData }: Pick<TableCellProps, "cellData">): string |
react-virtualized · ArrowKeyStepperChildProps | { onSectionRendered: (params: RenderedSection) => void; scrollToColumn: number; scrollToRow: number; } | { onSectionRendered: (params: ArrowKeyStepperRenderedSection) => void; registerChild: (child: ArrowKeyStepperChild | null) => void; scrollToColumn: number; scrollToRow: number; } |
react-virtualized · defaultTableCellDataGetter | (params: TableCellDataGetterParams): any | ({ dataKey, rowData }: Pick<TableCellDataGetterParams, "dataKey" | "rowData">): any |
react-virtualized · defaultTableHeaderRenderer | (): React.ReactElement<TableHeaderProps>[] | ({ dataKey, label, sortBy, sortDirection }: Pick<TableHeaderProps, "dataKey" | "label" | "sortBy" | "sortDirection">): ReactElement[] |
react-virtualized · createMasonryCellPositioner | (params: createCellPositionerParams): Positioner | ({ cellMeasurerCache, columnCount, columnWidth, spacer }: CreateCellPositionerParams): CellPositioner |
react-virtualized · defaultOverscanIndicesGetter | (params: OverscanIndicesGetterParams): OverscanIndexRange | ({ cellCount, overscanCellsCount, scrollDirection, startIndex, stopIndex }: OverscanIndicesGetterParams): OverscanIndices |
react-virtualized · defaultTableHeaderRowRenderer | (props: TableHeaderRowProps): React.ReactNode | ({ className, columns, style }: TableHeaderRowProps): JSX.Element |
react-virtualized · accessibilityOverscanIndicesGetter | (params: OverscanIndicesGetterParams): OverscanIndexRange | ({ cellCount, overscanCellsCount, scrollDirection, startIndex, stopIndex }: OverscanIndicesGetterParams): OverscanIndices |
Thành viên lớp hoặc interface bị xóa
Không phát hiện.
Thành viên lớp hoặc interface thay đổi
| member | Trước | Sau |
|---|---|---|
CellMeasurerCache.has | (rowIndex: number, columnIndex: number): boolean | (rowIndex: number, columnIndex?: number | undefined): boolean |
CellMeasurerCache.clear | (rowIndex: number, columnIndex: number): void | (rowIndex: number, columnIndex?: number | undefined): void |
CellMeasurerCache.rowHeight | (params: { index: number; }): number | ({ index }: IndexParam): number |
CellMeasurerCache.columnWidth | (params: { index: number; }): number | ({ index }: IndexParam): number |
Mới bị ngừng hỗ trợ
Không phát hiện.
Thay đổi yêu cầu (engines, phụ thuộc peer)
| Trước | Sau | |
|---|---|---|
peerDependencies.react | ^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 | ^18.0.0 || ^19.0.0 |
peerDependencies.react-dom | ^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 | ^18.0.0 || ^19.0.0 |
Export mới (39)
| import | export | kind |
|---|---|---|
react-virtualized | Scroll | type |
react-virtualized | CellSize | type |
react-virtualized | CellPosition | type |
react-virtualized | ScrollElement | type |
react-virtualized | MultiSortParams | type |
react-virtualized | MultiSortReturn | type |
react-virtualized | RenderedSection | type |
react-virtualized | ScrollSyncChild | type |
react-virtualized | TableSortParams | type |
react-virtualized | MultiSortOptions | type |
react-virtualized | SortDirectionMap | type |
react-virtualized | defaultGridProps | variable |
react-virtualized | defaultListProps | variable |
react-virtualized | CellRangeRenderer | type |
react-virtualized | GridImperativeAPI | interface |
react-virtualized | ListImperativeAPI | interface |
react-virtualized | NoContentRenderer | type |
react-virtualized | RowRendererParams | type |
react-virtualized | defaultTableProps | variable |
react-virtualized | CellRendererParams | type |
react-virtualized | TableImperativeAPI | interface |
react-virtualized | defaultColumnProps | variable |
react-virtualized | defaultMasonryProps | variable |
react-virtualized | ArrowKeyStepperChild | interface |
react-virtualized | CellMeasurerCacheAPI | interface |
react-virtualized | MasonryImperativeAPI | interface |
react-virtualized | OverscanIndicesGetter | type |
react-virtualized | defaultMultiGridProps | variable |
react-virtualized | MultiGridImperativeAPI | interface |
react-virtualized | ScrollSyncScrollParams | type |
react-virtualized | CellMeasurerChildParams | type |
react-virtualized | CellRangeRendererParams | type |
react-virtualized | ScrollbarPresenceChange | type |
react-virtualized | CellMeasurerChildFunction | type |
react-virtualized | defaultInfiniteLoaderProps | variable |
react-virtualized | InfiniteLoaderChildInstance | interface |
react-virtualized | InfiniteLoaderImperativeAPI | interface |
react-virtualized | defaultArrowKeyStepperProps | variable |
react-virtualized | ArrowKeyStepperImperativeAPI | interface |
Cung cấp dữ liệu này cho tác tử AI của bạn
Vigia là máy chủ MCP miễn phí: tác tử lập trình của bạn kiểm tra phiên bản, thay đổi phá vỡ tương thích và lỗ hổng trước khi viết mã. Không cần đăng ký, không cần khóa API.
claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp
Thêm vào CursorThêm vào VS Code★ Gắn sao trên GitHub
Mọi ứng dụng MCP khác
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }Kỹ năng cho tác tử (SKILL.md): cho tác tử biết khi nào dùng Vigia · GitHub Action cho pull request
Câu hỏi thường gặp
Nâng cấp react-virtualized từ 9 lên 10 có những thay đổi không tương thích nào?
Giữa react-virtualized 9.22.6 và 10.0.0, Vigia tìm thấy 59 export bị xóa, 48 chữ ký thay đổi và 4 thành viên lớp hoặc interface bị xóa hay thay đổi.
Những gì bị ngừng hỗ trợ trong react-virtualized 10?
0 export hoặc thành viên mới bị đánh dấu ngừng hỗ trợ trong react-virtualized 10.0.0.
Dành cho tác tử
GET https://vigia.coredls.cloud/v1/packages/npm/react-virtualized/upgrade?from=9.22.6&to=10.0.0