@revolist/revogrid 3.2.6 → 3.2.9
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 +57 -35
- 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 +56 -34
- package/dist/collection/components/revo-grid/revo-grid.js +16 -2
- 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/autoSizeColumn.js +1 -1
- package/dist/collection/plugins/groupingColumn/grouping.col.plugin.js +3 -3
- package/dist/collection/plugins/moveColumn/columnDragPlugin.js +35 -20
- package/dist/collection/plugins/moveColumn/columnOrderHandler.js +4 -4
- package/dist/collection/services/column.data.provider.js +3 -3
- package/dist/collection/services/resizable.directive.js +2 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/revo-grid.js +1 -1
- package/dist/esm/revo-grid_11.entry.js +56 -34
- 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 +8 -1
- package/dist/types/components/selection-focus/revogr-focus.d.ts +6 -0
- package/dist/types/components.d.ts +20 -7
- 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
|
@@ -90,7 +90,6 @@ export declare class RevoGridComponent {
|
|
|
90
90
|
/**
|
|
91
91
|
* Enables column move plugin
|
|
92
92
|
* Can be boolean
|
|
93
|
-
* Can be filter collection
|
|
94
93
|
*/
|
|
95
94
|
canMoveColumns: boolean;
|
|
96
95
|
/**
|
|
@@ -145,6 +144,14 @@ export declare class RevoGridComponent {
|
|
|
145
144
|
* Use e.preventDefault() to prevent range.
|
|
146
145
|
*/
|
|
147
146
|
beforeaange: EventEmitter<Selection.ChangedRange>;
|
|
147
|
+
/**
|
|
148
|
+
* Triggered after focus rendered
|
|
149
|
+
* Can be used for access to focus element
|
|
150
|
+
* Through @event.target
|
|
151
|
+
*/
|
|
152
|
+
afterFocus: EventEmitter<{
|
|
153
|
+
model: any;
|
|
154
|
+
}>;
|
|
148
155
|
/**
|
|
149
156
|
* Before rgRow order apply.
|
|
150
157
|
* 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;
|
|
@@ -34,7 +34,7 @@ export namespace Components {
|
|
|
34
34
|
*/
|
|
35
35
|
"canFocus": boolean;
|
|
36
36
|
/**
|
|
37
|
-
* Enables column move plugin Can be boolean
|
|
37
|
+
* Enables column move plugin Can be boolean
|
|
38
38
|
*/
|
|
39
39
|
"canMoveColumns": boolean;
|
|
40
40
|
/**
|
|
@@ -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;
|
|
@@ -496,7 +501,7 @@ declare namespace LocalJSX {
|
|
|
496
501
|
*/
|
|
497
502
|
"canFocus"?: boolean;
|
|
498
503
|
/**
|
|
499
|
-
* Enables column move plugin Can be boolean
|
|
504
|
+
* Enables column move plugin Can be boolean
|
|
500
505
|
*/
|
|
501
506
|
"canMoveColumns"?: boolean;
|
|
502
507
|
/**
|
|
@@ -531,6 +536,10 @@ declare namespace LocalJSX {
|
|
|
531
536
|
* Group models by provided properties Define properties to be groped by
|
|
532
537
|
*/
|
|
533
538
|
"grouping"?: GroupingOptions;
|
|
539
|
+
/**
|
|
540
|
+
* Triggered after focus rendered Can be used for access to focus element Through @event.target
|
|
541
|
+
*/
|
|
542
|
+
"onAfter-focus"?: (event: RevoGridCustomEvent<{ model: any; }>) => void;
|
|
534
543
|
/**
|
|
535
544
|
* After column resize Get resized columns
|
|
536
545
|
*/
|
|
@@ -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
|
+
"onAfter-focus"?: (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.9",
|
|
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",
|