Files
azuredatastudio/src/sql/base/browser/ui/table/hybridDataProvider.ts
Alan Ren 228a5d8e20 Table Filter improvements (#15207)
* use virutualized list

* comments
2021-04-22 12:03:17 -07:00

135 lines
4.7 KiB
TypeScript

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
import { AsyncDataProvider, IObservableCollection } from 'sql/base/browser/ui/table/asyncDataView';
import { FilterableColumn } from 'sql/base/browser/ui/table/interfaces';
import { CellValueGetter, TableDataView, TableFilterFunc, TableSortFunc } from 'sql/base/browser/ui/table/tableDataView';
import { IDisposableDataProvider } from 'sql/base/common/dataProvider';
import { Event, Emitter } from 'vs/base/common/event';
import { DisposableStore } from 'vs/base/common/lifecycle';
export interface HybridDataProviderOptions {
inMemoryDataProcessing: boolean;
inMemoryDataCountThreshold?: number;
}
/**
* Used to abstract the underlying data provider, based on the options, if we are allowing in-memory data processing and the threshold is not reached the
* a TableDataView will be used to provide in memory data source, otherwise it will be using the async data provider.
*/
export class HybridDataProvider<T extends Slick.SlickData> implements IDisposableDataProvider<T> {
private _asyncDataProvider: AsyncDataProvider<T>;
private _tableDataProvider: TableDataView<T>;
private _dataCached: boolean = false;
private _disposableStore = new DisposableStore();
private _onFilterStateChange = new Emitter<void>();
get onFilterStateChange(): Event<void> { return this._onFilterStateChange.event; }
private _onSortComplete = new Emitter<Slick.OnSortEventArgs<T>>();
get onSortComplete(): Event<Slick.OnSortEventArgs<T>> { return this._onSortComplete.event; }
constructor(dataRows: IObservableCollection<T>,
private _loadDataFn: (offset: number, count: number) => Thenable<T[]>,
filterFn: TableFilterFunc<T>,
sortFn: TableSortFunc<T>,
valueGetter: CellValueGetter,
private readonly _options: HybridDataProviderOptions) {
this._asyncDataProvider = new AsyncDataProvider<T>(dataRows);
this._tableDataProvider = new TableDataView<T>(undefined, undefined, sortFn, filterFn, valueGetter);
this._disposableStore.add(this._asyncDataProvider.onFilterStateChange(() => {
this._onFilterStateChange.fire();
}));
this._disposableStore.add(this._asyncDataProvider.onSortComplete((args) => {
this._onSortComplete.fire(args);
}));
this._disposableStore.add(this._tableDataProvider.onFilterStateChange(() => {
this._onFilterStateChange.fire();
}));
this._disposableStore.add(this._tableDataProvider.onSortComplete((args) => {
this._onSortComplete.fire(args);
}));
this._disposableStore.add(this._asyncDataProvider);
this._disposableStore.add(this._tableDataProvider);
}
public get isDataInMemory(): boolean {
return this._dataCached;
}
async getRangeAsync(startIndex: number, length: number): Promise<T[]> {
return this.provider.getRangeAsync(startIndex, length);
}
public async getColumnValues(column: Slick.Column<T>): Promise<string[]> {
await this.initializeCacheIfNeeded();
return this.provider.getColumnValues(column);
}
public get dataRows(): IObservableCollection<T> {
return this._asyncDataProvider.dataRows;
}
public set dataRows(value: IObservableCollection<T>) {
this._asyncDataProvider.dataRows = value;
}
public dispose(): void {
this._disposableStore.dispose();
}
public getLength(): number {
return this.provider.getLength();
}
public getItem(index: number): T {
return this.provider.getItem(index);
}
public getItems(): T[] {
throw new Error('Method not implemented.');
}
public get length(): number {
return this.provider.getLength();
}
public set length(value: number) {
this._asyncDataProvider.length = value;
}
public async filter(columns: FilterableColumn<T>[]) {
await this.initializeCacheIfNeeded();
this.provider.filter(columns);
}
public async sort(options: Slick.OnSortEventArgs<T>) {
await this.initializeCacheIfNeeded();
this.provider.sort(options);
}
private get thresholdReached(): boolean {
return this._options.inMemoryDataCountThreshold !== undefined && this.length > this._options.inMemoryDataCountThreshold;
}
private get provider(): IDisposableDataProvider<T> {
return this._dataCached ? this._tableDataProvider : this._asyncDataProvider;
}
private async initializeCacheIfNeeded() {
if (!this._options.inMemoryDataProcessing) {
return;
}
if (this.thresholdReached) {
return;
}
if (!this._dataCached) {
const data = await this._loadDataFn(0, this.length);
this._dataCached = true;
this._tableDataProvider.push(data);
}
}
}