@affino/datagrid-vue-app 0.1.17 → 0.1.19
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 +40 -0
- package/dist/advancedFilterDraftClauses.d.ts +6 -0
- package/dist/chunks/{DataGridAggregationsPopover-DfQ3-UV4.js → DataGridAggregationsPopover-Cul0w-Zw.js} +2 -1
- package/dist/chunks/DataGridGanttStageEntry-3ZJORlma.js +8148 -0
- package/dist/chunks/useDataGridAppRowModel-pcd72QS1.js +3072 -0
- package/dist/gantt.js +1 -1
- package/dist/gestures/dataGridTouchPanGuard.d.ts +13 -0
- package/dist/host/DataGridDefaultRenderer.d.ts +11 -1
- package/dist/index.js +369 -364
- package/dist/internal.js +2 -2
- package/dist/stage/useDataGridTableStageRuntime.d.ts +12 -1
- package/dist/stage/useDataGridTableStageScrollSync.d.ts +1 -1
- package/package.json +8 -4
- package/dist/chunks/DataGridGanttStageEntry-CS2wpBnj.js +0 -7815
- package/dist/chunks/useDataGridAppRowModel-RrE_k6tK.js +0 -3008
package/README.md
CHANGED
|
@@ -640,6 +640,7 @@ Affino DataGrid works well for:
|
|
|
640
640
|
- `aggregations`
|
|
641
641
|
- `row-hover`
|
|
642
642
|
- `striped-rows`
|
|
643
|
+
- `grid-lines`
|
|
643
644
|
- `row-height-mode`
|
|
644
645
|
- `base-row-height`
|
|
645
646
|
|
|
@@ -773,6 +774,45 @@ Full override:
|
|
|
773
774
|
/>
|
|
774
775
|
```
|
|
775
776
|
|
|
777
|
+
### Grid lines
|
|
778
|
+
|
|
779
|
+
`DataGrid` uses full spreadsheet-style grid lines by default.
|
|
780
|
+
|
|
781
|
+
Preset form:
|
|
782
|
+
|
|
783
|
+
```vue
|
|
784
|
+
<DataGrid
|
|
785
|
+
:rows="rows"
|
|
786
|
+
:columns="columns"
|
|
787
|
+
grid-lines="rows"
|
|
788
|
+
/>
|
|
789
|
+
```
|
|
790
|
+
|
|
791
|
+
Supported presets:
|
|
792
|
+
|
|
793
|
+
- `all`
|
|
794
|
+
- `rows`
|
|
795
|
+
- `columns`
|
|
796
|
+
- `none`
|
|
797
|
+
|
|
798
|
+
Object form:
|
|
799
|
+
|
|
800
|
+
```vue
|
|
801
|
+
<DataGrid
|
|
802
|
+
:rows="rows"
|
|
803
|
+
:columns="columns"
|
|
804
|
+
:grid-lines="{
|
|
805
|
+
body: 'rows',
|
|
806
|
+
header: 'columns',
|
|
807
|
+
pinnedSeparators: true,
|
|
808
|
+
}"
|
|
809
|
+
/>
|
|
810
|
+
```
|
|
811
|
+
|
|
812
|
+
`body` controls body row and column dividers, `header` controls header vertical dividers, and `pinnedSeparators` controls the stronger seam between left / center / right panes.
|
|
813
|
+
|
|
814
|
+
In this monorepo, `/vue/shell/base-grid` exposes the same options as live checkboxes so you can compare the visual modes before wiring them into a product surface.
|
|
815
|
+
|
|
776
816
|
### Grouping and aggregation
|
|
777
817
|
|
|
778
818
|
Simple `group-by` sugar:
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type DataGridFilterSnapshot } from "@affino/datagrid-vue";
|
|
2
|
+
import type { DataGridAppAdvancedFilterClauseDraft } from "@affino/datagrid-vue/app";
|
|
3
|
+
type DataGridAdvancedExpressionEntry = NonNullable<DataGridFilterSnapshot["advancedExpression"]>;
|
|
4
|
+
export declare function resolveAdvancedFilterDraftClausesFromExpression(expression: DataGridAdvancedExpressionEntry | null | undefined): DataGridAppAdvancedFilterClauseDraft[];
|
|
5
|
+
export declare function resolveAdvancedFilterDraftClausesFromFilterModel(filterModel: DataGridFilterSnapshot | null | undefined): DataGridAppAdvancedFilterClauseDraft[];
|
|
6
|
+
export {};
|
|
@@ -84,7 +84,8 @@ const U = ["disabled", "title"], H = { class: "datagrid-aggregations__header" },
|
|
|
84
84
|
e("button", h({
|
|
85
85
|
ref: f(r).triggerRef,
|
|
86
86
|
type: "button",
|
|
87
|
-
class: ["datagrid-app-toolbar__button", { "datagrid-app-toolbar__button--active": t.active }]
|
|
87
|
+
class: ["datagrid-app-toolbar__button", { "datagrid-app-toolbar__button--active": t.active }],
|
|
88
|
+
"data-datagrid-toolbar-action": "aggregations"
|
|
88
89
|
}, A.value, {
|
|
89
90
|
style: c.value,
|
|
90
91
|
disabled: t.disabled,
|