@revolist/vue3-datagrid 4.11.16 → 4.11.17
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/README.md +54 -59
- package/dist/index.d.ts +2 -2
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
### 🚨 Repository Notice
|
|
1
|
+
### 🚨 Repository Notice
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Post new issues [here](https://github.com/revolist/revogrid). Happy coding! 💻
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
8
|
<a href="https://rv-grid.com">
|
|
9
|
-
<img src="./assets/logo.svg" alt="RevoGrid" height="150" />
|
|
9
|
+
<img src="./assets/logo.svg" alt="RevoGrid Data Grid" height="150" />
|
|
10
10
|
</a>
|
|
11
11
|
</p>
|
|
12
12
|
|
|
13
13
|
<p align="center">
|
|
14
14
|
<a href="https://www.npmjs.com/package/@revolist/revogrid"><img src="https://img.shields.io/npm/v/@revolist/revogrid" alt="Latest Version on NPM"/></a>
|
|
15
15
|
<a href="https://github.com/revolist/revogrid/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@revolist/revogrid" alt="Software License"/></a>
|
|
16
|
-
<img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid
|
|
17
|
-
<img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid
|
|
16
|
+
<img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid" alt="Dependency count"/>
|
|
17
|
+
<img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid" alt="Tree shaking"/>
|
|
18
|
+
<img src="https://img.shields.io/bundlephobia/min/@revolist/revogrid" alt="Bundle size"/>
|
|
18
19
|
<img src="https://sonarcloud.io/api/project_badges/measure?project=revolist_revogrid&metric=alert_status" alt="Sonar Quality Gate"/>
|
|
19
20
|
</p>
|
|
20
21
|
|
|
@@ -44,81 +45,80 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
|
|
|
44
45
|
|
|
45
46
|
- **High Performance**: Handles millions of cells in the viewport with a powerful core built by default.
|
|
46
47
|
|
|
47
|
-
- **Accessibility**: Follows WAI-ARIA best practices.
|
|
48
|
+
- **[Accessibility](https://rv-grid.com/guide/wcag)**: Follows WAI-ARIA best practices.
|
|
48
49
|
|
|
49
|
-
- **Keyboard Support**:
|
|
50
|
+
- **[Keyboard Support](https://rv-grid.com/guide/defs#Keyboard)**:
|
|
50
51
|
- Excel-like focus for efficient navigation and editing.
|
|
51
52
|
- Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
|
|
52
53
|
|
|
53
54
|
|
|
54
55
|
- **Lightweight**: Minimal initial bundle size . Can be imported with polyfills or as a module for modern browsers.
|
|
55
56
|
|
|
56
|
-
- **Intelligent Virtual DOM**: Smart row recombination to minimize redraws.
|
|
57
|
+
- **[Intelligent Virtual DOM](https://rv-grid.com/guide/overview#VNode-Reactive-DOM)**: Smart row recombination to minimize redraws.
|
|
57
58
|
|
|
58
|
-
- **Virtual Scroll**: Handles large datasets with infinite scroll.
|
|
59
|
+
- **[Virtual Scroll](https://rv-grid.com/guide/viewports)**: Handles large datasets with infinite scroll.
|
|
59
60
|
|
|
60
|
-
- **
|
|
61
|
+
- **[Drag and Drop](https://rv-grid.com/guide/row/order)**: Drag and drop in [rows](https://rv-grid.com/guide/row/order) and [columns](https://rv-grid.com/guide/column/order).
|
|
61
62
|
|
|
62
|
-
- **
|
|
63
|
+
- **[Sorting](https://rv-grid.com/guide/sorting)**: Multiple options, customizable per column, with advanced event handling.
|
|
63
64
|
|
|
64
|
-
- **
|
|
65
|
-
|
|
66
|
-
- **Filtering**:
|
|
65
|
+
- **[Filtering](https://rv-grid.com/guide/filters)**:
|
|
67
66
|
- Predefined system filters.
|
|
67
|
+
- Multi column filters.
|
|
68
|
+
- Conditional filters.
|
|
68
69
|
- Preserve existing collections.
|
|
69
70
|
- Custom filters to extend system filters with your own set.
|
|
70
71
|
|
|
71
|
-
- **Export**: Export data to file.
|
|
72
|
+
- **[Export](https://rv-grid.com/guide/export.plugin)**: Export data to file.
|
|
72
73
|
|
|
73
|
-
- **Custom Sizes**: Define custom sizes for columns and rows. Automatic sizing based on content.
|
|
74
|
+
- **Custom Sizes**: Define custom sizes for [columns](https://rv-grid.com/guide/column/#Column-Size) and [rows](https://rv-grid.com/guide/row/height). Automatic sizing based on content.
|
|
74
75
|
|
|
75
|
-
- **Column Resizing**: Adjust column widths.
|
|
76
|
+
- **[Column Resizing](https://rv-grid.com/guide/column/resize)**: Adjust column widths.
|
|
76
77
|
|
|
77
78
|
- **Pinned/Sticky/Freezed Elements**:
|
|
78
|
-
- Columns (define left or right).
|
|
79
|
-
- Rows (define top or bottom).
|
|
79
|
+
- [Columns](https://rv-grid.com/guide/column/pin) (define left or right).
|
|
80
|
+
- [Rows](https://rv-grid.com/guide/row/pin) (define top or bottom).
|
|
80
81
|
|
|
81
82
|
- **Grouping**:
|
|
82
|
-
- Column grouping (nested headers).
|
|
83
|
-
- Row grouping (nested rows).
|
|
84
|
-
|
|
85
|
-
- **Cell Editing**: In-place editing of cell data.
|
|
86
|
-
|
|
87
|
-
- **Cell Merging**: Merge cells to form groups.
|
|
88
|
-
|
|
89
|
-
- **Customizations**:
|
|
90
|
-
- Column header template.
|
|
91
|
-
- Row header template.
|
|
92
|
-
- Cell template (create your own cell views).
|
|
93
|
-
- Cell editor (use predefined or apply your own custom editors and cell types).
|
|
94
|
-
- Cell properties (define custom properties for rendered cells).
|
|
83
|
+
- [Column grouping](https://rv-grid.com/guide/column/grouping) (nested headers).
|
|
84
|
+
- [Row grouping](https://rv-grid.com/guide/row/grouping) (nested rows).
|
|
95
85
|
|
|
96
86
|
- **Column Types**: [More details](https://rv-grid.com/guide/column/#Column-Formats)
|
|
97
|
-
- Text/String (default).
|
|
98
|
-
- Number.
|
|
99
|
-
- Select.
|
|
100
|
-
- Date.
|
|
87
|
+
- [Text/String](https://rv-grid.com/guide/column/types#String) (default).
|
|
88
|
+
- [Number](https://rv-grid.com/guide/column/types#Number).
|
|
89
|
+
- [Select/Dropdown](https://rv-grid.com/guide/column/types#Select-Dropdown).
|
|
90
|
+
- [Date](https://rv-grid.com/guide/column/types#Date).
|
|
101
91
|
- Custom (create extended styles using any template).
|
|
102
92
|
|
|
103
93
|
- **Range Operations**:
|
|
104
|
-
- Selection.
|
|
105
|
-
- Editing.
|
|
94
|
+
- [Selection](https://rv-grid.com/guide/defs#Range).
|
|
95
|
+
- [Editing](https://rv-grid.com/guide/defs#Range-Autofill).
|
|
106
96
|
|
|
107
|
-
- **Theme Packages**:
|
|
97
|
+
- **[Theme Packages](https://rv-grid.com/guide/theme)**:
|
|
108
98
|
- Excel-like (default).
|
|
109
99
|
- Material (compact, dark, or light).
|
|
110
100
|
|
|
111
|
-
- **Extensibility**: Modern VNode features and tsx support for easy extension.
|
|
101
|
+
- **[Extensibility](https://rv-grid.com/guide/jsx.template)**: Modern VNode features and tsx support for easy extension.
|
|
112
102
|
|
|
113
|
-
- **Trimmed Rows**: Hide rows on demand.
|
|
103
|
+
- **[Trimmed Rows](https://rv-grid.com/guide/row/#Trimmed-Rows)**: Hide rows on demand.
|
|
114
104
|
|
|
115
|
-
- **Plugin System**: Create custom plugins or extend existing ones easily.
|
|
105
|
+
- **[Plugin System](https://rv-grid.com/guide/plugin/)**: Create custom plugins or extend existing ones easily.
|
|
116
106
|
|
|
117
|
-
- **
|
|
107
|
+
- **[Formula Support](https://rv-grid.com/guide/cell/formula)**: Evaluate formulas in cell data.
|
|
118
108
|
|
|
119
|
-
|
|
109
|
+
- **[Master Detail/Subtables/Forms](https://rv-grid.com/guide/row/master.pro)**: Expand rows to reveal child data.
|
|
110
|
+
- **[Cell/Column/Row Span/Merge](https://rv-grid.com/guide/cell/merge)**: Merge cells to form groups.
|
|
111
|
+
|
|
112
|
+
- **Customizations**:
|
|
113
|
+
- [Column header template](https://rv-grid.com/guide/column/header.template).
|
|
114
|
+
- [Row header template](https://rv-grid.com/guide/row/headers).
|
|
115
|
+
- [Cell properties](https://rv-grid.com/guide/cell/) (define custom properties for rendered cells).
|
|
116
|
+
|
|
117
|
+
- [Cell template](https://rv-grid.com/guide/vue3/renderer) (create your own cell views).
|
|
118
|
+
- [Cell editor](https://rv-grid.com/guide/vue3/editor) (use predefined or apply your own custom editors and cell types).
|
|
120
119
|
|
|
121
120
|
|
|
121
|
+
- **Rich API & Additional Improvements**: Explore hundreds of other small customizations and improvements in [RevoGrid](https://rv-grid.com/).
|
|
122
122
|
|
|
123
123
|
### Usage Vue 3
|
|
124
124
|
|
|
@@ -281,11 +281,11 @@ export default defineComponent({
|
|
|
281
281
|
|
|
282
282
|
- Redesigned type support:
|
|
283
283
|
- Removed deprecated namespaces:
|
|
284
|
-
- **Before**: `RevoGrid.
|
|
285
|
-
- **Now**: `
|
|
284
|
+
- **Before**: `RevoGrid.ColumnRegular`
|
|
285
|
+
- **Now**: `ColumnRegular`;
|
|
286
286
|
- Improved type import:
|
|
287
287
|
- **Before**: `import { RevoGrid } from '@revolist/revogrid/dist/types/interfaces'`
|
|
288
|
-
- **Now**: `import {
|
|
288
|
+
- **Now**: `import { ColumnRegular } from '@revolist/revogrid'`.
|
|
289
289
|
- Changed viewport type names everywhere. For example, before: `rowDefinitions: [{ type: "row", index: 0, size: 145 }]`, after: `rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }]`.
|
|
290
290
|
- Updated [event](https://rv-grid.com/guide/api/revoGrid.html#Events) naming convention. Review your [event](https://rv-grid.com/guide/api/revoGrid.html#Events) usage. [Event names](https://rv-grid.com/guide/api/revoGrid.html#Events) are all lowercase now and are aligned with modern event naming conventions. For example, `afterEdit` -> `afteredit`.
|
|
291
291
|
- Multiple event breaking changes introduced: beforerowrender now returns `BeforeRowRenderEvent`. Check all events for details.
|
|
@@ -307,33 +307,28 @@ export default defineComponent({
|
|
|
307
307
|
|
|
308
308
|
## Our Sponsors
|
|
309
309
|
|
|
310
|
-
We would like to extend our heartfelt gratitude to our sponsors for their generous support. Their contributions help us maintain and develop RevoGrid
|
|
310
|
+
We would like to extend our heartfelt gratitude to our sponsors for their generous support. Their contributions help us maintain and develop RevoGrid.
|
|
311
311
|
|
|
312
312
|
[](https://altruistiq.com)
|
|
313
313
|
|
|
314
314
|
|
|
315
315
|
### Become a Sponsor
|
|
316
316
|
|
|
317
|
-
If you or your company would like to support the ongoing development of RevoGrid, please consider
|
|
318
|
-
|
|
319
|
-
[](https://opencollective.com/revogrid)
|
|
317
|
+
If you or your company would like to support the ongoing development of RevoGrid, please consider [](https://opencollective.com/revogrid) or use a [Pro version](https://rv-grid.com/pro/). Your support will help us continue to improve the project and provide the best possible tool for the community.
|
|
320
318
|
|
|
321
319
|
Thank you for supporting RevoGrid! 🙏
|
|
322
320
|
|
|
321
|
+
|
|
323
322
|
## Contributing
|
|
324
323
|
|
|
325
|
-
|
|
324
|
+
By getting involved, you'll have the opportunity to enhance your skills, gain valuable experience, and make a significant impact on an innovative project. Your contribution, no matter how big or small, is valuable.
|
|
326
325
|
|
|
327
326
|
### Why Contribute?
|
|
328
327
|
|
|
329
|
-
- **Expand Your Knowledge**: Working on
|
|
330
|
-
- **
|
|
331
|
-
- **Professional Growth**: By contributing, you become part of a network of talented developers. This can lead to mentorship opportunities, collaborations, and professional connections that can benefit your career.
|
|
332
|
-
- **Make a Difference**: Your contributions can help improve RevoGrid, making it more powerful and user-friendly for developers around the world. Your input can shape the future of the project and drive innovation.
|
|
333
|
-
|
|
334
|
-
### Join Us
|
|
328
|
+
- **Expand Your Knowledge**: Working on complex libraries allows you to dive deep into modern web technologies, improve your coding skills, and learn best practices in performance optimization, data handling, and component-based architecture.
|
|
329
|
+
- **Experience**: Contributing to an open-source project like provides you with practical experience that can be a great addition to your portfolio. It demonstrates your ability to work collaboratively, solve complex problems, and contribute to a project's success.
|
|
330
|
+
- **Professional Growth**: By contributing, you become part of a network of talented developers. This can lead to mentorship opportunities, collaborations, and professional connections that can benefit your career.
|
|
335
331
|
|
|
336
|
-
Your contribution, no matter how big or small, is valuable. By working on RevoGrid, you'll be part of an exciting project that's making a difference in the world of data grids. Join us today and let's build something amazing together!
|
|
337
332
|
|
|
338
333
|
## License
|
|
339
334
|
|
package/dist/index.d.ts
CHANGED
|
@@ -16,11 +16,11 @@ declare type CreateVNodeParameters = (Parameters<typeof createVNode>)[0];
|
|
|
16
16
|
/**
|
|
17
17
|
* Data passed to editor
|
|
18
18
|
*/
|
|
19
|
-
export declare
|
|
19
|
+
export declare interface EditorType extends Partial<EditCell> {
|
|
20
20
|
column: ColumnDataSchemaModel;
|
|
21
21
|
save: (value: any, preventFocus?: boolean) => void;
|
|
22
22
|
close: (focusNext?: boolean) => void;
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
24
|
|
|
25
25
|
declare interface InputProps<T> {
|
|
26
26
|
modelValue?: T;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revolist/vue3-datagrid",
|
|
3
|
-
"version": "4.11.
|
|
3
|
+
"version": "4.11.17",
|
|
4
4
|
"description": "Vue 3 DataGrid Spreadsheet component with native Vue 3 cell render support",
|
|
5
5
|
"main": "./dist/vue3-datagrid.umd.cjs",
|
|
6
6
|
"module": "./dist/vue3-datagrid.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"homepage": "https://github.com/revolist/revogrid#readme",
|
|
66
66
|
"license": "MIT",
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@revolist/revogrid": "4.11.
|
|
68
|
+
"@revolist/revogrid": "4.11.17"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@stencil/core": "^4.19.2",
|