vueye-table 2.0.0-alpha.12 → 2.0.0-alpha.14

package/README.md

@@ -4,39 +4,58 @@ Vueye Table is a Vue 3 component for displaying data in a table.
 
 ## Installation
 
+Vue 3:
+
 ```bash
 npm install vueye-table
 ```
 
+Nuxt :
+
+```bash
+npm install nuxt-vueye-table
+```
+
 ## Usage
 
-```vue
+Vue :
+
+```html
+<script setup lang="ts">
+    import { VueyeTable } from 'vueye-table'
+
+    const items = [
+        {
+            id: 60,
+            name: {
+                first_name: 'Brahim',
+                last_name: 'Boussadjra',
+            },
+            age: 30,
+            address: {
+                country: 'Algeria',
+                city: 'Algiers',
+            },
+        },
+        //...
+    ]
+</script>
+
 <template>
-    <VueyeTable
-        :data="data"
-        :columnHeaders="columnHeaders"
-        :itemValue="itemValue"
-        :perPage="perPage"
-        :currentPage="currentPage"
-        :perPageOptions="perPageOptions"
-        :loading="loading"
-        :selected="selected"
-        :selectMode="selectMode"
-        :caption="caption"
-        :summary="summary"
-        @update:loading="updateLoading"
-        @update:selected="updateSelected"
-    >
-        <template #headerCellContent.name="props">
-            {{ props.columnHeader.name }}
-        </template>
-        <template #itemCellContent.name="props">
-            {{ props.item.name }}
-        </template>
-    </VueyeTable>
+    <VueyeTable :data="items" />
 </template>
 ```
 
+Nuxt :
+
+```js
+// nuxt.config.js
+export default defineNuxtConfig({
+    modules: ['nuxt-vueye-table'],
+    // ...
+})
+```
+
 ### VueyeTableProps
 
 | Prop Name | Type | Default Value | Description |

package/dist/components/core/VueyeTable/components/VueyeBody/VueyeBody.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     selected: Row[] | null;
     bodyRows: Row[];
+    notListedKeys: string[];
     columnsLength: number;
 }, {}>, Readonly<import("../../types").SlotRowItem<Record<string, string>> & import("../../types").SlotRowItemContent<Record<string, string>> & {
     body: (props: {

package/dist/components/core/VueyeTable/components/VueyeBody/api.d.ts

@@ -2,6 +2,7 @@ import { InferDefaults, Row } from '../../types';
 export type BodyProps = {
     loading: boolean;
     bodyRows: Row[];
+    notListedKeys: string[];
     itemValue: string;
     columnsLength: number;
     selected: Row[] | null;

package/dist/components/core/VueyeTable/components/utils/VueyeCheckbox.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     label: StringConstructor;
     indeterminate: BooleanConstructor;
-    modelValue: BooleanConstructor;
+    modelValue: (BooleanConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
@@ -12,12 +12,11 @@ declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     label: StringConstructor;
     indeterminate: BooleanConstructor;
-    modelValue: BooleanConstructor;
+    modelValue: (BooleanConstructor | ArrayConstructor)[];
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: boolean;
     checked: boolean;
     indeterminate: boolean;
 }, {}>;

package/dist/components/core/VueyeTable/composables/useBodyRows.d.ts

@@ -7,6 +7,7 @@ interface PaginationProps {
 }
 export declare function useBodyRows<TData extends Record<string, unknown>, TColumn extends ColumnHeader<TData>>(props: VueyeTableProps<TData, TColumn>, headers: MaybeRef<ColumnHeader[]>, pagination: MaybeRef<PaginationProps>): {
     bodyRows: globalThis.ComputedRef<FlattenObject<TData>[]>;
+    notListedKeys: globalThis.ComputedRef<string[]>;
     rowsCount: globalThis.ComputedRef<number>;
     onSort: ({ key, desc }: {
         key: keyof FlattenObject<TData>;

package/dist/components/core/VueyeTable/utils/body.d.ts

@@ -1,5 +1,5 @@
-import type { ColumnHeader, FlattenObject, NativeType } from '../types';
-export declare function getBodyRows<TData>(rows: TData[], headers: ColumnHeader[]): FlattenObject<TData>[];
+import type { FlattenObject, NativeType } from '../types';
+export declare function getBodyRows<TData>(rows: TData[], headerKeys: string[]): FlattenObject<TData>[];
 export declare function paginateRows<TData>(rows: TData[], start?: number, end?: number): TData[];
 export declare function nestedObjectTransformer(obj: object): Record<string, any>;
 export declare function deepValues(obj: any): any[];