@coreui/vue-pro 4.4.2 → 4.5.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.
@@ -0,0 +1,305 @@
1
+ import { PropType } from 'vue';
2
+ export interface Option {
3
+ disabled?: boolean;
4
+ label?: string;
5
+ options?: Option[];
6
+ order?: number;
7
+ selected?: boolean;
8
+ text: string;
9
+ value: number | string;
10
+ }
11
+ declare const CMultiSelect: import("vue").DefineComponent<{
12
+ /**
13
+ * Enables selection cleaner element.
14
+ *
15
+ * @default true
16
+ */
17
+ cleaner: {
18
+ type: BooleanConstructor;
19
+ required: false;
20
+ default: boolean;
21
+ };
22
+ /**
23
+ * Toggle the disabled state for the component.
24
+ */
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ required: false;
28
+ default: boolean;
29
+ };
30
+ /**
31
+ * It specifies that multiple options can be selected at once.
32
+ *
33
+ * @default true
34
+ */
35
+ multiple: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ required: false;
39
+ };
40
+ /**
41
+ * List of option elements.
42
+ */
43
+ options: {
44
+ type: PropType<Option[]>;
45
+ default: () => never[];
46
+ required: false;
47
+ };
48
+ /**
49
+ * Sets maxHeight of options list.
50
+ *
51
+ * @default 'auto'
52
+ */
53
+ optionsMaxHeight: {
54
+ type: (NumberConstructor | StringConstructor)[];
55
+ default: string;
56
+ required: false;
57
+ };
58
+ /**
59
+ * Sets option style.
60
+ *
61
+ * @values 'checkbox', 'text'
62
+ * @default 'checkbox'
63
+ */
64
+ optionsStyle: {
65
+ type: StringConstructor;
66
+ default: string;
67
+ required: false;
68
+ validator: (value: string) => boolean;
69
+ };
70
+ /**
71
+ * Specifies a short hint that is visible in the search input.
72
+ *
73
+ * @default 'Select...''
74
+ */
75
+ placeholder: {
76
+ type: StringConstructor;
77
+ default: string;
78
+ required: false;
79
+ };
80
+ /**
81
+ * Enables search input element.
82
+ */
83
+ search: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ required: false;
87
+ };
88
+ /**
89
+ * Sets the label for no results when filtering.
90
+ */
91
+ searchNoResultsLabel: {
92
+ type: StringConstructor;
93
+ default: string;
94
+ required: false;
95
+ };
96
+ /**
97
+ * Enables select all button.
98
+ *
99
+ * @default true
100
+ */
101
+ selectAll: {
102
+ type: BooleanConstructor;
103
+ required: false;
104
+ default: boolean;
105
+ };
106
+ /**
107
+ * Sets the select all button label.
108
+ *
109
+ * @default 'Select all options'
110
+ */
111
+ selectAllLabel: {
112
+ type: StringConstructor;
113
+ required: false;
114
+ default: string;
115
+ };
116
+ /**
117
+ * Sets the selection style.
118
+ *
119
+ * @values 'counter', 'tags', 'text'
120
+ * @default 'tags'
121
+ */
122
+ selectionType: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ required: false;
126
+ validator: (value: string) => boolean;
127
+ };
128
+ /**
129
+ * Sets the counter selection label.
130
+ *
131
+ * @default 'item(s) selected'
132
+ */
133
+ selectionTypeCounterText: {
134
+ type: StringConstructor;
135
+ default: string;
136
+ required: false;
137
+ };
138
+ /**
139
+ * Toggle the visibility of multi select dropdown.
140
+ *
141
+ * @default false
142
+ */
143
+ visible: {
144
+ type: BooleanConstructor;
145
+ default: boolean;
146
+ required: false;
147
+ };
148
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
149
+ [key: string]: any;
150
+ }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
151
+ /**
152
+ * Enables selection cleaner element.
153
+ *
154
+ * @default true
155
+ */
156
+ cleaner: {
157
+ type: BooleanConstructor;
158
+ required: false;
159
+ default: boolean;
160
+ };
161
+ /**
162
+ * Toggle the disabled state for the component.
163
+ */
164
+ disabled: {
165
+ type: BooleanConstructor;
166
+ required: false;
167
+ default: boolean;
168
+ };
169
+ /**
170
+ * It specifies that multiple options can be selected at once.
171
+ *
172
+ * @default true
173
+ */
174
+ multiple: {
175
+ type: BooleanConstructor;
176
+ default: boolean;
177
+ required: false;
178
+ };
179
+ /**
180
+ * List of option elements.
181
+ */
182
+ options: {
183
+ type: PropType<Option[]>;
184
+ default: () => never[];
185
+ required: false;
186
+ };
187
+ /**
188
+ * Sets maxHeight of options list.
189
+ *
190
+ * @default 'auto'
191
+ */
192
+ optionsMaxHeight: {
193
+ type: (NumberConstructor | StringConstructor)[];
194
+ default: string;
195
+ required: false;
196
+ };
197
+ /**
198
+ * Sets option style.
199
+ *
200
+ * @values 'checkbox', 'text'
201
+ * @default 'checkbox'
202
+ */
203
+ optionsStyle: {
204
+ type: StringConstructor;
205
+ default: string;
206
+ required: false;
207
+ validator: (value: string) => boolean;
208
+ };
209
+ /**
210
+ * Specifies a short hint that is visible in the search input.
211
+ *
212
+ * @default 'Select...''
213
+ */
214
+ placeholder: {
215
+ type: StringConstructor;
216
+ default: string;
217
+ required: false;
218
+ };
219
+ /**
220
+ * Enables search input element.
221
+ */
222
+ search: {
223
+ type: BooleanConstructor;
224
+ default: boolean;
225
+ required: false;
226
+ };
227
+ /**
228
+ * Sets the label for no results when filtering.
229
+ */
230
+ searchNoResultsLabel: {
231
+ type: StringConstructor;
232
+ default: string;
233
+ required: false;
234
+ };
235
+ /**
236
+ * Enables select all button.
237
+ *
238
+ * @default true
239
+ */
240
+ selectAll: {
241
+ type: BooleanConstructor;
242
+ required: false;
243
+ default: boolean;
244
+ };
245
+ /**
246
+ * Sets the select all button label.
247
+ *
248
+ * @default 'Select all options'
249
+ */
250
+ selectAllLabel: {
251
+ type: StringConstructor;
252
+ required: false;
253
+ default: string;
254
+ };
255
+ /**
256
+ * Sets the selection style.
257
+ *
258
+ * @values 'counter', 'tags', 'text'
259
+ * @default 'tags'
260
+ */
261
+ selectionType: {
262
+ type: StringConstructor;
263
+ default: string;
264
+ required: false;
265
+ validator: (value: string) => boolean;
266
+ };
267
+ /**
268
+ * Sets the counter selection label.
269
+ *
270
+ * @default 'item(s) selected'
271
+ */
272
+ selectionTypeCounterText: {
273
+ type: StringConstructor;
274
+ default: string;
275
+ required: false;
276
+ };
277
+ /**
278
+ * Toggle the visibility of multi select dropdown.
279
+ *
280
+ * @default false
281
+ */
282
+ visible: {
283
+ type: BooleanConstructor;
284
+ default: boolean;
285
+ required: false;
286
+ };
287
+ }>> & {
288
+ onChange?: ((...args: any[]) => any) | undefined;
289
+ }, {
290
+ search: boolean;
291
+ visible: boolean;
292
+ disabled: boolean;
293
+ multiple: boolean;
294
+ options: Option[];
295
+ cleaner: boolean;
296
+ placeholder: string;
297
+ optionsMaxHeight: string | number;
298
+ optionsStyle: string;
299
+ searchNoResultsLabel: string;
300
+ selectionType: string;
301
+ selectionTypeCounterText: string;
302
+ selectAll: boolean;
303
+ selectAllLabel: string;
304
+ }>;
305
+ export { CMultiSelect };
@@ -19,6 +19,14 @@ declare const CMultiSelect: import("vue").DefineComponent<{
19
19
  required: false;
20
20
  default: boolean;
21
21
  };
22
+ /**
23
+ * Toggle the disabled state for the component.
24
+ */
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ required: false;
28
+ default: boolean;
29
+ };
22
30
  /**
23
31
  * It specifies that multiple options can be selected at once.
24
32
  *
@@ -127,6 +135,16 @@ declare const CMultiSelect: import("vue").DefineComponent<{
127
135
  default: string;
128
136
  required: false;
129
137
  };
138
+ /**
139
+ * Size the component small or large.
140
+ *
141
+ * @values 'sm', 'lg'
142
+ */
143
+ size: {
144
+ type: StringConstructor;
145
+ required: false;
146
+ validator: (value: string) => boolean;
147
+ };
130
148
  /**
131
149
  * Toggle the visibility of multi select dropdown.
132
150
  *
@@ -150,6 +168,14 @@ declare const CMultiSelect: import("vue").DefineComponent<{
150
168
  required: false;
151
169
  default: boolean;
152
170
  };
171
+ /**
172
+ * Toggle the disabled state for the component.
173
+ */
174
+ disabled: {
175
+ type: BooleanConstructor;
176
+ required: false;
177
+ default: boolean;
178
+ };
153
179
  /**
154
180
  * It specifies that multiple options can be selected at once.
155
181
  *
@@ -258,6 +284,16 @@ declare const CMultiSelect: import("vue").DefineComponent<{
258
284
  default: string;
259
285
  required: false;
260
286
  };
287
+ /**
288
+ * Size the component small or large.
289
+ *
290
+ * @values 'sm', 'lg'
291
+ */
292
+ size: {
293
+ type: StringConstructor;
294
+ required: false;
295
+ validator: (value: string) => boolean;
296
+ };
261
297
  /**
262
298
  * Toggle the visibility of multi select dropdown.
263
299
  *
@@ -273,6 +309,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
273
309
  }, {
274
310
  search: boolean;
275
311
  visible: boolean;
312
+ disabled: boolean;
276
313
  multiple: boolean;
277
314
  options: Option[];
278
315
  cleaner: boolean;
@@ -507,6 +507,8 @@ declare const CSmartTable: import("vue").DefineComponent<{
507
507
  loading: boolean;
508
508
  pagination: boolean;
509
509
  activePage: number;
510
+ tableFootProps: Record<string, any>;
511
+ tableHeadProps: Record<string, any>;
510
512
  clickableRows: boolean;
511
513
  selectable: boolean;
512
514
  columnFilterValue: ColumnFilterValue;
@@ -518,11 +520,9 @@ declare const CSmartTable: import("vue").DefineComponent<{
518
520
  paginationProps: Record<string, any>;
519
521
  sorterValue: SorterValue;
520
522
  tableBodyProps: Record<string, any>;
521
- tableFootProps: Record<string, any>;
522
523
  tableFilterLabel: string;
523
524
  tableFilterPlaceholder: string;
524
525
  tableFilterValue: string;
525
- tableHeadProps: Record<string, any>;
526
526
  tableProps: Record<string, any>;
527
527
  }>;
528
528
  export { CSmartTable };
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { Column, ColumnFilter, ColumnFilterValue, Sorter, SorterValue } from './CSmartTableInterface';
2
+ import { Column, ColumnFilter, ColumnFilterValue, Item, Sorter, SorterValue } from './CSmartTableInterface';
3
3
  declare const CSmartTableHead: import("vue").DefineComponent<{
4
4
  clearSorterAndFilter: {
5
5
  type: StringConstructor;
@@ -29,6 +29,11 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
29
29
  default: () => never[];
30
30
  required: false;
31
31
  };
32
+ items: {
33
+ type: PropType<Item[]>;
34
+ default: () => never[];
35
+ required: false;
36
+ };
32
37
  selectable: BooleanConstructor;
33
38
  selectAll: (StringConstructor | BooleanConstructor)[];
34
39
  sorterState: {
@@ -38,7 +43,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
38
43
  };
39
44
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
40
45
  [key: string]: any;
41
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
46
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customFilterChange" | "filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "customFilterChange" | "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
47
  clearSorterAndFilter: {
43
48
  type: StringConstructor;
44
49
  require: boolean;
@@ -67,6 +72,11 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
67
72
  default: () => never[];
68
73
  required: false;
69
74
  };
75
+ items: {
76
+ type: PropType<Item[]>;
77
+ default: () => never[];
78
+ required: false;
79
+ };
70
80
  selectable: BooleanConstructor;
71
81
  selectAll: (StringConstructor | BooleanConstructor)[];
72
82
  sorterState: {
@@ -75,16 +85,18 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
75
85
  require: boolean;
76
86
  };
77
87
  }>> & {
88
+ onCustomFilterChange?: ((...args: any[]) => any) | undefined;
78
89
  onFilterInput?: ((...args: any[]) => any) | undefined;
79
90
  onFilterChange?: ((...args: any[]) => any) | undefined;
80
91
  onSelectAllChecked?: ((...args: any[]) => any) | undefined;
81
92
  onSortClick?: ((...args: any[]) => any) | undefined;
82
93
  }, {
83
94
  component: string;
95
+ items: Item[];
96
+ columns: string[] | Column[];
84
97
  selectable: boolean;
85
98
  clearSorterAndFilter: string;
86
99
  columnSorter: boolean | Sorter;
87
- columns: string[] | Column[];
88
100
  sorterState: SorterValue;
89
101
  }>;
90
102
  export { CSmartTableHead };
@@ -2,7 +2,7 @@
2
2
  * @ignore
3
3
  */
4
4
  export interface Column {
5
- filter?: boolean;
5
+ filter?: boolean | ((values: any[], onChange: (value: any) => void) => VNode);
6
6
  key: string;
7
7
  label?: string;
8
8
  sorter?: boolean;