@revolist/vue3-datagrid 4.23.8 → 4.23.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/README.md +64 -14
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -11,12 +11,21 @@
|
|
|
11
11
|
<img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid" alt="Tree shaking"/>
|
|
12
12
|
<img src="https://img.shields.io/bundlephobia/min/@revolist/revogrid" alt="Bundle size"/>
|
|
13
13
|
<img src="https://sonarcloud.io/api/project_badges/measure?project=revolist_revogrid&metric=alert_status" alt="Sonar Quality Gate"/>
|
|
14
|
+
<a href="https://github.com/revolist/revogrid/actions/workflows/unit.yml">
|
|
15
|
+
<img src="https://github.com/revolist/revogrid/actions/workflows/unit.yml/badge.svg" alt="Workflow status badge" loading="lazy" height="20">
|
|
16
|
+
</a>
|
|
17
|
+
<a href="https://github.com/revolist/revogrid/actions/workflows/e2e.yml">
|
|
18
|
+
<img src="https://github.com/revolist/revogrid/actions/workflows/e2e.yml/badge.svg" alt="Workflow status badge" loading="lazy" height="20">
|
|
19
|
+
</a>
|
|
14
20
|
</p>
|
|
15
21
|
|
|
16
22
|
|
|
17
23
|
<h3 align="center">Powerful Vue 3 Data Grid component built on top of <a href="https://github.com/revolist/revogrid" target="_blank">RevoGrid</a>.</h3>
|
|
18
24
|
<p align="center">
|
|
19
|
-
|
|
25
|
+
Render 1M+ rows, millions of cells, and thousands of columns efficiently with no hard row limit in the grid.
|
|
26
|
+
</p>
|
|
27
|
+
<p align="center">
|
|
28
|
+
Used by some of the largest companies in Europe and the United States.
|
|
20
29
|
</p>
|
|
21
30
|
|
|
22
31
|
<p align="center">
|
|
@@ -35,10 +44,12 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
|
|
|
35
44
|
|
|
36
45
|
## Key Features
|
|
37
46
|
|
|
38
|
-
- **High Performance**:
|
|
47
|
+
- **High Performance**: Render 1M+ rows and millions of cells with no hard row limit in the grid. Virtualization keeps the DOM focused on the visible viewport.
|
|
39
48
|
|
|
40
49
|
- **[Accessibility](https://rv-grid.com/guide/wcag)**: Follows WAI-ARIA best practices.
|
|
41
50
|
|
|
51
|
+
- **[RTL Support](https://rv-grid.com/guide/rtl)**: Comprehensive Right-to-Left language support for Arabic, Hebrew, Persian, and other RTL languages. Features automatic column reordering, proper text alignment, and layout adjustments for RTL interfaces.
|
|
52
|
+
|
|
42
53
|
- **[Keyboard Support](https://rv-grid.com/guide/defs#Keyboard)**:
|
|
43
54
|
- Excel-like focus for efficient navigation and editing.
|
|
44
55
|
- Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
|
|
@@ -48,7 +59,7 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
|
|
|
48
59
|
|
|
49
60
|
- **[Intelligent Virtual DOM](https://rv-grid.com/guide/overview#VNode-Reactive-DOM)**: Smart row recombination to minimize redraws.
|
|
50
61
|
|
|
51
|
-
- **[Virtual Scroll](https://rv-grid.com/guide/viewports)**: Handles large datasets
|
|
62
|
+
- **[Virtual Scroll](https://rv-grid.com/guide/viewports)**: Handles large datasets without rendering every row or column into the DOM.
|
|
52
63
|
|
|
53
64
|
- **[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).
|
|
54
65
|
|
|
@@ -64,7 +75,10 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
|
|
|
64
75
|
- Header filtering.
|
|
65
76
|
- Custom filters to extend system filters with your own set.
|
|
66
77
|
|
|
67
|
-
- **[Export](https://rv-grid.com/guide/export.plugin)**:
|
|
78
|
+
- **[Export](https://rv-grid.com/guide/export.plugin)**:
|
|
79
|
+
- **[CSV](https://rv-grid.com/guide/export.plugin)**: Built-in file export for core RevoGrid data workflows.
|
|
80
|
+
- **[PDF](https://rv-grid.com/guide/pdf-export)**: Browser-side PDF export with the lightweight [`@revolist/revogrid-pdf-export`](https://www.npmjs.com/package/@revolist/revogrid-pdf-export) plugin.
|
|
81
|
+
- **[Excel (Pro)](https://rv-grid.com/guide/data-grid-export-excel)**: Workbook export for RevoGrid Pro with layout, styles, frozen panes, merged cells, and formulas.
|
|
68
82
|
|
|
69
83
|
- **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.
|
|
70
84
|
|
|
@@ -101,20 +115,17 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
|
|
|
101
115
|
|
|
102
116
|
- **[Plugin System](https://rv-grid.com/guide/plugin/)**: Create custom plugins or extend existing ones easily.
|
|
103
117
|
|
|
104
|
-
- **[Formula Support](https://rv-grid.com/guide/cell/formula)**: Evaluate formulas in cell data with Excel-like syntax, including basic arithmetic, statistical functions, and cell references.
|
|
105
|
-
- **[Pivot Table](https://rv-grid.com/demo/pivot)**: Transform and analyze data dynamically with drag-and-drop field arrangement, aggregation functions, and interactive filtering capabilities.
|
|
106
|
-
|
|
107
|
-
- **[Master Detail/Subtables/Forms](https://rv-grid.com/guide/row/master.pro)**: Expand rows to reveal child data.
|
|
108
|
-
- **[Cell/Column/Row Span/Merge](https://rv-grid.com/guide/cell/merge)**: Merge cells to form groups.
|
|
109
|
-
- **Auto Merge**: Automatically merges cells with identical values in a column.
|
|
110
|
-
- **Form editig**: Edit forms directly within the grid, featuring all necessary fields, including custom options and markdown support for a fast and enhanced data entry experience.
|
|
111
|
-
|
|
112
118
|
- **Customizations**:
|
|
113
119
|
- [Column header template](https://rv-grid.com/guide/column/header.template).
|
|
114
120
|
- [Row header template](https://rv-grid.com/guide/row/headers).
|
|
115
121
|
- [Cell properties](https://rv-grid.com/guide/cell/) (define custom properties for rendered cells).
|
|
116
|
-
-
|
|
117
|
-
-
|
|
122
|
+
- [Cell template](https://rv-grid.com/guide/cell/renderer) (create your own cell views).
|
|
123
|
+
- [Cell editor](https://rv-grid.com/guide/cell/editor) (use predefined or apply your own custom editors and cell types).
|
|
124
|
+
|
|
125
|
+
- **[AI Agents and MCP](https://rv-grid.com/guide/mcp)**: Connect Codex, Cursor, Claude Code, and VS Code to version-aware RevoGrid docs, examples, migrations, feature availability, and typed API context.
|
|
126
|
+
|
|
127
|
+
- **Rich API & Additional Improvements**: Explore hundreds of other small customizations and improvements in [RevoGrid](https://rv-grid.com/).
|
|
128
|
+
|
|
118
129
|
|
|
119
130
|
|
|
120
131
|
> ⚠️ **Note**: Repository Notice: This repo is read-only. Create new issues at the [revogrid repo](https://github.com/revolist/revogrid)
|
|
@@ -335,6 +346,45 @@ If you or your company would like to support the ongoing development of RevoGrid
|
|
|
335
346
|
Thank you for supporting RevoGrid! 🙏
|
|
336
347
|
|
|
337
348
|
|
|
349
|
+
## Testing
|
|
350
|
+
|
|
351
|
+
[](https://github.com/revolist/revogrid/actions/workflows/ci-unit.yml)
|
|
352
|
+
[](https://github.com/revolist/revogrid/actions/workflows/ci-e2e.yml)
|
|
353
|
+
|
|
354
|
+
RevoGrid is thoroughly tested to ensure reliability and stability.
|
|
355
|
+
|
|
356
|
+
| Suite | Command | Scope |
|
|
357
|
+
|---|---|---|
|
|
358
|
+
| Unit | `npm run test` | Services, utilities, pure logic |
|
|
359
|
+
| E2E (Playwright) | `npm run test:e2e` | Real browser rendering & interaction |
|
|
360
|
+
|
|
361
|
+
### E2E Tests
|
|
362
|
+
|
|
363
|
+
End-to-end tests use [@stencil/playwright](https://www.npmjs.com/package/@stencil/playwright) to run `<revo-grid>` in a real Chromium browser. The dev server starts automatically when you run:
|
|
364
|
+
|
|
365
|
+
```bash
|
|
366
|
+
npm run test:e2e
|
|
367
|
+
```
|
|
368
|
+
|
|
369
|
+
Test files live in `e2e/` and share helpers from `e2e/helpers.ts`:
|
|
370
|
+
|
|
371
|
+
### Local startup troubleshooting
|
|
372
|
+
|
|
373
|
+
For targeted local work, confirm a new or changed test is discoverable before starting the dev server:
|
|
374
|
+
|
|
375
|
+
```bash
|
|
376
|
+
./node_modules/.bin/playwright test e2e/pinning.spec.ts --grep "test name" --list
|
|
377
|
+
```
|
|
378
|
+
|
|
379
|
+
Then run a non-watch Stencil build to catch compile errors without invoking the Playwright web-server lifecycle:
|
|
380
|
+
|
|
381
|
+
```bash
|
|
382
|
+
./node_modules/.bin/stencil build --dev --serve --no-open
|
|
383
|
+
```
|
|
384
|
+
|
|
385
|
+
If Playwright fails before any tests run with a Stencil dev-server startup error such as `ERR_SOCKET_BAD_PORT` and port `65536`, treat it as an environment/startup issue rather than an e2e assertion failure. Check `node -v` and whether another local server is already using `localhost:3333`, then retry only after changing that environment state.
|
|
386
|
+
|
|
387
|
+
|
|
338
388
|
## Contributing
|
|
339
389
|
|
|
340
390
|
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.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revolist/vue3-datagrid",
|
|
3
|
-
"version": "4.23.
|
|
3
|
+
"version": "4.23.10",
|
|
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.23.
|
|
68
|
+
"@revolist/revogrid": "4.23.10"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@stencil/core": "^4.43.2",
|