11import { Column } from '@/types' ;
22
33export const AllProps = {
4- // ? Colors accept Vuetify them color names or variables, HEX, RGB, HSL, and CSS color names
5- colors : ( ) => ( { // * Passed
4+ // color: 'primary', // ? Doesn't seem to work
5+ colors : ( ) => ( {
66 body : {
77 base : '--v-theme-surface' ,
88 bg : '--v-theme-surface' ,
@@ -32,35 +32,35 @@ export const AllProps = {
3232 percentageChange : 25 ,
3333 percentageDirection : 'desc' ,
3434 } ) as const ,
35- // customFilter: undefined, // ? Needs Testing
36- // customKeyFilter: undefined, // ? Needs Testing
37- density : 'default' , // * Works
38- // drilldown: () => ({}),
39- drilldownKey : 'id' , // * Works
40- elevation : 0 , // * Works
41- expandOnClick : false , // * Works
42- // expanded: () => [], // ? Needs Testing
43- filterKeys : undefined , // ? Needs Testing
44- // filterMode: 'some', // ? Needs Testing
45- // firstIcon: '', // & Works - Is binding prop
46- // firstPageLabel: '', // ? Not sure what this does or if it works
47- fixedFooter : true , // ? Not sure what this does or if it works
48- fixedHeader : true , // ? Not sure what this does or if it works
35+ // customFilter: undefined, // ? Needs Testing
36+ // customKeyFilter: undefined, // ? Needs Testing
37+ density : 'default' ,
38+ // drilldown: () => ({}), // * Works - Internal Prop
39+ drilldownKey : 'id' ,
40+ elevation : 0 ,
41+ expandOnClick : false ,
42+ // expanded: () => [], // ? Needs Testing
43+ filterKeys : undefined , // ? Needs Testing
44+ // filterMode: 'some', // ? Needs Testing
45+ // firstIcon: '', // * Works - Keep Commented Out
46+ // firstPageLabel: '', // ? Doesn't seem to work
47+ // fixedFooter: true, // ? Doesn't seem to work
48+ // fixedHeader: true, // ? Doesn't seem to work
4949 footers : ( ) => [ ] as Column [ ] ,
50- // headers: () => [] as const,
51- height : 'auto' , // * Works
52- // hideDefaultFooter: false, // ? In v2 Missing in v3
53- // hideDefaultHeader: true, // ? In v2 Missing in v3
54- hideNoData : false , // * Works
55- hover : false , // * Works
56- isDrilldown : false , // * Works
57- // item: () => ({}), // * Works - Keep Commented Out
58- itemChildrenKey : 'child' , // * Works
59- itemValue : 'id' , // * Works, but is weird
60- // items: () => [], // * Works
50+ // headers: () => [] as const, // * Works - Keep Commented Out
51+ height : 'auto' ,
52+ // hideDrilldownWhenLoading: true, // * Works - Keep Commented Out
53+ hideNoData : false ,
54+ hover : false ,
55+ isDrilldown : false , // ? Internal Prop
56+ itemChildrenKey : 'child' ,
57+ itemSelectable : undefined ,
58+ itemValue : 'id' ,
59+ items : ( ) => [ ] ,
6160 itemsLength : 0 , // ? Not sure if this will be used
62- itemsPerPage : 10 , // * Works
63- // itemsPerPageOptions: [ // ? Works - Keep Commented Out - Test drilldowns
61+ itemsPerPage : 10 ,
62+ // itemsPerPageText: '$vuetify.dataFooter.itemsPerPageText', // * Works - Keep Commented Out
63+ // itemsPerPageOptions: [ // * Works - Keep Commented Out
6464 // {
6565 // title: '10',
6666 // value: 10,
@@ -82,7 +82,8 @@ export const AllProps = {
8282 // value: -1,
8383 // }
8484 // ],
85- // lastIcon: '', // & Works - Is binding prop
85+ // lastPageLabel: '$vuetify.dataFooter.lastPage', // ? Doesn't seem to work
86+ // lastIcon: '', // * Works - Keep Commented Out
8687 level : 1 ,
8788 levels : 1 ,
8889 loaderHeight : '2px' ,
@@ -91,15 +92,16 @@ export const AllProps = {
9192 loading : false ,
9293 loadingText : '$vuetify.dataIterator.loadingText' ,
9394 multiSort : false , // ! Not sure if this is working correctly - Is binding prop
94- // nextIcon: '', // & Works - Is binding prop
95- noDataText : '$vuetify.noDataText' , // * Works
96- noFilter : false , // * Works, but not sure why you would use this.
97- page : 1 , // * Works
98- returnObject : true , // ? Not sure what this does or if it works - Missing Docs
95+ // nextIcon: '', // * Works - Keep Commented Out
96+ noDataText : '$vuetify.noDataText' ,
97+ noFilter : false ,
98+ page : 1 ,
99+ // returnObject: true, // ? Not sure what this does or if works.
100+ // rowHeight: undefined, // ? Doesn't seem to work
99101 search : '' , // ? Need to test this when top slot is used over showSearch prop
100- searchDebounce : 750 , // * Works
101- searchMaxWait : 1000 , // * Works
102- searchProps : ( ) => ( { // ? Needs more testing
102+ searchDebounce : 750 ,
103+ searchMaxWait : 1000 ,
104+ searchProps : ( ) => ( {
103105 cols : {
104106 lg : 3 ,
105107 md : 6 ,
@@ -111,17 +113,17 @@ export const AllProps = {
111113 density : 'comfortable' ,
112114 variant : 'underlined' ,
113115 } ) as const ,
114- selectStrategy : 'page' as const , // ! Not working properly //
116+ selectStrategy : 'page' as const ,
115117 // separator: '', // TODO: Maybe add this //
116- server : false , // * Works
117- showDrilldownWhenLoading : true , // * Works
118- showExpand : false , // ? Works but needs testing.- Not sure if needed in this object
119- showFooterRow : false , // ? Not sure if I will use this. Depends on a possible footer slot
120- showSearch : false , // * Custom Prop
121- showSelect : false , // * Works
122- skeltonType : 'heading@1' , // * Works
123- sortAscIcon : '$sortAsc' , // * Works
124- sortBy : ( ) => [ ] , // * Works
125- tableType : ( ) => ( { } ) , // * Works
126- width : '100%' , // ! Not working properly //
118+ server : false ,
119+ showDrilldownWhenLoading : true ,
120+ showExpand : false ,
121+ showFooterRow : false ,
122+ showSearch : false , // * Works - May or may not keep
123+ showSelect : false ,
124+ skeltonType : 'heading@1' ,
125+ sortAscIcon : '$sortAsc' ,
126+ sortBy : ( ) => [ ] ,
127+ tableType : ( ) => ( { } ) ,
128+ // width: '100%', // ? Doesn't seem to work
127129} ;
0 commit comments