@xleddyl/443-components-vue 0.10.0 → 0.10.2

package/README.md

@@ -697,7 +697,7 @@ Accessibility related props and defaults:
    - Paste: Cmd/Ctrl+V reads TSV from Excel, Google Sheets or text (quoted multi line cells, CRLF, trailing newline) and starts at the top left cell of the range. One value fills the whole range; a smaller block that divides the range evenly is tiled; otherwise the block keeps its size and the pasted area becomes the range. Read only cells (`editable` false or a function that returns false) are skipped. Text goes through the column `valueParser` (also the one of `cellDataType`) and then `valueSetter` or `field`; `gridOptions.processCellFromClipboard` replaces the parser. A non empty text that parses to `null`, `undefined`, `NaN` or an invalid date, or a value missing from `cellEditorParams.values` of a select editor, is not written: it is listed in `cellsInvalid` and counted in the toast.
    - Fill: Cmd/Ctrl+D copies the first row of the range down, Cmd/Ctrl+R the first column to the right (a one row or one column range copies from the row above or the column on the left). Drag the small square on the range corner down to repeat the range rows below it. Delete or Backspace clears the editable cells (`null`, or what the column `valueParser` returns for an empty string).
    - Changes: every edit, paste, fill, clear, bulk set, undo and redo is one batch, emitted as `cellsChange` with `{ changes: GridCellChange[], source }` (`GridCellChange` is `{ rowId, colId, field, oldValue, newValue }`, `source` is `'edit' | 'paste' | 'fill' | 'clear' | 'bulk' | 'undo' | 'redo'`). Cmd/Ctrl+Z undoes a batch, Shift+Cmd/Ctrl+Z and Ctrl+Y redo it (100 batches; AG Grid `undoRedoCellEditing` is turned off). The grid writes into the row objects like AG Grid editing does; persist the batch yourself.
-   - Dirty cells: a changed cell gets a tint and a corner marker until you clear it; a cell edited back to its first value is clean again. `dirtyChange(count)` fires when the count changes; `getDirtyCells()` returns `{ rowId, colId, field, originalValue }[]` and `clearDirty(rowIds?)` clears all of them or the given rows (after a save).
+   - Dirty cells: a changed cell gets a tint and a corner marker until you clear it; a cell edited back to its first value is clean again. `dirtyChange(count)` fires when the count changes; `getDirtyCells()` returns `{ rowId, colId, field, originalValue, value }[]` (`value` is the current value, ready to save) and `clearDirty(rowIds?)` clears all of them or the given rows (after a save).
    - Events: `cellsChange`, `cellsInvalid` (`{ cells: { rowId, colId, field, text }[], source }`), `dirtyChange`, `rangeChange` (`GridCellRange | null`, `{ startRowIndex, endRowIndex, columns, active: { rowIndex, colId } }`), and `copy(text)` for a copied range.
    - Methods (template ref, typed as `GridSpreadsheetMethods<T>`): `getRange()`, `getSelectedCells()` (`{ rowId, rowIndex, colId, field, value, data, editable }[]`), `selectRange({ startRowIndex, endRowIndex?, startColumn, endColumn? })`, `selectAll()`, `clearRange()`, `setRangeValue(value, { parse? })` (writes the value in every editable cell of the range; `parse: true` runs a string through the paste pipeline), `copyRange()`, `paste(text)`, `fillDown()`, `fillRight()`, `clearCells()`, `undo()`, `redo()`, `clearHistory()`, `getDirtyCells()`, `clearDirty(rowIds?)`. Write methods return the number of changed cells.
    - The `actions` slot also gets every method plus `range`, `selectedCellCount`, `dirtyCount`, `canUndo` and `canRedo` (`GridSpreadsheetSlotProps<T>`), for a "set this value on the selected cells" action:

package/dist/grid/spreadsheet.mjs

@@ -626,9 +626,19 @@ export function createGridSpreadsheet(options) {
   }
   function getDirtyCells() {
     const cells = [];
-    for (const [rowId, row] of dirty)
-      for (const [colId, entry] of row)
-        cells.push({ rowId, colId, field: entry.field, originalValue: entry.original });
+    for (const [rowId, row] of dirty) {
+      const node = api?.getRowNode(rowId);
+      for (const [colId, entry] of row) {
+        const column = api?.getColumn(colId);
+        cells.push({
+          rowId,
+          colId,
+          field: entry.field,
+          originalValue: entry.original,
+          value: node && column ? readValue(node, column) : void 0
+        });
+      }
+    }
     return cells;
   }
   function clearDirty(rowIds) {

package/dist/grid/types.d.ts

@@ -92,6 +92,7 @@ export interface GridDirtyCell {
     colId: string;
     field: string;
     originalValue: unknown;
+    value: unknown;
 }
 export interface GridCellPosition {
     rowIndex: number;

package/dist/nuxt/module.mjs

@@ -228,6 +228,7 @@ export default defineNuxtModule({
     if (options.css && options.cssLayers) {
       const layers = addTemplate({
         filename: "k-layers.css",
+        write: true,
         getContents: () => `@layer ${options.cssLayers};
 `
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/443-components-vue",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Compact, scoped dashboard components for Vue and Nuxt",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",