@revolist/revogrid 3.2.7 → 3.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-element/index.js +51 -33
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/revo-grid.cjs.js +1 -1
- package/dist/cjs/revo-grid_11.cjs.entry.js +50 -32
- package/dist/collection/components/revo-grid/revo-grid.js +15 -0
- package/dist/collection/components/revo-grid/viewport.section.js +1 -1
- package/dist/collection/components/selection-focus/revogr-focus.js +49 -7
- package/dist/collection/plugins/groupingColumn/grouping.col.plugin.js +3 -3
- package/dist/collection/plugins/moveColumn/columnDragPlugin.js +32 -20
- package/dist/collection/plugins/moveColumn/columnOrderHandler.js +4 -4
- package/dist/collection/services/column.data.provider.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/revo-grid.js +1 -1
- package/dist/esm/revo-grid_11.entry.js +50 -32
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/revo-grid.js +1 -1
- package/dist/esm-es5/revo-grid_11.entry.js +1 -1
- package/dist/revo-grid/revo-grid.esm.js +1 -1
- package/dist/revo-grid/revo-grid.system.js +1 -1
- package/dist/revo-grid/revo-grid_11.entry.js +1 -1
- package/dist/revo-grid/revo-grid_11.system.entry.js +1 -1
- package/dist/types/components/revo-grid/revo-grid.d.ts +7 -0
- package/dist/types/components/selection-focus/revogr-focus.d.ts +6 -0
- package/dist/types/components.d.ts +18 -5
- package/dist/types/plugins/groupingColumn/grouping.col.plugin.d.ts +1 -1
- package/dist/types/plugins/moveColumn/columnDragPlugin.d.ts +3 -15
- package/dist/types/plugins/moveColumn/columnOrderHandler.d.ts +5 -2
- package/package.json +2 -2
|
@@ -144,6 +144,13 @@ export declare class RevoGridComponent {
|
|
|
144
144
|
* Use e.preventDefault() to prevent range.
|
|
145
145
|
*/
|
|
146
146
|
beforeaange: EventEmitter<Selection.ChangedRange>;
|
|
147
|
+
/**
|
|
148
|
+
* Triggered after focus render finished.
|
|
149
|
+
* Can be used to access a focus element through @event.target
|
|
150
|
+
*/
|
|
151
|
+
afterfocus: EventEmitter<{
|
|
152
|
+
model: any;
|
|
153
|
+
}>;
|
|
147
154
|
/**
|
|
148
155
|
* Before rgRow order apply.
|
|
149
156
|
* Use e.preventDefault() to prevent rgRow order change.
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
1
2
|
import { Observable, RevoGrid, Selection } from '../../interfaces';
|
|
3
|
+
import { RowSource } from '../data/columnService';
|
|
2
4
|
export declare class RevogrFocus {
|
|
3
5
|
el: HTMLElement;
|
|
4
6
|
/** Dynamic stores */
|
|
7
|
+
dataStore: RowSource;
|
|
5
8
|
selectionStore: Observable<Selection.SelectionStoreState>;
|
|
6
9
|
dimensionRow: Observable<RevoGrid.DimensionSettingsState>;
|
|
7
10
|
dimensionCol: Observable<RevoGrid.DimensionSettingsState>;
|
|
11
|
+
afterFocus: EventEmitter<{
|
|
12
|
+
model: any;
|
|
13
|
+
}>;
|
|
8
14
|
private changed;
|
|
9
15
|
componentDidRender(): void;
|
|
10
16
|
render(): any;
|
|
@@ -251,11 +251,12 @@ export namespace Components {
|
|
|
251
251
|
"uuid": string;
|
|
252
252
|
}
|
|
253
253
|
interface RevogrFocus {
|
|
254
|
-
"dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
|
|
255
|
-
"dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
|
|
256
254
|
/**
|
|
257
255
|
* Dynamic stores
|
|
258
256
|
*/
|
|
257
|
+
"dataStore": RowSource;
|
|
258
|
+
"dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
|
|
259
|
+
"dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
|
|
259
260
|
"selectionStore": Observable<Selection.SelectionStoreState>;
|
|
260
261
|
}
|
|
261
262
|
interface RevogrHeader {
|
|
@@ -366,6 +367,10 @@ export interface RevogrFilterPanelCustomEvent<T> extends CustomEvent<T> {
|
|
|
366
367
|
detail: T;
|
|
367
368
|
target: HTMLRevogrFilterPanelElement;
|
|
368
369
|
}
|
|
370
|
+
export interface RevogrFocusCustomEvent<T> extends CustomEvent<T> {
|
|
371
|
+
detail: T;
|
|
372
|
+
target: HTMLRevogrFocusElement;
|
|
373
|
+
}
|
|
369
374
|
export interface RevogrHeaderCustomEvent<T> extends CustomEvent<T> {
|
|
370
375
|
detail: T;
|
|
371
376
|
target: HTMLRevogrHeaderElement;
|
|
@@ -546,6 +551,10 @@ declare namespace LocalJSX {
|
|
|
546
551
|
* After edit. Triggered when after data applied or Range changeged.
|
|
547
552
|
*/
|
|
548
553
|
"onAfteredit"?: (event: RevoGridCustomEvent<Edition.BeforeSaveDataDetails | Edition.BeforeRangeSaveDataDetails>) => void;
|
|
554
|
+
/**
|
|
555
|
+
* Triggered after focus render finished. Can be used to access a focus element through @event.target
|
|
556
|
+
*/
|
|
557
|
+
"onAfterfocus"?: (event: RevoGridCustomEvent<{ model: any; }>) => void;
|
|
549
558
|
/**
|
|
550
559
|
* After rows updated
|
|
551
560
|
*/
|
|
@@ -758,12 +767,16 @@ declare namespace LocalJSX {
|
|
|
758
767
|
"uuid"?: string;
|
|
759
768
|
}
|
|
760
769
|
interface RevogrFocus {
|
|
761
|
-
"dimensionCol"?: Observable<RevoGrid.DimensionSettingsState>;
|
|
762
|
-
"dimensionRow"?: Observable<RevoGrid.DimensionSettingsState>;
|
|
763
770
|
/**
|
|
764
771
|
* Dynamic stores
|
|
765
772
|
*/
|
|
766
|
-
"
|
|
773
|
+
"dataStore": RowSource;
|
|
774
|
+
"dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
|
|
775
|
+
"dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
|
|
776
|
+
"onAfterfocus"?: (event: RevogrFocusCustomEvent<{
|
|
777
|
+
model: any;
|
|
778
|
+
}>) => void;
|
|
779
|
+
"selectionStore": Observable<Selection.SelectionStoreState>;
|
|
767
780
|
}
|
|
768
781
|
interface RevogrHeader {
|
|
769
782
|
"canResize"?: boolean;
|
|
@@ -8,6 +8,6 @@ interface Group extends StoreGroup {
|
|
|
8
8
|
export declare type ColumnGrouping = Record<RevoGrid.DimensionCols, Group[]>;
|
|
9
9
|
export default class GroupingColumnPlugin extends BasePlugin {
|
|
10
10
|
static gatherGroup<T extends ColumnCollection>(res: T, colData: RevoGrid.ColumnGrouping, collection: T, level?: number): T;
|
|
11
|
-
static isColGrouping(colData: RevoGrid.ColumnGrouping | RevoGrid.ColumnRegular): colData is RevoGrid.ColumnGrouping;
|
|
12
11
|
}
|
|
12
|
+
export declare function isColGrouping(colData: RevoGrid.ColumnGrouping | RevoGrid.ColumnRegular): colData is RevoGrid.ColumnGrouping;
|
|
13
13
|
export {};
|
|
@@ -7,7 +7,7 @@ import ViewportProvider from '../../services/viewport.provider';
|
|
|
7
7
|
import BasePlugin from '../basePlugin';
|
|
8
8
|
export declare type DragStartEventDetails = {
|
|
9
9
|
event: MouseEvent;
|
|
10
|
-
data: RevoGrid.
|
|
10
|
+
data: RevoGrid.ColumnDataSchema;
|
|
11
11
|
};
|
|
12
12
|
export declare type Providers = {
|
|
13
13
|
data: DataProvider;
|
|
@@ -16,28 +16,16 @@ export declare type Providers = {
|
|
|
16
16
|
column: ColumnDataProvider;
|
|
17
17
|
viewport: ViewportProvider;
|
|
18
18
|
};
|
|
19
|
-
declare type StaticData = {
|
|
20
|
-
startPos: number;
|
|
21
|
-
data: DragStartEventDetails['data'];
|
|
22
|
-
dataEl: HTMLElement;
|
|
23
|
-
scrollEl: Element;
|
|
24
|
-
gridEl: HTMLElement;
|
|
25
|
-
};
|
|
26
19
|
declare type LocalSubscriptions = Record<string, LocalSubscription>;
|
|
27
20
|
declare type LocalSubscription = {
|
|
28
21
|
target: Element | Document;
|
|
29
22
|
callback(...params: any[]): void;
|
|
30
23
|
};
|
|
31
24
|
export declare type EventData = {
|
|
32
|
-
el: HTMLElement;
|
|
33
|
-
elScroll: Element;
|
|
34
25
|
elRect: DOMRect;
|
|
35
26
|
gridRect: DOMRect;
|
|
36
|
-
|
|
37
|
-
data: StaticData['data'];
|
|
27
|
+
scrollOffset: number;
|
|
38
28
|
type: RevoGrid.DimensionCols;
|
|
39
|
-
rows: RevoGrid.DimensionSettingsState;
|
|
40
|
-
cols: RevoGrid.DimensionSettingsState;
|
|
41
29
|
};
|
|
42
30
|
export default class ColumnPlugin extends BasePlugin {
|
|
43
31
|
protected revogrid: HTMLRevoGridElement;
|
|
@@ -62,5 +50,5 @@ export default class ColumnPlugin extends BasePlugin {
|
|
|
62
50
|
private getData;
|
|
63
51
|
private getDimension;
|
|
64
52
|
}
|
|
65
|
-
export declare function getLeftRelative(absoluteX: number,
|
|
53
|
+
export declare function getLeftRelative(absoluteX: number, gridPos: number, offset: number): number;
|
|
66
54
|
export {};
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import { EventData } from './columnDragPlugin';
|
|
2
1
|
export declare class ColumnOrderHandler {
|
|
3
2
|
private element?;
|
|
4
3
|
private autoscrollEl?;
|
|
5
4
|
private offset;
|
|
6
5
|
renderAutoscroll(_: MouseEvent, parent: HTMLElement | null): void;
|
|
7
6
|
autoscroll(pos: number, dataContainerSize: number, direction?: string): void;
|
|
8
|
-
start(e: MouseEvent, {
|
|
7
|
+
start(e: MouseEvent, { dataEl, gridRect, scrollEl }: {
|
|
8
|
+
dataEl: HTMLElement;
|
|
9
|
+
gridRect: DOMRect;
|
|
10
|
+
scrollEl: Element;
|
|
11
|
+
}, dir?: 'top' | 'left'): void;
|
|
9
12
|
stop(): void;
|
|
10
13
|
showHandler(pos: number, size: number, direction?: string): void;
|
|
11
14
|
render(): any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revolist/revogrid",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.10",
|
|
4
4
|
"description": "Virtual reactive data grid component - RevoGrid.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"directories": {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@stencil/store": "^1.3.0",
|
|
71
71
|
"@stencil/svelte-output-target": "0.0.3",
|
|
72
72
|
"@stencil/vue-output-target": "^0.6.2",
|
|
73
|
-
|
|
73
|
+
"@types/events": "^3.0.0",
|
|
74
74
|
"@types/jest": "^26.0.20",
|
|
75
75
|
"@types/node": "^18.7.2",
|
|
76
76
|
"@types/react": "^18.0.17",
|