@vuetify/nightly 3.8.3-master.2025-05-04 → 3.8.4-dev.2025-05-07

package/lib/components/VDataTable/VDataTableServer.d.ts

@@ -1,7 +1,8 @@
 import { provideExpanded } from './composables/expand.js';
 import { provideSelection } from './composables/select.js';
+import type { DeepReadonly } from 'vue';
 import type { VDataTableSlotProps, VDataTableSlots } from './VDataTable.js';
-import type { CellProps, RowProps } from "./types.js";
+import type { CellProps, DataTableHeader, RowProps } from "./types.js";
 import type { GenericProps, SelectItemKey } from "../../util/index.js";
 export declare const makeVDataTableServerProps: <Defaults extends {
     prevIcon?: unknown;
@@ -416,14 +417,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
         default: unknown extends Defaults["returnObject"] ? boolean : boolean | Defaults["returnObject"];
     };
     headers: unknown extends Defaults["headers"] ? import("vue").PropType<readonly {
-        readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+        readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
         readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
-        readonly align?: ("start" | "end" | "center") | undefined;
-        readonly width?: (number | string) | undefined;
-        readonly minWidth?: (number | string) | undefined;
-        readonly maxWidth?: (number | string) | undefined;
+        readonly align?: "start" | "end" | "center" | undefined;
+        readonly width?: number | string | undefined;
+        readonly minWidth?: number | string | undefined;
+        readonly maxWidth?: number | string | undefined;
         readonly nowrap?: boolean | undefined;
         readonly headerProps?: {
             readonly [x: string]: any;
@@ -436,14 +437,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
         readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
         readonly filter?: import("../../types.js").FilterFunction | undefined;
         readonly children?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -455,18 +456,18 @@ export declare const makeVDataTableServerProps: <Defaults extends {
             readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
             readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
             readonly filter?: import("../../types.js").FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly /*elided*/ any[] | undefined;
         }[] | undefined;
     }[]> : {
         type: import("vue").PropType<unknown extends Defaults["headers"] ? readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -479,14 +480,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
             readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
             readonly filter?: import("../../types.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -498,17 +499,17 @@ export declare const makeVDataTableServerProps: <Defaults extends {
                 readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] : readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -521,14 +522,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
             readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
             readonly filter?: import("../../types.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -540,18 +541,18 @@ export declare const makeVDataTableServerProps: <Defaults extends {
                 readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"]>;
         default: unknown extends Defaults["headers"] ? readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -564,14 +565,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
             readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
             readonly filter?: import("../../types.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -583,17 +584,17 @@ export declare const makeVDataTableServerProps: <Defaults extends {
                 readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] : readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -606,14 +607,14 @@ export declare const makeVDataTableServerProps: <Defaults extends {
             readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
             readonly filter?: import("../../types.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -625,7 +626,7 @@ export declare const makeVDataTableServerProps: <Defaults extends {
                 readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
                 readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"];
     };
@@ -789,49 +790,6 @@ export declare const VDataTableServer: {
         loading?: string | boolean | undefined;
         class?: any;
         theme?: string | undefined;
-        headers?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-            readonly value?: SelectItemKey<Record<string, any>>;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
-            readonly nowrap?: boolean | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../types.js").FilterFunction | undefined;
-            readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-                readonly value?: SelectItemKey<Record<string, any>>;
-                readonly title?: string | undefined;
-                readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
-                readonly nowrap?: boolean | undefined;
-                readonly headerProps?: {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
-            }[] | undefined;
-        }[] | undefined;
         mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
         customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
@@ -850,7 +808,7 @@ export declare const VDataTableServer: {
         'update:options': (options: any) => true;
         'update:expanded': (options: any) => true;
         'update:groupBy': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
+    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         page: string | number;
         expanded: readonly string[];
         style: import("vue").StyleValue;
@@ -1003,49 +961,6 @@ export declare const VDataTableServer: {
         loading?: string | boolean | undefined;
         class?: any;
         theme?: string | undefined;
-        headers?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-            readonly value?: SelectItemKey<Record<string, any>>;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
-            readonly nowrap?: boolean | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../types.js").FilterFunction | undefined;
-            readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-                readonly value?: SelectItemKey<Record<string, any>>;
-                readonly title?: string | undefined;
-                readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
-                readonly nowrap?: boolean | undefined;
-                readonly headerProps?: {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../types.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
-            }[] | undefined;
-        }[] | undefined;
         mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
         customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
@@ -1161,49 +1076,6 @@ export declare const VDataTableServer: {
     loading?: string | boolean | undefined;
     class?: any;
     theme?: string | undefined;
-    headers?: readonly {
-        readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-        readonly value?: SelectItemKey<Record<string, any>>;
-        readonly title?: string | undefined;
-        readonly fixed?: boolean | undefined;
-        readonly align?: ("start" | "end" | "center") | undefined;
-        readonly width?: (number | string) | undefined;
-        readonly minWidth?: (number | string) | undefined;
-        readonly maxWidth?: (number | string) | undefined;
-        readonly nowrap?: boolean | undefined;
-        readonly headerProps?: {
-            readonly [x: string]: any;
-        } | undefined;
-        readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-            readonly [x: string]: any;
-        } | undefined;
-        readonly sortable?: boolean | undefined;
-        readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-        readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-        readonly filter?: import("../../types.js").FilterFunction | undefined;
-        readonly children?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-            readonly value?: SelectItemKey<Record<string, any>>;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
-            readonly nowrap?: boolean | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: import("./types.js").HeaderCellPropsFunction | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../types.js").FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
-        }[] | undefined;
-    }[] | undefined;
     mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
     customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
     headerProps?: Record<string, any> | undefined;
@@ -1222,7 +1094,7 @@ export declare const VDataTableServer: {
     'update:options': (options: any) => true;
     'update:expanded': (options: any) => true;
     'update:groupBy': (value: any) => true;
-}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
+}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
     page: string | number;
     expanded: readonly string[];
     style: import("vue").StyleValue;
@@ -1319,6 +1191,7 @@ export declare const VDataTableServer: {
     rowProps?: RowProps<ItemType<T>>;
     cellProps?: CellProps<ItemType<T>>;
     itemSelectable?: SelectItemKey<ItemType<T>>;
+    headers?: DeepReadonly<DataTableHeader<ItemType<T>>[]>;
     modelValue?: V;
     "onUpdate:modelValue"?: (value: V) => void;
 }, slots: VDataTableSlots<ItemType<T>>) => GenericProps<typeof props, typeof slots>) & import("../../util/index.js").FilterPropsOptions<{
@@ -1447,7 +1320,7 @@ export declare const VDataTableServer: {
     rowProps: import("vue").PropType<RowProps<any>>;
     cellProps: import("vue").PropType<CellProps<any>>;
     returnObject: BooleanConstructor;
-    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types.js").DataTableHeader[]>>;
+    headers: import("vue").PropType<DeepReadonly<DataTableHeader[]>>;
     groupBy: {
         type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
@@ -1610,7 +1483,7 @@ export declare const VDataTableServer: {
     rowProps: import("vue").PropType<RowProps<any>>;
     cellProps: import("vue").PropType<CellProps<any>>;
     returnObject: BooleanConstructor;
-    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types.js").DataTableHeader[]>>;
+    headers: import("vue").PropType<DeepReadonly<DataTableHeader[]>>;
     groupBy: {
         type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];

package/lib/components/VDataTable/VDataTableServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDataTableServer.js","names":["makeDataTableProps","makeVDataTableFooterProps","VDataTableFooter","VDataTableHeaders","VDataTableRows","VDivider","VTable","provideExpanded","createGroupBy","provideGroupBy","useGroupedItems","createHeaders","useDataTableItems","useOptions","createPagination","makeDataTablePaginateProps","providePagination","provideSelection","createSort","provideSort","provideDefaults","computed","provide","toRef","toRefs","genericComponent","propsFactory","useRender","makeVDataTableServerProps","itemsLength","type","Number","String","required","VDataTableServer","name","props","emits","value","page","sortBy","options","setup","_ref","attrs","slots","groupBy","multiSort","mustSort","itemsPerPage","disableSort","parseInt","columns","headers","showSelect","showExpand","items","toggleSort","opened","isGroupOpen","toggleGroup","extractRows","pageCount","setItemsPerPage","flatItems","isSelected","select","selectAll","toggleSelect","someSelected","allSelected","allItems","currentPage","isExpanded","toggleExpand","itemsWithoutGroups","search","hideNoData","noDataText","loading","loadingText","slotProps","map","item","raw","internalItems","groupedItems","dataTableFooterProps","filterProps","dataTableHeadersProps","dataTableRowsProps","tableProps","_createVNode","_mergeProps","class","style","fixedHeader","sticky","top","default","_Fragment","colgroup","hideDefaultHeader","thead","hideDefaultBody","body","tbody","tfoot","bottom","hideDefaultFooter","prepend"],"sources":["../../../src/components/VDataTable/VDataTableServer.tsx"],"sourcesContent":["// Components\nimport { makeDataTableProps } from './VDataTable'\nimport { makeVDataTableFooterProps, VDataTableFooter } from './VDataTableFooter'\nimport { VDataTableHeaders } from './VDataTableHeaders'\nimport { VDataTableRows } from './VDataTableRows'\nimport { VDivider } from '@/components/VDivider'\nimport { VTable } from '@/components/VTable'\n\n// Composables\nimport { provideExpanded } from './composables/expand'\nimport { createGroupBy, provideGroupBy, useGroupedItems } from './composables/group'\nimport { createHeaders } from './composables/headers'\nimport { useDataTableItems } from './composables/items'\nimport { useOptions } from './composables/options'\nimport { createPagination, makeDataTablePaginateProps, providePagination } from './composables/paginate'\nimport { provideSelection } from './composables/select'\nimport { createSort, provideSort } from './composables/sort'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { computed, provide, toRef, toRefs } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VDataTableSlotProps, VDataTableSlots } from './VDataTable'\nimport type { CellProps, RowProps } from '@/components/VDataTable/types'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\nexport const makeVDataTableServerProps = propsFactory({\n  itemsLength: {\n    type: [Number, String],\n    required: true,\n  },\n\n  ...makeDataTablePaginateProps(),\n  ...makeDataTableProps(),\n  ...makeVDataTableFooterProps(),\n}, 'VDataTableServer')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VDataTableServer = genericComponent<new <T extends readonly any[], V>(\n  props: {\n    items?: T\n    itemValue?: SelectItemKey<ItemType<T>>\n    rowProps?: RowProps<ItemType<T>>\n    cellProps?: CellProps<ItemType<T>>\n    itemSelectable?: SelectItemKey<ItemType<T>>\n    modelValue?: V\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: VDataTableSlots<ItemType<T>>,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VDataTableServer',\n\n  props: makeVDataTableServerProps(),\n\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:page': (page: number) => true,\n    'update:itemsPerPage': (page: number) => true,\n    'update:sortBy': (sortBy: any) => true,\n    'update:options': (options: any) => true,\n    'update:expanded': (options: any) => true,\n    'update:groupBy': (value: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { groupBy } = createGroupBy(props)\n    const { sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n    const { disableSort } = toRefs(props)\n    const itemsLength = computed(() => parseInt(props.itemsLength, 10))\n\n    const { columns, headers } = createHeaders(props, {\n      groupBy,\n      showSelect: toRef(() => props.showSelect),\n      showExpand: toRef(() => props.showExpand),\n    })\n\n    const { items } = useDataTableItems(props, columns)\n\n    const { toggleSort } = provideSort({ sortBy, multiSort, mustSort, page })\n\n    const { opened, isGroupOpen, toggleGroup, extractRows } = provideGroupBy({ groupBy, sortBy, disableSort })\n\n    const { pageCount, setItemsPerPage } = providePagination({ page, itemsPerPage, itemsLength })\n\n    const { flatItems } = useGroupedItems(items, groupBy, opened)\n\n    const { isSelected, select, selectAll, toggleSelect, someSelected, allSelected } = provideSelection(props, {\n      allItems: items,\n      currentPage: items,\n    })\n\n    const { isExpanded, toggleExpand } = provideExpanded(props)\n\n    const itemsWithoutGroups = computed(() => extractRows(items.value))\n\n    useOptions({\n      page,\n      itemsPerPage,\n      sortBy,\n      groupBy,\n      search: toRef(() => props.search),\n    })\n\n    provide('v-data-table', {\n      toggleSort,\n      sortBy,\n    })\n\n    provideDefaults({\n      VDataTableRows: {\n        hideNoData: toRef(() => props.hideNoData),\n        noDataText: toRef(() => props.noDataText),\n        loading: toRef(() => props.loading),\n        loadingText: toRef(() => props.loadingText),\n      },\n    })\n\n    const slotProps = computed<VDataTableSlotProps<any>>(() => ({\n      page: page.value,\n      itemsPerPage: itemsPerPage.value,\n      sortBy: sortBy.value,\n      pageCount: pageCount.value,\n      toggleSort,\n      setItemsPerPage,\n      someSelected: someSelected.value,\n      allSelected: allSelected.value,\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n      isExpanded,\n      toggleExpand,\n      isGroupOpen,\n      toggleGroup,\n      items: itemsWithoutGroups.value.map(item => item.raw),\n      internalItems: itemsWithoutGroups.value,\n      groupedItems: flatItems.value,\n      columns: columns.value,\n      headers: headers.value,\n    }))\n\n    useRender(() => {\n      const dataTableFooterProps = VDataTableFooter.filterProps(props)\n      const dataTableHeadersProps = VDataTableHeaders.filterProps(props)\n      const dataTableRowsProps = VDataTableRows.filterProps(props)\n      const tableProps = VTable.filterProps(props)\n\n      return (\n        <VTable\n          class={[\n            'v-data-table',\n            {\n              'v-data-table--loading': props.loading,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          { ...tableProps }\n          fixedHeader={ props.fixedHeader || props.sticky }\n        >\n          {{\n            top: () => slots.top?.(slotProps.value),\n            default: () => slots.default ? slots.default(slotProps.value) : (\n              <>\n                { slots.colgroup?.(slotProps.value) }\n                { !props.hideDefaultHeader && (\n                  <thead key=\"thead\" class=\"v-data-table__thead\" role=\"rowgroup\">\n                    <VDataTableHeaders\n                      { ...dataTableHeadersProps }\n                      v-slots={ slots }\n                    />\n                  </thead>\n                )}\n                { slots.thead?.(slotProps.value) }\n                { !props.hideDefaultBody && (\n                  <tbody class=\"v-data-table__tbody\" role=\"rowgroup\">\n                    { slots['body.prepend']?.(slotProps.value) }\n                    { slots.body ? slots.body(slotProps.value) : (\n                      <VDataTableRows\n                        { ...attrs }\n                        { ...dataTableRowsProps }\n                        items={ flatItems.value }\n                        v-slots={ slots }\n                      />\n                    )}\n                    { slots['body.append']?.(slotProps.value) }\n                  </tbody>\n                )}\n                { slots.tbody?.(slotProps.value) }\n                { slots.tfoot?.(slotProps.value) }\n              </>\n            ),\n            bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && (\n              <>\n                <VDivider />\n\n                <VDataTableFooter\n                  { ...dataTableFooterProps }\n                  v-slots={{\n                    prepend: slots['footer.prepend'],\n                  }}\n                />\n              </>\n            ),\n          }}\n        </VTable>\n      )\n    })\n  },\n})\n\nexport type VDataTableServer = InstanceType<typeof VDataTableServer>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VDataTableServer.js","names":["makeDataTableProps","makeVDataTableFooterProps","VDataTableFooter","VDataTableHeaders","VDataTableRows","VDivider","VTable","provideExpanded","createGroupBy","provideGroupBy","useGroupedItems","createHeaders","useDataTableItems","useOptions","createPagination","makeDataTablePaginateProps","providePagination","provideSelection","createSort","provideSort","provideDefaults","computed","provide","toRef","toRefs","genericComponent","propsFactory","useRender","makeVDataTableServerProps","itemsLength","type","Number","String","required","VDataTableServer","name","props","emits","value","page","sortBy","options","setup","_ref","attrs","slots","groupBy","multiSort","mustSort","itemsPerPage","disableSort","parseInt","columns","headers","showSelect","showExpand","items","toggleSort","opened","isGroupOpen","toggleGroup","extractRows","pageCount","setItemsPerPage","flatItems","isSelected","select","selectAll","toggleSelect","someSelected","allSelected","allItems","currentPage","isExpanded","toggleExpand","itemsWithoutGroups","search","hideNoData","noDataText","loading","loadingText","slotProps","map","item","raw","internalItems","groupedItems","dataTableFooterProps","filterProps","dataTableHeadersProps","dataTableRowsProps","tableProps","_createVNode","_mergeProps","class","style","fixedHeader","sticky","top","default","_Fragment","colgroup","hideDefaultHeader","thead","hideDefaultBody","body","tbody","tfoot","bottom","hideDefaultFooter","prepend"],"sources":["../../../src/components/VDataTable/VDataTableServer.tsx"],"sourcesContent":["// Components\nimport { makeDataTableProps } from './VDataTable'\nimport { makeVDataTableFooterProps, VDataTableFooter } from './VDataTableFooter'\nimport { VDataTableHeaders } from './VDataTableHeaders'\nimport { VDataTableRows } from './VDataTableRows'\nimport { VDivider } from '@/components/VDivider'\nimport { VTable } from '@/components/VTable'\n\n// Composables\nimport { provideExpanded } from './composables/expand'\nimport { createGroupBy, provideGroupBy, useGroupedItems } from './composables/group'\nimport { createHeaders } from './composables/headers'\nimport { useDataTableItems } from './composables/items'\nimport { useOptions } from './composables/options'\nimport { createPagination, makeDataTablePaginateProps, providePagination } from './composables/paginate'\nimport { provideSelection } from './composables/select'\nimport { createSort, provideSort } from './composables/sort'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { computed, provide, toRef, toRefs } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { DeepReadonly } from 'vue'\nimport type { VDataTableSlotProps, VDataTableSlots } from './VDataTable'\nimport type { CellProps, DataTableHeader, RowProps } from '@/components/VDataTable/types'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\nexport const makeVDataTableServerProps = propsFactory({\n  itemsLength: {\n    type: [Number, String],\n    required: true,\n  },\n\n  ...makeDataTablePaginateProps(),\n  ...makeDataTableProps(),\n  ...makeVDataTableFooterProps(),\n}, 'VDataTableServer')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VDataTableServer = genericComponent<new <T extends readonly any[], V>(\n  props: {\n    items?: T\n    itemValue?: SelectItemKey<ItemType<T>>\n    rowProps?: RowProps<ItemType<T>>\n    cellProps?: CellProps<ItemType<T>>\n    itemSelectable?: SelectItemKey<ItemType<T>>\n    headers?: DeepReadonly<DataTableHeader<ItemType<T>>[]>\n    modelValue?: V\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: VDataTableSlots<ItemType<T>>,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VDataTableServer',\n\n  props: makeVDataTableServerProps(),\n\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:page': (page: number) => true,\n    'update:itemsPerPage': (page: number) => true,\n    'update:sortBy': (sortBy: any) => true,\n    'update:options': (options: any) => true,\n    'update:expanded': (options: any) => true,\n    'update:groupBy': (value: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { groupBy } = createGroupBy(props)\n    const { sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n    const { disableSort } = toRefs(props)\n    const itemsLength = computed(() => parseInt(props.itemsLength, 10))\n\n    const { columns, headers } = createHeaders(props, {\n      groupBy,\n      showSelect: toRef(() => props.showSelect),\n      showExpand: toRef(() => props.showExpand),\n    })\n\n    const { items } = useDataTableItems(props, columns)\n\n    const { toggleSort } = provideSort({ sortBy, multiSort, mustSort, page })\n\n    const { opened, isGroupOpen, toggleGroup, extractRows } = provideGroupBy({ groupBy, sortBy, disableSort })\n\n    const { pageCount, setItemsPerPage } = providePagination({ page, itemsPerPage, itemsLength })\n\n    const { flatItems } = useGroupedItems(items, groupBy, opened)\n\n    const { isSelected, select, selectAll, toggleSelect, someSelected, allSelected } = provideSelection(props, {\n      allItems: items,\n      currentPage: items,\n    })\n\n    const { isExpanded, toggleExpand } = provideExpanded(props)\n\n    const itemsWithoutGroups = computed(() => extractRows(items.value))\n\n    useOptions({\n      page,\n      itemsPerPage,\n      sortBy,\n      groupBy,\n      search: toRef(() => props.search),\n    })\n\n    provide('v-data-table', {\n      toggleSort,\n      sortBy,\n    })\n\n    provideDefaults({\n      VDataTableRows: {\n        hideNoData: toRef(() => props.hideNoData),\n        noDataText: toRef(() => props.noDataText),\n        loading: toRef(() => props.loading),\n        loadingText: toRef(() => props.loadingText),\n      },\n    })\n\n    const slotProps = computed<VDataTableSlotProps<any>>(() => ({\n      page: page.value,\n      itemsPerPage: itemsPerPage.value,\n      sortBy: sortBy.value,\n      pageCount: pageCount.value,\n      toggleSort,\n      setItemsPerPage,\n      someSelected: someSelected.value,\n      allSelected: allSelected.value,\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n      isExpanded,\n      toggleExpand,\n      isGroupOpen,\n      toggleGroup,\n      items: itemsWithoutGroups.value.map(item => item.raw),\n      internalItems: itemsWithoutGroups.value,\n      groupedItems: flatItems.value,\n      columns: columns.value,\n      headers: headers.value,\n    }))\n\n    useRender(() => {\n      const dataTableFooterProps = VDataTableFooter.filterProps(props)\n      const dataTableHeadersProps = VDataTableHeaders.filterProps(props)\n      const dataTableRowsProps = VDataTableRows.filterProps(props)\n      const tableProps = VTable.filterProps(props)\n\n      return (\n        <VTable\n          class={[\n            'v-data-table',\n            {\n              'v-data-table--loading': props.loading,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          { ...tableProps }\n          fixedHeader={ props.fixedHeader || props.sticky }\n        >\n          {{\n            top: () => slots.top?.(slotProps.value),\n            default: () => slots.default ? slots.default(slotProps.value) : (\n              <>\n                { slots.colgroup?.(slotProps.value) }\n                { !props.hideDefaultHeader && (\n                  <thead key=\"thead\" class=\"v-data-table__thead\" role=\"rowgroup\">\n                    <VDataTableHeaders\n                      { ...dataTableHeadersProps }\n                      v-slots={ slots }\n                    />\n                  </thead>\n                )}\n                { slots.thead?.(slotProps.value) }\n                { !props.hideDefaultBody && (\n                  <tbody class=\"v-data-table__tbody\" role=\"rowgroup\">\n                    { slots['body.prepend']?.(slotProps.value) }\n                    { slots.body ? slots.body(slotProps.value) : (\n                      <VDataTableRows\n                        { ...attrs }\n                        { ...dataTableRowsProps }\n                        items={ flatItems.value }\n                        v-slots={ slots }\n                      />\n                    )}\n                    { slots['body.append']?.(slotProps.value) }\n                  </tbody>\n                )}\n                { slots.tbody?.(slotProps.value) }\n                { slots.tfoot?.(slotProps.value) }\n              </>\n            ),\n            bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && (\n              <>\n                <VDivider />\n\n                <VDataTableFooter\n                  { ...dataTableFooterProps }\n                  v-slots={{\n                    prepend: slots['footer.prepend'],\n                  }}\n                />\n              </>\n            ),\n          }}\n        </VTable>\n      )\n    })\n  },\n})\n\nexport type VDataTableServer = InstanceType<typeof VDataTableServer>\n"],"mappings":"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","ignoreList":[]}