@affino/datagrid-vue-app 0.1.64 → 0.4.1

package/README.md

@@ -7,11 +7,11 @@
 Declarative Vue component layer for Affino DataGrid.
 
 `@affino/datagrid-vue-app` is the app-facing package.
-It depends on [`@affino/datagrid-vue`](https://github.com/affinio/affinio/tree/main/packages/datagrid-vue#readme), which remains the adapter and headless foundation between Vue and the grid engine.
+It depends on [`@affino/datagrid-vue`](https://github.com/affinio/datagrid/tree/main/packages/datagrid-vue#readme), which remains the adapter and headless foundation between Vue and the grid engine.
 
 Boundary doc:
 
-- [datagrid-vue-app-community-vs-enterprise.md](https://github.com/affinio/affinio/blob/main/docs/datagrid-vue-app-community-vs-enterprise.md)
+- [datagrid-vue-app-community-vs-enterprise.md](https://github.com/affinio/datagrid/blob/main/docs/datagrid-vue-app-community-vs-enterprise.md)
 
 Public export:
 
@@ -945,11 +945,11 @@ Current gantt capabilities:
 
 Reference:
 
-- [datagrid-gantt.md](https://github.com/affinio/affinio/blob/main/docs/datagrid-gantt.md)
+- [datagrid-gantt.md](https://github.com/affinio/datagrid/blob/main/docs/datagrid-gantt.md)
 
 ## Table Chrome Engine
 
-The default table renderer uses [`@affino/datagrid-chrome`](https://github.com/affinio/affinio/tree/main/packages/datagrid-chrome#readme) for shared headless table chrome geometry.
+The default table renderer uses [`@affino/datagrid-chrome`](https://github.com/affinio/datagrid/tree/main/packages/datagrid-chrome#readme) for shared headless table chrome geometry.
 
 That engine derives:
 
@@ -1269,6 +1269,7 @@ Columns can provide a `cellRenderer` callback that returns Vue content for the d
 If a custom cell also needs keyboard-accessible interaction without breaking the grid-owned focus model, declare `cellInteraction` on the column and use `context.interactive` inside the renderer.
 For grouped rows, prefer `groupCellRenderer` so you receive structured group metadata instead of reverse-engineering the formatted disclosure label.
 If an authored renderer throws, the stage preserves the cell wrapper and falls back to the resolved `displayValue` for that cell.
+The full lifecycle, remount, cleanup, focus, async, and performance contract is documented in [`docs/datagrid-renderer-lifecycle.md`](../../docs/datagrid-renderer-lifecycle.md).
 
 ```vue
 <script setup lang="ts">
@@ -1525,7 +1526,7 @@ Controlled consumers can still manage quick filter directly through the same `fi
 />
 ```
 
-The app facade remains `filterModel`-first. `quick-filter` only drives the existing filter snapshot, so quick filter stays serializable and aligned with the core projection/filter pipeline. See [DataGrid Quick Filter](https://github.com/affinio/affinio/blob/main/docs/datagrid-quick-filter.md).
+The app facade remains `filterModel`-first. `quick-filter` only drives the existing filter snapshot, so quick filter stays serializable and aligned with the core projection/filter pipeline. See [DataGrid Quick Filter](https://github.com/affinio/datagrid/blob/main/docs/datagrid-quick-filter.md).
 
 Controlled state:
 
@@ -1594,7 +1595,7 @@ const rowSelectionState = ref({
 </template>
 ```
 
-The legacy `row-select` event still exists, but `rowSelectionState` is the stable controlled API when the page wants to bind selected row ids without diffing unified-state updates.
+`rowSelectionState` is the controlled API when the page wants to bind selected row ids without diffing unified-state updates.
 
 For server-backed row models, the header checkbox selects the full current row projection without materializing every row id:
 
@@ -1732,6 +1733,7 @@ Notes:
 - Multiple flex columns share leftover available stage width by their flex weight.
 - If there is no free space, the column falls back to its base width.
 - Pinned and unpinned columns participate in the same effective width calculation.
+- `columnGroup` can be a string id, `{ id, label }`, or a nested path. The stage renders group headers across left-pinned, center, and right-pinned panes; visibility, resize, reorder, and pinning recalculate group spans from the current visible column snapshot.
 
 Unified column-state object:
 
@@ -1812,7 +1814,6 @@ The component emits:
 - `cell-change`
 - `selection-change`
 - `row-selection-change`
-- `row-select` (legacy alias; prefer `row-selection-change` for typed row-selection snapshots)
 - `update:column-state`
 - `update:column-order`
 - `update:hidden-column-keys`
@@ -1905,6 +1906,7 @@ Row drag-and-drop is declarative and opt-in.
 - `rowReorder: false` keeps the row index non-draggable
 - the feature only applies when the grid is using a mutable rows API and `showRowIndex` is enabled
 - placeholder rows, group rows, and pinned rows are not draggable
+- rows with `state.pinned: 'top' | 'bottom'` render outside the scrollable body; body virtualization and row drag only operate on unpinned rows
 
 ```vue
 <DataGrid

package/dist/DataGrid.d.ts

@@ -683,7 +683,6 @@ declare const DataGridRuntimeComponent: import("vue").DefineComponent<{
     "cell-edit": (_payload: DataGridCellEditEvent<Record<string, unknown>>) => true;
     "selection-change": (_payload: DataGridApiSelectionChangedEvent) => true;
     "row-selection-change": (_payload: DataGridApiRowSelectionChangedEvent) => true;
-    "row-select": (_payload: DataGridRowSelectionSnapshot | null) => true;
     "update:rowSelectionState": (_payload: DataGridRowSelectionSnapshot | null) => true;
     "update:columnState": (_payload: DataGridUnifiedColumnState | null) => true;
     "update:columnOrder": (_payload: readonly string[] | null) => true;
@@ -988,7 +987,6 @@ declare const DataGridRuntimeComponent: import("vue").DefineComponent<{
     "onSelection-change"?: ((_payload: DataGridApiSelectionChangedEvent) => any) | undefined;
     "onRow-selection-change"?: ((_payload: DataGridApiRowSelectionChangedEvent) => any) | undefined;
     "onCell-edit"?: ((_payload: DataGridCellEditEvent<Record<string, unknown>>) => any) | undefined;
-    "onRow-select"?: ((_payload: DataGridRowSelectionSnapshot | null) => any) | undefined;
     "onUpdate:rowSelectionState"?: ((_payload: DataGridRowSelectionSnapshot | null) => any) | undefined;
     "onUpdate:columnState"?: ((_payload: DataGridUnifiedColumnState | null) => any) | undefined;
     "onUpdate:columnOrder"?: ((_payload: readonly string[] | null) => any) | undefined;
@@ -1029,6 +1027,7 @@ declare const DataGridRuntimeComponent: import("vue").DefineComponent<{
     readonly virtualization: DataGridVirtualizationProp | undefined;
     readonly pagination: DataGridPaginationProp | undefined;
     readonly rowModel: DataGridRowModel<unknown> | undefined;
+    readonly rangeMove: boolean;
     readonly aggregations: DataGridAggregationsProp | undefined;
     readonly quickFilter: DataGridQuickFilterProp | undefined;
     readonly reportFillWarning: ((message: string) => void) | undefined;
@@ -1049,7 +1048,6 @@ declare const DataGridRuntimeComponent: import("vue").DefineComponent<{
     readonly maxRows: number | undefined;
     readonly placeholderRows: DataGridPlaceholderRowsProp<Record<string, unknown>> | undefined;
     readonly fillHandle: boolean;
-    readonly rangeMove: boolean;
     readonly readSelectionCell: DataGridSelectionCellReader<unknown> | undefined;
     readonly rowReorder: DataGridRowReorderProp | undefined;
     readonly viewMode: DataGridAppViewMode | undefined;