@prefabs.tech/vue3-tanstack-table 0.12.0
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/LICENSE +21 -0
- package/dist/PrefabsTechVue3TanstackTable.es.js +4787 -0
- package/dist/PrefabsTechVue3TanstackTable.umd.js +22 -0
- package/dist/menu.png +0 -0
- package/dist/src/components/FilesPresentation/Index.vue.d.ts +94 -0
- package/dist/src/components/FilesPresentation/Index.vue.d.ts.map +1 -0
- package/dist/src/components/FilesTable/Index.vue.d.ts +136 -0
- package/dist/src/components/FilesTable/Index.vue.d.ts.map +1 -0
- package/dist/src/components/Pagination.vue.d.ts +115 -0
- package/dist/src/components/Pagination.vue.d.ts.map +1 -0
- package/dist/src/components/Table.vue.d.ts +267 -0
- package/dist/src/components/Table.vue.d.ts.map +1 -0
- package/dist/src/components/TableBody.vue.d.ts +36 -0
- package/dist/src/components/TableBody.vue.d.ts.map +1 -0
- package/dist/src/components/TableDataActions.vue.d.ts +56 -0
- package/dist/src/components/TableDataActions.vue.d.ts.map +1 -0
- package/dist/src/components/TableHeader.vue.d.ts +33 -0
- package/dist/src/components/TableHeader.vue.d.ts.map +1 -0
- package/dist/src/components/TableToolbar.vue.d.ts +55 -0
- package/dist/src/components/TableToolbar.vue.d.ts.map +1 -0
- package/dist/src/components/TanstackTable.vue.d.ts +49 -0
- package/dist/src/components/TanstackTable.vue.d.ts.map +1 -0
- package/dist/src/constants.d.ts +10 -0
- package/dist/src/constants.d.ts.map +1 -0
- package/dist/src/index.d.ts +9 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/types.d.ts +92 -0
- package/dist/src/types.d.ts.map +1 -0
- package/dist/src/utils.d.ts +13 -0
- package/dist/src/utils.d.ts.map +1 -0
- package/dist/vue3-tanstack-table.css +1 -0
- package/package.json +72 -0
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import type { Cell, Column, ColumnFiltersState, ColumnOrderState, PaginationState, RowData, SortingState, VisibilityState } from "@tanstack/vue-table";
|
|
2
|
+
import type { VNode } from "vue";
|
|
3
|
+
declare module "@tanstack/vue-table" {
|
|
4
|
+
interface ColumnDefBase<TData, TValue> {
|
|
5
|
+
accessorKey?: string;
|
|
6
|
+
align?: CellAlignmentType;
|
|
7
|
+
dataType?: CellDataType;
|
|
8
|
+
dateOptions?: Omit<FormatDateType, "date">;
|
|
9
|
+
className?: string;
|
|
10
|
+
customFilterComponent?: (column: Column<TData, TValue>) => VNode;
|
|
11
|
+
filterPlaceholder?: string;
|
|
12
|
+
maxWidth?: string;
|
|
13
|
+
minWidth?: string;
|
|
14
|
+
numberOptions?: Omit<FormatNumberType, "value">;
|
|
15
|
+
tooltip?: boolean | string | ((cell: Cell<TData, TValue>) => VNode);
|
|
16
|
+
tooltipOptions?: Object;
|
|
17
|
+
width?: string;
|
|
18
|
+
}
|
|
19
|
+
interface ColumnFilter {
|
|
20
|
+
filterFn?: TFilterFn;
|
|
21
|
+
}
|
|
22
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
23
|
+
serverFilterFn?: TFilterFn;
|
|
24
|
+
filterVariant?: TFilterVariant;
|
|
25
|
+
filterOptions?: FilterOption[];
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
export type FilterOption = {
|
|
29
|
+
label: string;
|
|
30
|
+
value: boolean | number | string;
|
|
31
|
+
};
|
|
32
|
+
type TFilterRequest = TSingleFilter | {
|
|
33
|
+
AND: TFilterRequest[];
|
|
34
|
+
} | {
|
|
35
|
+
OR: TFilterRequest[];
|
|
36
|
+
} | null;
|
|
37
|
+
type TLimit = number | null;
|
|
38
|
+
type TOffset = number | null;
|
|
39
|
+
type TSingleFilter = {
|
|
40
|
+
key: string;
|
|
41
|
+
operator: string;
|
|
42
|
+
value: string;
|
|
43
|
+
};
|
|
44
|
+
type TSingleSort = {
|
|
45
|
+
key: string;
|
|
46
|
+
direction: TSortDirection;
|
|
47
|
+
};
|
|
48
|
+
type TSortRequest = TSingleSort[] | null;
|
|
49
|
+
export type CellAlignmentType = "left" | "center" | "right";
|
|
50
|
+
export type CellDataType = "currency" | "date" | "datetime" | "number" | string | "text";
|
|
51
|
+
export type { ColumnDef as TableColumnDefinition, FilterFn as FilterFunction, FilterFns as FilterFunctions, Row as TableRow, SortingState, } from "@tanstack/vue-table";
|
|
52
|
+
export type FormatDateType = {
|
|
53
|
+
date: Date | string | number;
|
|
54
|
+
formatOptions?: Intl.DateTimeFormatOptions;
|
|
55
|
+
locale?: string;
|
|
56
|
+
};
|
|
57
|
+
export type FormatNumberType = {
|
|
58
|
+
formatOptions?: Intl.NumberFormatOptions;
|
|
59
|
+
locale?: string;
|
|
60
|
+
value: number;
|
|
61
|
+
};
|
|
62
|
+
export type DataActionsMenuItem = {
|
|
63
|
+
class?: string;
|
|
64
|
+
confirmationOptions?: {
|
|
65
|
+
body?: string;
|
|
66
|
+
footer?: string;
|
|
67
|
+
header?: string;
|
|
68
|
+
};
|
|
69
|
+
disabled?: boolean | ((data: any) => boolean);
|
|
70
|
+
display?: boolean | ((data: any) => boolean);
|
|
71
|
+
key?: string;
|
|
72
|
+
label?: string;
|
|
73
|
+
icon?: string;
|
|
74
|
+
requireConfirmationModal?: boolean;
|
|
75
|
+
};
|
|
76
|
+
export interface PersistentTableState {
|
|
77
|
+
columnFilters: ColumnFiltersState;
|
|
78
|
+
columnOrder?: ColumnOrderState;
|
|
79
|
+
columnVisibility?: VisibilityState;
|
|
80
|
+
pagination: PaginationState;
|
|
81
|
+
sorting: SortingState;
|
|
82
|
+
}
|
|
83
|
+
export type TFilterFn = "contains" | "equals" | "startsWith" | "endsWith" | "greaterThan" | "lessThan" | "greaterThanOrEqual" | "lessThanOrEqual" | "in" | "notEqual" | "notIn" | "between" | "notBetween" | "isNull" | "isNotNull" | "isEmpty" | "isNotEmpty" | "like" | "notLike";
|
|
84
|
+
export type TFilterVariant = "text" | "select" | "multiselect" | "date" | "dateRange" | "range" | "checkBox";
|
|
85
|
+
export type TRequestJSON = {
|
|
86
|
+
filter: TFilterRequest;
|
|
87
|
+
sort: TSortRequest;
|
|
88
|
+
offset: TOffset;
|
|
89
|
+
limit: TLimit;
|
|
90
|
+
};
|
|
91
|
+
export type TSortDirection = "ASC" | "DESC" | "";
|
|
92
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { CellAlignmentType, CellDataType, FormatNumberType, PersistentTableState, TRequestJSON } from "./types";
|
|
2
|
+
import type { StorageType } from "@prefabs.tech/vue3-ui";
|
|
3
|
+
import type { ColumnFiltersState, PaginationState, SortingState } from "@tanstack/vue-table";
|
|
4
|
+
export declare const formatNumber: ({ value, locale, formatOptions, }: FormatNumberType) => string | number;
|
|
5
|
+
export declare const getAlignValue: ({ align, dataType, }: {
|
|
6
|
+
align?: CellAlignmentType;
|
|
7
|
+
dataType?: CellDataType;
|
|
8
|
+
}) => CellAlignmentType;
|
|
9
|
+
export declare const getRequestJSON: (sortingState?: SortingState, filterState?: ColumnFiltersState, paginationState?: PaginationState) => TRequestJSON;
|
|
10
|
+
export declare const getSavedTableState: (id: string, storage: Storage) => PersistentTableState | null;
|
|
11
|
+
export declare const saveTableState: (id: string, value: PersistentTableState, storage: Storage) => void;
|
|
12
|
+
export declare const clearSavedTableStates: (storageType?: StorageType) => void;
|
|
13
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EAEpB,YAAY,EAEb,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,YAAY,sCAItB,gBAAgB,oBAOlB,CAAC;AA6DF,eAAO,MAAM,aAAa,yBAGvB;IACD,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,sBAYA,CAAC;AAEF,eAAO,MAAM,cAAc,kBACV,YAAY,gBACb,kBAAkB,oBACd,eAAe,KAChC,YAiGF,CAAC;AAEF,eAAO,MAAM,kBAAkB,OACzB,MAAM,WACD,OAAO,KACf,oBAAoB,GAAG,IAWzB,CAAC;AAEF,eAAO,MAAM,cAAc,OACrB,MAAM,SACH,oBAAoB,WAClB,OAAO,SAQjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iBACnB,WAAW,SASzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--pagination-bg-color: #f8f9fa;--pagination-padding: .8rem;--pagination-gap: .5rem;--pagination-buttons-bg-color: var(--dz-primary-color);--pagination-buttons-bg-color-hover: #0056b3;--pagination-buttons-bg-color-active: #0056b3;--pagination-buttons-bg-color-disabled: #e4e4e4;--pagination-buttons-color-disabled: inherit;--pagination-border-color: var(--dz-primary-color)}.pagination{align-items:center;background-color:var(--pagination-bg-color);display:flex;flex-wrap:wrap-reverse;justify-content:space-between;gap:var(--pagination-gap);list-style:none;padding:var(--pagination-padding)}.pagination .pagination-buttons-wrapper,.pagination .pagination-buttons-wrapper>div{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pagination-gap);justify-content:center;width:fit-content}.pagination .pagination-buttons-wrapper{margin-left:auto;padding:.5rem 0}.pagination .pagination-buttons-wrapper svg{font-size:1.5rem;max-width:fit-content}.page-button.active{background-color:var(--pagination-buttons-bg-color-active)}.items-per-page-control,.page-input-control{align-items:center;color:#495057;display:flex}.items-per-page-control span,.page-input-control span{margin-right:8px}.items-per-page-control select,.page-input-control input{padding:.375rem;width:4rem}.items-per-page-control select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px}.items-per-page-control select:focus{border-color:var(--pagination-border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}:root{--table-border: 1px solid rgb(226, 226, 226);--table-header-bg: #f0f2f7ad;--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: rgb(232, 240, 255);--table-row-hover-bg: #318aff0f;--table-column-padding: .8rem;--table-row-selected-bg: rgb(240, 245, 255);--table-body-bg: transparent;--table-stripe-color: transparent;--table-actions-column-width: 4rem;--table-loading-icon-color: black}.table-container{display:flex;flex-direction:column;width:100%;position:relative}.table-container>span{font-weight:700;text-align:center;padding:.2rem 0;margin:0;font-size:1rem}.table-container>span[data-align=left]{text-align:left}.table-container>span[data-align=right]{text-align:right}.table-container .loading-overlay{align-items:center;background:var(--table-overlay-bg);display:flex;justify-content:center;inset:0;position:absolute;z-index:1}.table-container .loading-overlay>.loading{color:var(--table-loading-icon-color, #ffffff);font-size:.5rem}.table-container .toolbar{align-items:center;background:var(--table-header-bg);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:var(--table-column-padding);width:100%}.table-container .table-wrapper{width:100%;overflow-x:auto}.table-container .table-wrapper:has(thead>tr.filters){overflow-x:visible}.table-container .table-wrapper>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .toolbar,.table-container .table-wrapper>table,.table-container .table-wrapper>table tr,.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th,.table-container .pagination{border:var(--table-border)}.table-container .pagination{border-top:none}.table-container .toolbar{border-bottom:none}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{overflow:hidden}.table-container .table-wrapper>table>tbody>tr>td>.tooltip-container{height:100%;width:100%}.table-container .table-wrapper>table>thead>tr>th.filter{overflow:visible}.table-container .table-wrapper>table tr>td[data-align=center]>*{margin:auto}.table-container .table-wrapper>table tr>th{text-align:left}.table-container .table-wrapper>table tr>td[data-align=center],.table-container .table-wrapper>table tr>th[data-align=center]{text-align:center}.table-container .table-wrapper>table tr>td[data-align=center]>svg,.table-container .table-wrapper>table tr>th[data-align=center]>svg{display:inline-flex;width:100%}.table-container .table-wrapper>table tr>td .dropdown-menu-trigger>svg{max-width:max-content}.table-container .table-wrapper>table tr>td[data-align=right]{text-align:right;padding-right:2rem}.table-container .table-wrapper>table tr>th.sortable{cursor:pointer}.table-container .table-wrapper>table tr>th .sort-state{margin-left:.5rem}.table-container .table-wrapper>table tr>th .sort-state .sort-icon{display:inline-block;vertical-align:text-bottom}.table-container .table-wrapper>table tr>th.sortable:active{background:var(--table-header-active-bg)}.table-container .table-wrapper>table tr>th.highlight,.table-container .table-wrapper>table tr>td.highlight{background:var(--table-header-active-bg)}.table-container .table-wrapper>table>tbody>tr:nth-child(2n){background:var(--table-stripe-color)}.table-container .table-wrapper>table>tbody>tr[data-selected=true]{background:var(--table-row-selected-bg)!important}.table-container .table-wrapper>table>tbody>tr[data-selected=true]:hover,.table-wrapper>table>tbody>tr:hover{background:var(--table-row-hover-bg)!important;transition:background var(--transition-duration) ease}.table-wrapper>table .header-row{background:var(--table-header-bg);font-size:1rem}.table-wrapper>table tr.filters>th.range>.number-range-filter{display:flex;gap:.25rem}.table-wrapper>table tr.filters>th>div input{width:100%;min-width:fit-content;font-weight:400;background:#fff}.table-wrapper>table tr.filters>th.multiselect>div,.table-wrapper>table tr.filters>th.select>div{background:#fff;font-weight:400}.table-wrapper>table tr.filters>th:last-child .multiselect>ul{right:0}.table-wrapper>table tr.filters>th.multiselect>div .input-field-select{margin-top:0}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{padding:var(--table-column-padding)}.table-container .table-wrapper>table>thead>tr>th.column-actions,.table-container .table-wrapper>table>thead>tr>th.column-select{width:var(--table-actions-column-width);max-width:var(--table-actions-column-width);min-width:var(--table-actions-column-width)}.table-container tbody td.cell-actions ul.dropdown-menu{text-align:left}.table-container tbody td.cell-select .checkbox-wrapper:not(:has(label)),.table-container thead th.column-select .checkbox-wrapper:not(:has(label)){display:block}.table-container .pagination .page-input-control input{background:#fff}.table-files .column-description{max-width:15rem;min-width:15rem;width:15rem}.table-files .column-downloadCount{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-lastDownloadedAt{max-width:13rem;min-width:13rem;width:13rem}.table-files .column-uploadedAt{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-uploadedBy{max-width:10rem;min-width:10rem;width:10rem}.table-files .column-actions{max-width:4rem;min-width:4rem;width:4rem}
|
package/package.json
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@prefabs.tech/vue3-tanstack-table",
|
|
3
|
+
"version": "0.12.0",
|
|
4
|
+
"description": "Vue3 Tanstack Table Component Library",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"import": "./dist/PrefabsTechVue3TanstackTable.es.js",
|
|
9
|
+
"require": "./dist/PrefabsTechVue3TanstackTable.umd.js"
|
|
10
|
+
},
|
|
11
|
+
"./dist/PrefabsTechVue3TanstackTable.css": "./dist/vue3-tanstack-table.css"
|
|
12
|
+
},
|
|
13
|
+
"main": "./dist/PrefabsTechVue3TanstackTable.umd.js",
|
|
14
|
+
"module": "./dist/PrefabsTechVue3TanstackTable.es.js",
|
|
15
|
+
"types": "./dist/src/index.d.ts",
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"@tanstack/vue-table": "8.21.2"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@prefabs.tech/eslint-config": "0.2.0",
|
|
24
|
+
"@prefabs.tech/tsconfig": "0.2.0",
|
|
25
|
+
"@prefabs.tech/vue3-form": "0.12.0",
|
|
26
|
+
"@prefabs.tech/vue3-ui": "0.12.0",
|
|
27
|
+
"@iconify/vue": "4.3.0",
|
|
28
|
+
"@types/node": "22.13.5",
|
|
29
|
+
"@typescript-eslint/eslint-plugin": "8.24.1",
|
|
30
|
+
"@typescript-eslint/parser": "8.24.1",
|
|
31
|
+
"@vitejs/plugin-vue": "5.2.1",
|
|
32
|
+
"@vitejs/plugin-vue-jsx": "4.1.1",
|
|
33
|
+
"@vitest/coverage-istanbul": "3.0.6",
|
|
34
|
+
"@vue/test-utils": "2.4.6",
|
|
35
|
+
"@vueuse/core": "12.7.0",
|
|
36
|
+
"eslint": "8.57.1",
|
|
37
|
+
"eslint-config-prettier": "9.1.0",
|
|
38
|
+
"eslint-import-resolver-alias": "1.1.2",
|
|
39
|
+
"eslint-import-resolver-typescript": "3.8.3",
|
|
40
|
+
"eslint-plugin-import": "2.31.0",
|
|
41
|
+
"eslint-plugin-prettier": "5.2.3",
|
|
42
|
+
"eslint-plugin-unicorn": "56.0.1",
|
|
43
|
+
"eslint-plugin-vue": "9.32.0",
|
|
44
|
+
"prettier": "3.5.2",
|
|
45
|
+
"typescript": "5.5.4",
|
|
46
|
+
"vite": "6.1.1",
|
|
47
|
+
"vitest": "3.0.6",
|
|
48
|
+
"vue": "3.5.13",
|
|
49
|
+
"vue-eslint-parser": "9.4.3",
|
|
50
|
+
"vue-tsc": "1.2.0"
|
|
51
|
+
},
|
|
52
|
+
"peerDependencies": {
|
|
53
|
+
"@prefabs.tech/vue3-form": "0.12.0",
|
|
54
|
+
"@prefabs.tech/vue3-ui": "0.12.0",
|
|
55
|
+
"vue": ">=3.2"
|
|
56
|
+
},
|
|
57
|
+
"engines": {
|
|
58
|
+
"node": ">=18",
|
|
59
|
+
"pnpm": ">=9"
|
|
60
|
+
},
|
|
61
|
+
"scripts": {
|
|
62
|
+
"build": "vite build && vue-tsc --emitDeclarationOnly",
|
|
63
|
+
"lint": "eslint . --ext .vue",
|
|
64
|
+
"lint:fix": "eslint . --ext .vue --fix",
|
|
65
|
+
"sort-package": "npx sort-package-json",
|
|
66
|
+
"test": "vitest --environment jsdom run --coverage",
|
|
67
|
+
"test:component": "vitest --environment jsdom run component/",
|
|
68
|
+
"test:snapshot": "vitest --environment jsdom run snapshot/",
|
|
69
|
+
"test:unit": "vitest --environment jsdom run unit/",
|
|
70
|
+
"typecheck": "vue-tsc --noEmit -p tsconfig.json --composite false"
|
|
71
|
+
}
|
|
72
|
+
}
|