@coreui/vue-pro 4.7.0-alpha.0 → 4.7.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/README.md +1 -1
- package/dist/components/element-cover/CElementCover.d.ts +14 -11
- package/dist/components/smart-table/CSmartTable.d.ts +19 -8
- package/dist/components/smart-table/CSmartTableHead.d.ts +3 -3
- package/dist/components/smart-table/CSmartTableInterface.d.ts +4 -0
- package/dist/components/table/CTable.d.ts +4 -10
- package/dist/index.es.js +287 -3553
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +288 -3554
- package/dist/index.js.map +1 -1
- package/dist/utils/calendar.d.ts +2 -2
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/isInViewport.d.ts +2 -0
- package/package.json +10 -14
- package/src/components/carousel/CCarousel.ts +3 -3
- package/src/components/date-range-picker/CDateRangePicker.ts +2 -0
- package/src/components/element-cover/CElementCover.ts +55 -40
- package/src/components/form/CFormControlWrapper.ts +36 -22
- package/src/components/sidebar/CSidebar.ts +5 -5
- package/src/components/smart-table/CSmartTable.ts +46 -6
- package/src/components/smart-table/CSmartTableHead.ts +1 -1
- package/src/components/smart-table/CSmartTableInterface.ts +6 -0
- package/src/components/table/CTable.ts +45 -42
- package/src/components/time-picker/CTimePicker.ts +4 -3
- package/src/utils/calendar.ts +2 -2
- package/src/utils/index.ts +2 -2
- package/src/utils/isInViewport.ts +11 -0
- package/src/utils/time.ts +8 -10
- package/src/utils/isVisible.ts +0 -11
package/README.md
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
Several quick start options are available:
|
|
48
48
|
|
|
49
|
-
- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.7.0.zip)
|
|
50
50
|
- Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
|
|
51
51
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
|
|
52
52
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
1
2
|
declare const CElementCover: import("vue").DefineComponent<{
|
|
2
3
|
/**
|
|
3
4
|
* Array of custom boundaries. Use to create custom cover area (instead of parent element area). Area is defined by four sides: 'top', 'bottom', 'right', 'left'. If side is not defined by any custom boundary it is equal to parent element boundary. Each custom boundary is object with keys:
|
|
@@ -6,10 +7,10 @@ declare const CElementCover: import("vue").DefineComponent<{
|
|
|
6
7
|
*
|
|
7
8
|
* @type {sides: string[], query: string}[]
|
|
8
9
|
*/
|
|
9
|
-
boundaries: {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
10
|
+
boundaries: PropType<{
|
|
11
|
+
sides: string[];
|
|
12
|
+
query: string;
|
|
13
|
+
}[]>;
|
|
13
14
|
/**
|
|
14
15
|
* Opacity of the cover. [docs]
|
|
15
16
|
*
|
|
@@ -17,7 +18,7 @@ declare const CElementCover: import("vue").DefineComponent<{
|
|
|
17
18
|
*/
|
|
18
19
|
opacity: {
|
|
19
20
|
type: NumberConstructor;
|
|
20
|
-
|
|
21
|
+
default: number;
|
|
21
22
|
};
|
|
22
23
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
23
24
|
[key: string]: any;
|
|
@@ -29,10 +30,10 @@ declare const CElementCover: import("vue").DefineComponent<{
|
|
|
29
30
|
*
|
|
30
31
|
* @type {sides: string[], query: string}[]
|
|
31
32
|
*/
|
|
32
|
-
boundaries: {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
33
|
+
boundaries: PropType<{
|
|
34
|
+
sides: string[];
|
|
35
|
+
query: string;
|
|
36
|
+
}[]>;
|
|
36
37
|
/**
|
|
37
38
|
* Opacity of the cover. [docs]
|
|
38
39
|
*
|
|
@@ -40,7 +41,9 @@ declare const CElementCover: import("vue").DefineComponent<{
|
|
|
40
41
|
*/
|
|
41
42
|
opacity: {
|
|
42
43
|
type: NumberConstructor;
|
|
43
|
-
|
|
44
|
+
default: number;
|
|
44
45
|
};
|
|
45
|
-
}>>, {
|
|
46
|
+
}>>, {
|
|
47
|
+
opacity: number;
|
|
48
|
+
}>;
|
|
46
49
|
export { CElementCover };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { Column, ColumnFilter, ColumnFilterValue, Item, ItemsPerPageSelect, Pagination, Sorter, SorterValue, TableFilter } from './CSmartTableInterface';
|
|
2
|
+
import { Column, ColumnFilter, ColumnFilterValue, Item, ItemsPerPageSelect, FooterItem, Pagination, Sorter, SorterValue, TableFilter } from './CSmartTableInterface';
|
|
3
3
|
declare const CSmartTable: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* Sets active page. If 'pagination' prop is enabled, activePage is set only initially.
|
|
@@ -58,7 +58,7 @@ declare const CSmartTable: import("vue").DefineComponent<{
|
|
|
58
58
|
* - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
|
|
59
59
|
*/
|
|
60
60
|
columns: {
|
|
61
|
-
type: PropType<string
|
|
61
|
+
type: PropType<(string | Column)[]>;
|
|
62
62
|
required: false;
|
|
63
63
|
};
|
|
64
64
|
/**
|
|
@@ -74,10 +74,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
|
|
|
74
74
|
required: false;
|
|
75
75
|
};
|
|
76
76
|
/**
|
|
77
|
-
* Displays table footer, which mirrors table header. (without column filter).
|
|
77
|
+
* If `true` Displays table footer, which mirrors table header. (without column filter).
|
|
78
|
+
* Or Array of objects or strings, where each element represents one cell in the table footer.
|
|
79
|
+
*
|
|
80
|
+
* Example items:
|
|
81
|
+
* `['FooterCell', 'FooterCell', 'FooterCell']`
|
|
82
|
+
* or
|
|
83
|
+
* `[{ label: 'FooterCell', _props: { color: 'success' }, ...]`
|
|
78
84
|
*/
|
|
79
85
|
footer: {
|
|
80
|
-
type:
|
|
86
|
+
type: PropType<boolean | (string | FooterItem)[]>;
|
|
81
87
|
required: false;
|
|
82
88
|
};
|
|
83
89
|
/**
|
|
@@ -305,7 +311,7 @@ declare const CSmartTable: import("vue").DefineComponent<{
|
|
|
305
311
|
* - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
|
|
306
312
|
*/
|
|
307
313
|
columns: {
|
|
308
|
-
type: PropType<string
|
|
314
|
+
type: PropType<(string | Column)[]>;
|
|
309
315
|
required: false;
|
|
310
316
|
};
|
|
311
317
|
/**
|
|
@@ -321,10 +327,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
|
|
|
321
327
|
required: false;
|
|
322
328
|
};
|
|
323
329
|
/**
|
|
324
|
-
* Displays table footer, which mirrors table header. (without column filter).
|
|
330
|
+
* If `true` Displays table footer, which mirrors table header. (without column filter).
|
|
331
|
+
* Or Array of objects or strings, where each element represents one cell in the table footer.
|
|
332
|
+
*
|
|
333
|
+
* Example items:
|
|
334
|
+
* `['FooterCell', 'FooterCell', 'FooterCell']`
|
|
335
|
+
* or
|
|
336
|
+
* `[{ label: 'FooterCell', _props: { color: 'success' }, ...]`
|
|
325
337
|
*/
|
|
326
338
|
footer: {
|
|
327
|
-
type:
|
|
339
|
+
type: PropType<boolean | (string | FooterItem)[]>;
|
|
328
340
|
required: false;
|
|
329
341
|
};
|
|
330
342
|
/**
|
|
@@ -503,7 +515,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
|
|
|
503
515
|
onTableFilterChange?: ((...args: any[]) => any) | undefined;
|
|
504
516
|
}, {
|
|
505
517
|
items: Item[];
|
|
506
|
-
footer: boolean;
|
|
507
518
|
header: boolean;
|
|
508
519
|
cleaner: boolean;
|
|
509
520
|
loading: boolean;
|
|
@@ -25,7 +25,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
|
|
|
25
25
|
require: boolean;
|
|
26
26
|
};
|
|
27
27
|
columns: {
|
|
28
|
-
type: PropType<string
|
|
28
|
+
type: PropType<(string | Column)[]>;
|
|
29
29
|
default: () => never[];
|
|
30
30
|
required: false;
|
|
31
31
|
};
|
|
@@ -68,7 +68,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
|
|
|
68
68
|
require: boolean;
|
|
69
69
|
};
|
|
70
70
|
columns: {
|
|
71
|
-
type: PropType<string
|
|
71
|
+
type: PropType<(string | Column)[]>;
|
|
72
72
|
default: () => never[];
|
|
73
73
|
required: false;
|
|
74
74
|
};
|
|
@@ -93,7 +93,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
|
|
|
93
93
|
}, {
|
|
94
94
|
component: string;
|
|
95
95
|
items: Item[];
|
|
96
|
-
columns: string
|
|
96
|
+
columns: (string | Column)[];
|
|
97
97
|
selectable: boolean;
|
|
98
98
|
clearSorterAndFilter: string;
|
|
99
99
|
columnSorter: boolean | Sorter;
|
|
@@ -17,6 +17,10 @@ export interface ColumnFilter {
|
|
|
17
17
|
export interface ColumnFilterValue {
|
|
18
18
|
[key: string]: number | string | any;
|
|
19
19
|
}
|
|
20
|
+
export type FooterItem = {
|
|
21
|
+
label?: string;
|
|
22
|
+
_props?: any;
|
|
23
|
+
};
|
|
20
24
|
export type Item = {
|
|
21
25
|
[key: string]: number | string | any;
|
|
22
26
|
_id: number;
|
|
@@ -82,7 +82,7 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
82
82
|
* @since 4.5.0
|
|
83
83
|
*/
|
|
84
84
|
columns: {
|
|
85
|
-
type: PropType<string
|
|
85
|
+
type: PropType<(string | Column)[]>;
|
|
86
86
|
required: false;
|
|
87
87
|
};
|
|
88
88
|
/**
|
|
@@ -105,8 +105,7 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
105
105
|
* @since 4.5.0
|
|
106
106
|
*/
|
|
107
107
|
footer: {
|
|
108
|
-
type: PropType<FooterItem[]>;
|
|
109
|
-
default: () => never[];
|
|
108
|
+
type: PropType<(string | FooterItem)[]>;
|
|
110
109
|
required: false;
|
|
111
110
|
};
|
|
112
111
|
/**
|
|
@@ -126,7 +125,6 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
126
125
|
*/
|
|
127
126
|
items: {
|
|
128
127
|
type: PropType<Item[]>;
|
|
129
|
-
default: () => never[];
|
|
130
128
|
required: false;
|
|
131
129
|
};
|
|
132
130
|
responsive: {
|
|
@@ -251,7 +249,7 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
251
249
|
* @since 4.5.0
|
|
252
250
|
*/
|
|
253
251
|
columns: {
|
|
254
|
-
type: PropType<string
|
|
252
|
+
type: PropType<(string | Column)[]>;
|
|
255
253
|
required: false;
|
|
256
254
|
};
|
|
257
255
|
/**
|
|
@@ -274,8 +272,7 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
274
272
|
* @since 4.5.0
|
|
275
273
|
*/
|
|
276
274
|
footer: {
|
|
277
|
-
type: PropType<FooterItem[]>;
|
|
278
|
-
default: () => never[];
|
|
275
|
+
type: PropType<(string | FooterItem)[]>;
|
|
279
276
|
required: false;
|
|
280
277
|
};
|
|
281
278
|
/**
|
|
@@ -295,7 +292,6 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
295
292
|
*/
|
|
296
293
|
items: {
|
|
297
294
|
type: PropType<Item[]>;
|
|
298
|
-
default: () => never[];
|
|
299
295
|
required: false;
|
|
300
296
|
};
|
|
301
297
|
responsive: {
|
|
@@ -352,8 +348,6 @@ declare const CTable: import("vue").DefineComponent<{
|
|
|
352
348
|
}>>, {
|
|
353
349
|
small: boolean;
|
|
354
350
|
hover: boolean;
|
|
355
|
-
items: Item[];
|
|
356
|
-
footer: FooterItem[];
|
|
357
351
|
caption: string;
|
|
358
352
|
align: string;
|
|
359
353
|
striped: boolean;
|