sprintify-ui 0.10.82 → 0.10.83

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.
Files changed (9) hide show
  1. package/dist/sprintify-ui.es.js +201 -194
  2. package/dist/types/components/BaseDataTable.vue.d.ts +20 -0
  3. package/dist/types/components/BaseDataTableTemplate.vue.d.ts +25 -0
  4. package/dist/types/components/BaseTableColumn.vue.d.ts +12 -0
  5. package/dist/types/types/index.d.ts +5 -0
  6. package/package.json +1 -1
  7. package/src/components/BaseDataTableTemplate.vue +1 -1
  8. package/src/components/BaseTableColumn.vue +7 -0
  9. package/src/types/index.ts +5 -0
package/dist/types/components/BaseDataTable.vue.d.ts CHANGED
@@ -187,12 +187,17 @@ declare const table: import("vue").Ref<({
187
187
  toggleDefault: boolean;
188
188
  width: number;
189
189
  class?: string | string[] | undefined;
190
+ headerClass?: string | string[] | undefined;
190
191
  to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
191
192
  href?: ((row: import("@/types").Row) => string) | undefined;
192
193
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
193
194
  onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
194
195
  style: {
195
196
  width: undefined | number;
197
+ maxWidth: undefined | number;
198
+ minWidth: undefined | number;
199
+ overflow: undefined | string;
200
+ padding: undefined | string;
196
201
  };
197
202
  }[]>;
198
203
  uncheckAll: () => void;
@@ -371,12 +376,17 @@ declare const table: import("vue").Ref<({
371
376
  toggleDefault: boolean;
372
377
  width: number;
373
378
  class?: string | string[] | undefined;
379
+ headerClass?: string | string[] | undefined;
374
380
  to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
375
381
  href?: ((row: import("@/types").Row) => string) | undefined;
376
382
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
377
383
  onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
378
384
  style: {
379
385
  width: undefined | number;
386
+ maxWidth: undefined | number;
387
+ minWidth: undefined | number;
388
+ overflow: undefined | string;
389
+ padding: undefined | string;
380
390
  };
381
391
  }[]>;
382
392
  uncheckAll: () => void;
@@ -561,12 +571,17 @@ declare const table: import("vue").Ref<({
561
571
  toggleDefault: boolean;
562
572
  width: number;
563
573
  class?: string | string[] | undefined;
574
+ headerClass?: string | string[] | undefined;
564
575
  to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
565
576
  href?: ((row: import("@/types").Row) => string) | undefined;
566
577
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
567
578
  onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
568
579
  style: {
569
580
  width: undefined | number;
581
+ maxWidth: undefined | number;
582
+ minWidth: undefined | number;
583
+ overflow: undefined | string;
584
+ padding: undefined | string;
570
585
  };
571
586
  }[]>;
572
587
  uncheckAll: () => void;
@@ -745,12 +760,17 @@ declare const table: import("vue").Ref<({
745
760
  toggleDefault: boolean;
746
761
  width: number;
747
762
  class?: string | string[] | undefined;
763
+ headerClass?: string | string[] | undefined;
748
764
  to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
749
765
  href?: ((row: import("@/types").Row) => string) | undefined;
750
766
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
751
767
  onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
752
768
  style: {
753
769
  width: undefined | number;
770
+ maxWidth: undefined | number;
771
+ minWidth: undefined | number;
772
+ overflow: undefined | string;
773
+ padding: undefined | string;
754
774
  };
755
775
  }[]>;
756
776
  uncheckAll: () => void;
package/dist/types/components/BaseDataTableTemplate.vue.d.ts CHANGED
@@ -26,12 +26,17 @@ declare const currentSortColumn: import("vue").Ref<{
26
26
  toggleDefault: boolean;
27
27
  width: number;
28
28
  class?: string | string[] | undefined;
29
+ headerClass?: string | string[] | undefined;
29
30
  to?: ((row: Row) => RouteLocationRaw) | undefined;
30
31
  href?: ((row: Row) => string) | undefined;
31
32
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
32
33
  onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
33
34
  style: {
34
35
  width: undefined | number;
36
+ maxWidth: undefined | number;
37
+ minWidth: undefined | number;
38
+ overflow: undefined | string;
39
+ padding: undefined | string;
35
40
  };
36
41
  } | null, BaseTableColumnData | {
37
42
  id: string;
@@ -49,12 +54,17 @@ declare const currentSortColumn: import("vue").Ref<{
49
54
  toggleDefault: boolean;
50
55
  width: number;
51
56
  class?: string | string[] | undefined;
57
+ headerClass?: string | string[] | undefined;
52
58
  to?: ((row: Row) => RouteLocationRaw) | undefined;
53
59
  href?: ((row: Row) => string) | undefined;
54
60
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
55
61
  onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
56
62
  style: {
57
63
  width: undefined | number;
64
+ maxWidth: undefined | number;
65
+ minWidth: undefined | number;
66
+ overflow: undefined | string;
67
+ padding: undefined | string;
58
68
  };
59
69
  } | null>;
60
70
  declare const isAsc: import("vue").Ref<boolean, boolean>;
@@ -75,12 +85,17 @@ declare const newColumns: import("vue").ComputedRef<{
75
85
  toggleDefault: boolean;
76
86
  width: number;
77
87
  class?: string | string[] | undefined;
88
+ headerClass?: string | string[] | undefined;
78
89
  to?: ((row: Row) => RouteLocationRaw) | undefined;
79
90
  href?: ((row: Row) => string) | undefined;
80
91
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
81
92
  onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
82
93
  style: {
83
94
  width: undefined | number;
95
+ maxWidth: undefined | number;
96
+ minWidth: undefined | number;
97
+ overflow: undefined | string;
98
+ padding: undefined | string;
84
99
  };
85
100
  }[]>;
86
101
  declare const visibleColumnsInternal: import("vue").ComputedRef<{
@@ -99,12 +114,17 @@ declare const visibleColumnsInternal: import("vue").ComputedRef<{
99
114
  toggleDefault: boolean;
100
115
  width: number;
101
116
  class?: string | string[] | undefined;
117
+ headerClass?: string | string[] | undefined;
102
118
  to?: ((row: Row) => RouteLocationRaw) | undefined;
103
119
  href?: ((row: Row) => string) | undefined;
104
120
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
105
121
  onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
106
122
  style: {
107
123
  width: undefined | number;
124
+ maxWidth: undefined | number;
125
+ minWidth: undefined | number;
126
+ overflow: undefined | string;
127
+ padding: undefined | string;
108
128
  };
109
129
  }[]>;
110
130
  /**
@@ -685,12 +705,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
685
705
  toggleDefault: boolean;
686
706
  width: number;
687
707
  class?: string | string[] | undefined;
708
+ headerClass?: string | string[] | undefined;
688
709
  to?: ((row: Row) => RouteLocationRaw) | undefined;
689
710
  href?: ((row: Row) => string) | undefined;
690
711
  target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
691
712
  onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
692
713
  style: {
693
714
  width: undefined | number;
715
+ maxWidth: undefined | number;
716
+ minWidth: undefined | number;
717
+ overflow: undefined | string;
718
+ padding: undefined | string;
694
719
  };
695
720
  }[]>;
696
721
  uncheckAll: typeof uncheckAll;
package/dist/types/components/BaseTableColumn.vue.d.ts CHANGED
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
18
18
  default: string;
19
19
  type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
20
20
  };
21
+ headerClass: {
22
+ default: string;
23
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
24
+ };
21
25
  field: {
22
26
  default: string;
23
27
  type: StringConstructor;
@@ -93,6 +97,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
93
97
  newKey: string | undefined;
94
98
  }, {
95
99
  style(): {
100
+ overflow: string | undefined;
101
+ minWidth: string | undefined;
102
+ maxWidth: string | undefined;
96
103
  width: string | undefined;
97
104
  padding: string | undefined;
98
105
  };
@@ -113,6 +120,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
113
120
  default: string;
114
121
  type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
115
122
  };
123
+ headerClass: {
124
+ default: string;
125
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
126
+ };
116
127
  field: {
117
128
  default: string;
118
129
  type: StringConstructor;
@@ -195,6 +206,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
195
206
  tooltip: string;
196
207
  align: "left" | "center" | "right";
197
208
  field: string;
209
+ headerClass: string | Record<string, any> | unknown[];
198
210
  searchable: boolean;
199
211
  customKey: string | number;
200
212
  numeric: boolean;
package/dist/types/types/index.d.ts CHANGED
@@ -90,12 +90,17 @@ export interface BaseTableColumnData {
90
90
  toggleDefault: boolean;
91
91
  width: number;
92
92
  class?: string | string[];
93
+ headerClass?: string | string[];
93
94
  to?: (row: Row) => RouteLocationRaw;
94
95
  href?: (row: Row) => string;
95
96
  target?: '_blank' | '_self' | '_parent' | '_top';
96
97
  onClick?: (row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
97
98
  style: {
98
99
  width: undefined | number;
100
+ maxWidth: undefined | number;
101
+ minWidth: undefined | number;
102
+ overflow: undefined | string;
103
+ padding: undefined | string;
99
104
  };
100
105
  }
101
106
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.10.82",
3
+ "version": "0.10.83",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "rimraf dist && vue-tsc && vite build",
package/src/components/BaseDataTableTemplate.vue CHANGED
@@ -29,7 +29,7 @@
29
29
  :key="column.newKey + ':' + index + 'header'"
30
30
  :style="column.style"
31
31
  :tooltip="column.tooltip"
32
- class="bg-slate-50"
32
+ :class="column.headerClass ? column.headerClass : 'bg-slate-50'"
33
33
  >
34
34
  <div class="flex gap-4">
35
35
  <template v-if="index == 0">
package/src/components/BaseTableColumn.vue CHANGED
@@ -23,6 +23,10 @@ export default defineComponent({
23
23
  default: '',
24
24
  type: [String, Array, Object],
25
25
  },
26
+ headerClass: {
27
+ default: '',
28
+ type: [String, Array, Object],
29
+ },
26
30
  field: {
27
31
  default: '',
28
32
  type: String,
@@ -109,6 +113,9 @@ export default defineComponent({
109
113
  computed: {
110
114
  style() {
111
115
  return {
116
+ overflow: this.width ? 'hidden' : undefined,
117
+ minWidth: this.width ? this.width + 'px' : undefined,
118
+ maxWidth: this.width ? this.width + 'px' : undefined,
112
119
  width: this.width ? this.width + 'px' : undefined,
113
120
  padding: this.padding ? this.padding : undefined,
114
121
  };
package/src/types/index.ts CHANGED
@@ -117,12 +117,17 @@ export interface BaseTableColumnData {
117
117
  toggleDefault: boolean;
118
118
  width: number;
119
119
  class?: string | string[];
120
+ headerClass?: string | string[];
120
121
  to?: (row: Row) => RouteLocationRaw;
121
122
  href?: (row: Row) => string;
122
123
  target?: '_blank' | '_self' | '_parent' | '_top';
123
124
  onClick?: (row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
124
125
  style: {
125
126
  width: undefined | number;
127
+ maxWidth: undefined | number;
128
+ minWidth: undefined | number;
129
+ overflow: undefined | string;
130
+ padding: undefined | string;
126
131
  };
127
132
  }
128
133