@coreui/vue-pro 4.4.1 → 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.
- package/dist/components/multi-select/CMultiSelect copy.d.ts +305 -0
- package/dist/components/multi-select/CMultiSelect.d.ts +37 -0
- package/dist/components/smart-table/CSmartTable.d.ts +2 -2
- package/dist/components/smart-table/CSmartTableHead.d.ts +15 -3
- package/dist/components/smart-table/CSmartTableInterface.d.ts +1 -1
- package/dist/components/table/CTable.d.ts +170 -8
- package/dist/components/table/CTableDataCell.d.ts +14 -0
- package/dist/index.es.js +414 -230
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +414 -230
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/date-range-picker/CDateRangePicker.ts +1 -1
- package/src/components/form/CFormInput.ts +1 -1
- package/src/components/multi-select/CMultiSelect.ts +94 -83
- package/src/components/smart-table/CSmartTable.ts +22 -21
- package/src/components/smart-table/CSmartTableHead.ts +45 -24
- package/src/components/smart-table/CSmartTableInterface.ts +1 -1
- package/src/components/smart-table/CSmartTableItemsPerPageSelector.ts +1 -1
- package/src/components/table/CTable.ts +243 -9
- package/src/components/table/CTableDataCell.ts +9 -1
|
@@ -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 };
|