@prefabs.tech/vue3-tanstack-table 0.15.0 → 0.17.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pagination-bg-color:
|
|
1
|
+
:root{--pagination-bg-color: var(--table-header-footer-bg, transparent);--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:var(--table-header-footer-bg, transparent);border:1px solid var(--border-color);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: var(--table-header-footer-bg, transparent);--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: var(--active-bg, #eff6ff);--table-row-hover-bg: var(--hover-bg, #f0f2f7ad);--table-column-padding: .8rem;--table-row-selected-bg: var(--active-bg, #eff6ff);--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>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .table-wrapper>table>tfoot>tr{background:var(--table-header-footer-bg, transparent)}.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.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prefabs.tech/vue3-tanstack-table",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"description": "Vue3 Tanstack Table Component Library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@prefabs.tech/eslint-config": "0.2.0",
|
|
24
24
|
"@prefabs.tech/tsconfig": "0.2.0",
|
|
25
|
-
"@prefabs.tech/vue3-form": "0.
|
|
26
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
25
|
+
"@prefabs.tech/vue3-form": "0.17.0",
|
|
26
|
+
"@prefabs.tech/vue3-ui": "0.17.0",
|
|
27
27
|
"@iconify/vue": "4.3.0",
|
|
28
28
|
"@types/node": "22.13.5",
|
|
29
29
|
"@typescript-eslint/eslint-plugin": "8.24.1",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"vue-tsc": "1.2.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@prefabs.tech/vue3-form": "0.
|
|
54
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
53
|
+
"@prefabs.tech/vue3-form": "0.17.0",
|
|
54
|
+
"@prefabs.tech/vue3-ui": "0.17.0",
|
|
55
55
|
"vue": ">=3.2"
|
|
56
56
|
},
|
|
57
57
|
"engines": {
|