@coreui/vue-pro 4.3.0-beta.1 → 4.3.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/calendar/CCalendar.d.ts +15 -2
- package/dist/components/carousel/CCarousel.d.ts +1 -1
- package/dist/components/date-picker/CDatePicker.d.ts +10 -2
- package/dist/components/date-range-picker/CDateRangePicker.d.ts +86 -3
- package/dist/components/form/CFormCheck.d.ts +88 -39
- package/dist/components/form/CFormControlValidation.d.ts +98 -0
- package/dist/components/form/CFormControlWrapper.d.ts +6 -0
- package/dist/components/form/CFormFeedback.d.ts +2 -2
- package/dist/components/form/CFormInput.d.ts +125 -25
- package/dist/components/form/CFormRange.d.ts +18 -16
- package/dist/components/form/CFormSelect.d.ts +125 -16
- package/dist/components/form/CFormSwitch.d.ts +0 -23
- package/dist/components/form/CFormTextarea.d.ts +125 -24
- package/dist/components/modal/CModal.d.ts +1 -1
- package/dist/components/offcanvas/COffcanvas.d.ts +1 -1
- package/dist/components/time-picker/CTimePicker.d.ts +1 -1
- package/dist/components/toast/CToast.d.ts +7 -1
- package/dist/index.es.js +3583 -577
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +3582 -576
- package/dist/index.js.map +1 -1
- package/dist/utils/calendar.d.ts +3 -1
- package/dist/utils/time.d.ts +6 -2
- package/dist/utils/transition.d.ts +3 -0
- package/package.json +11 -10
- package/src/components/backdrop/CBackdrop.ts +8 -6
- package/src/components/button/CButton.ts +2 -2
- package/src/components/calendar/CCalendar.ts +132 -62
- package/src/components/collapse/CCollapse.ts +5 -6
- package/src/components/date-picker/CDatePicker.ts +7 -10
- package/src/components/date-range-picker/CDateRangePicker.ts +198 -100
- package/src/components/form/CFormCheck.ts +119 -94
- package/src/components/form/CFormControlValidation.ts +97 -0
- package/src/components/form/CFormControlWrapper.ts +106 -0
- package/src/components/form/CFormInput.ts +113 -29
- package/src/components/form/CFormRange.ts +25 -11
- package/src/components/form/CFormSelect.ts +126 -41
- package/src/components/form/CFormSwitch.ts +2 -21
- package/src/components/form/CFormTextarea.ts +105 -25
- package/src/components/modal/CModal.ts +14 -6
- package/src/components/nav/CNavGroup.ts +4 -6
- package/src/components/offcanvas/COffcanvas.ts +5 -7
- package/src/components/picker/CPicker.ts +1 -0
- package/src/components/popover/CPopover.ts +5 -5
- package/src/components/tabs/CTabPane.ts +4 -6
- package/src/components/time-picker/CTimePicker.ts +12 -17
- package/src/components/toast/CToast.ts +17 -12
- package/src/components/tooltip/CTooltip.ts +5 -5
- package/src/utils/calendar.ts +86 -9
- package/src/utils/time.ts +29 -3
- package/src/utils/transition.ts +65 -0
|
@@ -4,14 +4,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
|
|
|
4
4
|
*/
|
|
5
5
|
disabled: {
|
|
6
6
|
type: BooleanConstructor;
|
|
7
|
-
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Provide valuable, actionable feedback.
|
|
10
|
+
*
|
|
11
|
+
* @since 4.3.0
|
|
12
|
+
*/
|
|
13
|
+
feedback: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Provide valuable, actionable feedback.
|
|
18
|
+
*
|
|
19
|
+
* @since 4.3.0
|
|
20
|
+
*/
|
|
21
|
+
feedbackInvalid: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
|
|
26
|
+
*
|
|
27
|
+
* @since 4.3.0
|
|
28
|
+
*/
|
|
29
|
+
feedbackValid: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
|
|
34
|
+
*
|
|
35
|
+
* @since 4.3.0
|
|
36
|
+
*/
|
|
37
|
+
floatingLabel: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* The id global attribute defines an identifier (ID) that must be unique in the whole document.
|
|
42
|
+
*/
|
|
43
|
+
id: {
|
|
44
|
+
type: StringConstructor;
|
|
8
45
|
};
|
|
9
46
|
/**
|
|
10
47
|
* Set component validation state to invalid.
|
|
11
48
|
*/
|
|
12
|
-
invalid:
|
|
13
|
-
|
|
14
|
-
|
|
49
|
+
invalid: BooleanConstructor;
|
|
50
|
+
/**
|
|
51
|
+
* Add a caption for a component.
|
|
52
|
+
*
|
|
53
|
+
* @since 4.3.0
|
|
54
|
+
*/
|
|
55
|
+
label: {
|
|
56
|
+
type: StringConstructor;
|
|
15
57
|
};
|
|
16
58
|
/**
|
|
17
59
|
* The default name for a value passed using v-model.
|
|
@@ -19,29 +61,37 @@ declare const CFormTextarea: import("vue").DefineComponent<{
|
|
|
19
61
|
modelValue: {
|
|
20
62
|
type: StringConstructor;
|
|
21
63
|
default: undefined;
|
|
22
|
-
require: boolean;
|
|
23
64
|
};
|
|
24
65
|
/**
|
|
25
66
|
* Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
|
|
26
67
|
*/
|
|
27
68
|
plainText: {
|
|
28
69
|
type: BooleanConstructor;
|
|
29
|
-
required: false;
|
|
30
70
|
};
|
|
31
71
|
/**
|
|
32
72
|
* Toggle the readonly state for the component.
|
|
33
73
|
*/
|
|
34
74
|
readonly: {
|
|
35
75
|
type: BooleanConstructor;
|
|
36
|
-
required: false;
|
|
37
76
|
};
|
|
38
77
|
/**
|
|
39
|
-
*
|
|
78
|
+
* Add helper text to the component.
|
|
79
|
+
*
|
|
80
|
+
* @since 4.3.0
|
|
40
81
|
*/
|
|
41
|
-
|
|
42
|
-
type:
|
|
43
|
-
required: false;
|
|
82
|
+
text: {
|
|
83
|
+
type: StringConstructor;
|
|
44
84
|
};
|
|
85
|
+
/**
|
|
86
|
+
* Display validation feedback in a styled tooltip.
|
|
87
|
+
*
|
|
88
|
+
* @since 4.3.0
|
|
89
|
+
*/
|
|
90
|
+
tooltipFeedback: BooleanConstructor;
|
|
91
|
+
/**
|
|
92
|
+
* Set component validation state to valid.
|
|
93
|
+
*/
|
|
94
|
+
valid: BooleanConstructor;
|
|
45
95
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
46
96
|
[key: string]: any;
|
|
47
97
|
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -50,14 +100,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
|
|
|
50
100
|
*/
|
|
51
101
|
disabled: {
|
|
52
102
|
type: BooleanConstructor;
|
|
53
|
-
|
|
103
|
+
};
|
|
104
|
+
/**
|
|
105
|
+
* Provide valuable, actionable feedback.
|
|
106
|
+
*
|
|
107
|
+
* @since 4.3.0
|
|
108
|
+
*/
|
|
109
|
+
feedback: {
|
|
110
|
+
type: StringConstructor;
|
|
111
|
+
};
|
|
112
|
+
/**
|
|
113
|
+
* Provide valuable, actionable feedback.
|
|
114
|
+
*
|
|
115
|
+
* @since 4.3.0
|
|
116
|
+
*/
|
|
117
|
+
feedbackInvalid: {
|
|
118
|
+
type: StringConstructor;
|
|
119
|
+
};
|
|
120
|
+
/**
|
|
121
|
+
* Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
|
|
122
|
+
*
|
|
123
|
+
* @since 4.3.0
|
|
124
|
+
*/
|
|
125
|
+
feedbackValid: {
|
|
126
|
+
type: StringConstructor;
|
|
127
|
+
};
|
|
128
|
+
/**
|
|
129
|
+
* Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
|
|
130
|
+
*
|
|
131
|
+
* @since 4.3.0
|
|
132
|
+
*/
|
|
133
|
+
floatingLabel: {
|
|
134
|
+
type: StringConstructor;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* The id global attribute defines an identifier (ID) that must be unique in the whole document.
|
|
138
|
+
*/
|
|
139
|
+
id: {
|
|
140
|
+
type: StringConstructor;
|
|
54
141
|
};
|
|
55
142
|
/**
|
|
56
143
|
* Set component validation state to invalid.
|
|
57
144
|
*/
|
|
58
|
-
invalid:
|
|
59
|
-
|
|
60
|
-
|
|
145
|
+
invalid: BooleanConstructor;
|
|
146
|
+
/**
|
|
147
|
+
* Add a caption for a component.
|
|
148
|
+
*
|
|
149
|
+
* @since 4.3.0
|
|
150
|
+
*/
|
|
151
|
+
label: {
|
|
152
|
+
type: StringConstructor;
|
|
61
153
|
};
|
|
62
154
|
/**
|
|
63
155
|
* The default name for a value passed using v-model.
|
|
@@ -65,38 +157,47 @@ declare const CFormTextarea: import("vue").DefineComponent<{
|
|
|
65
157
|
modelValue: {
|
|
66
158
|
type: StringConstructor;
|
|
67
159
|
default: undefined;
|
|
68
|
-
require: boolean;
|
|
69
160
|
};
|
|
70
161
|
/**
|
|
71
162
|
* Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
|
|
72
163
|
*/
|
|
73
164
|
plainText: {
|
|
74
165
|
type: BooleanConstructor;
|
|
75
|
-
required: false;
|
|
76
166
|
};
|
|
77
167
|
/**
|
|
78
168
|
* Toggle the readonly state for the component.
|
|
79
169
|
*/
|
|
80
170
|
readonly: {
|
|
81
171
|
type: BooleanConstructor;
|
|
82
|
-
required: false;
|
|
83
172
|
};
|
|
84
173
|
/**
|
|
85
|
-
*
|
|
174
|
+
* Add helper text to the component.
|
|
175
|
+
*
|
|
176
|
+
* @since 4.3.0
|
|
86
177
|
*/
|
|
87
|
-
|
|
88
|
-
type:
|
|
89
|
-
required: false;
|
|
178
|
+
text: {
|
|
179
|
+
type: StringConstructor;
|
|
90
180
|
};
|
|
181
|
+
/**
|
|
182
|
+
* Display validation feedback in a styled tooltip.
|
|
183
|
+
*
|
|
184
|
+
* @since 4.3.0
|
|
185
|
+
*/
|
|
186
|
+
tooltipFeedback: BooleanConstructor;
|
|
187
|
+
/**
|
|
188
|
+
* Set component validation state to valid.
|
|
189
|
+
*/
|
|
190
|
+
valid: BooleanConstructor;
|
|
91
191
|
}>> & {
|
|
92
192
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
93
193
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
94
194
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
95
195
|
}, {
|
|
96
|
-
disabled: boolean;
|
|
97
196
|
invalid: boolean;
|
|
98
|
-
|
|
197
|
+
disabled: boolean;
|
|
99
198
|
valid: boolean;
|
|
199
|
+
tooltipFeedback: boolean;
|
|
200
|
+
modelValue: string;
|
|
100
201
|
plainText: boolean;
|
|
101
202
|
readonly: boolean;
|
|
102
203
|
}>;
|
|
@@ -87,7 +87,7 @@ declare const CModal: import("vue").DefineComponent<{
|
|
|
87
87
|
visible: BooleanConstructor;
|
|
88
88
|
}, () => (false | "" | import("vue").VNode<import("vue").RendererNode, RendererElement, {
|
|
89
89
|
[key: string]: any;
|
|
90
|
-
}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
90
|
+
}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show" | "close-prevented")[], "close" | "show" | "close-prevented", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
91
91
|
/**
|
|
92
92
|
* Align the modal in the center or top of the screen.
|
|
93
93
|
*
|
|
@@ -91,8 +91,8 @@ declare const COffcanvas: import("vue").DefineComponent<{
|
|
|
91
91
|
onHide?: ((...args: any[]) => any) | undefined;
|
|
92
92
|
onShow?: ((...args: any[]) => any) | undefined;
|
|
93
93
|
}, {
|
|
94
|
-
visible: boolean;
|
|
95
94
|
scroll: boolean;
|
|
95
|
+
visible: boolean;
|
|
96
96
|
placement: string;
|
|
97
97
|
backdrop: boolean;
|
|
98
98
|
keyboard: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const CTimePicker: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
2
|
[key: string]: any;
|
|
3
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
3
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "hide" | "show")[], "change" | "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
|
|
4
4
|
onHide?: ((...args: any[]) => any) | undefined;
|
|
5
5
|
onShow?: ((...args: any[]) => any) | undefined;
|
|
6
6
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
@@ -15,6 +15,9 @@ declare const CToast: import("vue").DefineComponent<{
|
|
|
15
15
|
*/
|
|
16
16
|
color: {
|
|
17
17
|
type: StringConstructor;
|
|
18
|
+
/**
|
|
19
|
+
* Delay hiding the toast (ms).
|
|
20
|
+
*/
|
|
18
21
|
validator: (value: string) => boolean;
|
|
19
22
|
};
|
|
20
23
|
/**
|
|
@@ -59,7 +62,7 @@ declare const CToast: import("vue").DefineComponent<{
|
|
|
59
62
|
};
|
|
60
63
|
}, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
|
|
61
64
|
[key: string]: any;
|
|
62
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
65
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show")[], "close" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
63
66
|
/**
|
|
64
67
|
* Auto hide the toast.
|
|
65
68
|
*/
|
|
@@ -75,6 +78,9 @@ declare const CToast: import("vue").DefineComponent<{
|
|
|
75
78
|
*/
|
|
76
79
|
color: {
|
|
77
80
|
type: StringConstructor;
|
|
81
|
+
/**
|
|
82
|
+
* Delay hiding the toast (ms).
|
|
83
|
+
*/
|
|
78
84
|
validator: (value: string) => boolean;
|
|
79
85
|
};
|
|
80
86
|
/**
|