@fewangsit/wangsvue-fats 1.0.0-alpha.32 → 1.0.0-alpha.34
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/components/animation/Animation.vue.d.ts +6 -6
- package/components/approverinfo/ApproverInfo.vue.d.ts +36 -36
- package/components/assetinfo/AssetInfo.vue.d.ts +18 -21
- package/components/badge/Badge.vue.d.ts +46 -46
- package/components/badgegroup/BadgeGroup.vue.d.ts +38 -38
- package/components/basecomponent/index.d.ts +15 -15
- package/components/basetree/BaseTree.vue.d.ts +458 -458
- package/components/basetree/TreeNode.vue.d.ts +25 -25
- package/components/breadcrumb/Breadcrumb.vue.d.ts +7 -7
- package/components/button/Button.vue.d.ts +147 -142
- package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts +73 -73
- package/components/buttoncopy/ButtonCopy.vue.d.ts +7 -7
- package/components/buttondownload/ButtonDownload.vue.d.ts +26 -26
- package/components/buttonfilter/ButtonFilter.vue.d.ts +4 -4
- package/components/buttonradio/ButtonRadio.vue.d.ts +189 -189
- package/components/buttonscan/ButtonScan.vue.d.ts +154 -154
- package/components/buttonscan/helpers/getErrorCode.helper.d.ts +3 -0
- package/components/buttonscan/helpers/index.d.ts +1 -0
- package/components/buttonscan/workers/scanner.worker.d.ts +1 -0
- package/components/buttonsearch/ButtonSearch.vue.d.ts +13 -13
- package/components/buttonselecttree/ButtonSelectTree.vue.d.ts +164 -164
- package/components/buttonsync/ButtonSync.vue.d.ts +10 -10
- package/components/buttontoggle/ButtonToggle.vue.d.ts +4 -4
- package/components/buttonviewlog/ButtonViewLog.vue.d.ts +6 -6
- package/components/calendar/BaseCalendar.vue.d.ts +127 -0
- package/components/calendar/Calendar.vue.d.ts +469 -469
- package/components/card/Card.vue.d.ts +82 -82
- package/components/checkbox/Checkbox.vue.d.ts +245 -245
- package/components/customcolumn/ColumnList.vue.d.ts +47 -0
- package/components/customcolumn/CustomColumn.vue.d.ts +21 -21
- package/components/customcolumn/helpers/setVisibilityColumn.helper.d.ts +16 -0
- package/components/datatable/DataTable.vue.d.ts +595 -595
- package/components/datatable/MultiRow.vue.d.ts +36 -0
- package/components/datatable/helpers/adjustMenuPosition.helper.d.ts +1 -0
- package/components/datatable/helpers/filter.helper.d.ts +38 -0
- package/components/datatable/helpers/index.d.ts +6 -0
- package/components/datatable/helpers/readConfig.helper.d.ts +5 -0
- package/components/datatable/store/dataTable.store.d.ts +25 -0
- package/components/dialog/Dialog.vue.d.ts +367 -367
- package/components/dialogconfirm/DialogConfirm.vue.d.ts +117 -117
- package/components/dialogform/DialogForm.vue.d.ts +288 -288
- package/components/dialogselecttree/DialogSelectTree.vue.d.ts +98 -98
- package/components/dropdown/Dropdown.vue.d.ts +226 -226
- package/components/editor/CodeSnippetAdapter.vue.d.ts +152 -0
- package/components/editor/Editor.vue.d.ts +156 -156
- package/components/editor/EditorButton.vue.d.ts +35 -0
- package/components/editor/MentionList.vue.d.ts +49 -0
- package/components/editor/MentionSection.vue.d.ts +152 -0
- package/components/editor/codeSnippetExtension.d.ts +3 -0
- package/components/editor/mentionSectionExtension.d.ts +3 -0
- package/components/editor/suggestion.d.ts +2 -0
- package/components/fieldwrapper/FieldWrapper.vue.d.ts +48 -48
- package/components/fileupload/FileUpload.vue.d.ts +132 -132
- package/components/filtercontainer/FilterContainer.vue.d.ts +113 -116
- package/components/filtercontainer/helpers/applyFilter.helper.d.ts +14 -0
- package/components/filtercontainer/helpers/formatDateTimeRange.helper.d.ts +7 -0
- package/components/filtercontainer/helpers/getOption.helper.d.ts +12 -0
- package/components/form/Form.vue.d.ts +258 -258
- package/components/icon/Icon.vue.d.ts +237 -235
- package/components/image/Image.vue.d.ts +306 -306
- package/components/imagecompressor/BackgroundImageCropper.vue.d.ts +59 -0
- package/components/imagecompressor/ImageCompressor.vue.d.ts +186 -186
- package/components/imagecompressor/ImageInputInfo.vue.d.ts +55 -0
- package/components/index.d.ts +58 -57
- package/components/inputbadge/InputBadge.vue.d.ts +90 -90
- package/components/inputcurrency/InputCurrency.vue.d.ts +126 -126
- package/components/inputcurrency/helpers/currency.helper.d.ts +3 -3
- package/components/inputnumber/InputNumber.vue.d.ts +245 -245
- package/components/inputpassword/InputPassword.vue.d.ts +19 -19
- package/components/inputphonenumber/InputPhoneNumber.vue.d.ts +68 -68
- package/components/inputphonenumber/helpers/getUserLocation.helper.d.ts +8 -0
- package/components/inputrangenumber/InputRangeNumber.vue.d.ts +88 -88
- package/components/inputsearch/InputSearch.vue.d.ts +11 -14
- package/components/inputtext/InputText.vue.d.ts +281 -281
- package/components/inputurl/InputURL.vue.d.ts +6 -9
- package/components/invisiblefield/InvisibleField.vue.d.ts +18 -18
- package/components/litedropdown/LiteDropdown.vue.d.ts +64 -64
- package/components/loading/Loading.vue.d.ts +5 -5
- package/components/loading/store/loading.store.d.ts +3 -3
- package/components/menu/Menu.vue.d.ts +282 -282
- package/components/menu/helpers/filterMenu.helper.d.ts +15 -0
- package/components/menu/helpers/index.d.ts +1 -0
- package/components/menuitem/MenuItem.vue +70 -0
- package/components/menuitem/MenuItem.vue.d.ts +39 -0
- package/components/menuitem/index.d.ts +84 -84
- package/components/multiselect/MultiSelect.vue.d.ts +161 -161
- package/components/overlaypanel/OverlayPanel.vue.d.ts +207 -207
- package/components/passthrough/index.d.ts +8 -8
- package/components/tabmenu/TabMenu.vue.d.ts +185 -185
- package/components/textarea/Textarea.vue.d.ts +131 -131
- package/components/timeline/Timeline.vue.d.ts +60 -60
- package/components/timeline/TimelineContentByType.vue.d.ts +64 -0
- package/components/toast/Toast.vue.d.ts +265 -265
- package/components/toggleswitch/ToggleSwitch.vue.d.ts +211 -211
- package/components/transactionroles/TransactionRoles.vue.d.ts +58 -0
- package/components/tree/Tree.vue.d.ts +116 -116
- package/components/tree/helpers/filterNodeKeys.helper.d.ts +4 -4
- package/components/tree/helpers/flattenTreeNodeChildren.helper.d.ts +1 -1
- package/components/tree/helpers/index.d.ts +3 -0
- package/components/ts-helpers.d.ts +43 -41
- package/components/username/UserName.vue.d.ts +71 -71
- package/components/userwithicon/UserWithIcon.vue.d.ts +8 -8
- package/directives/focus.d.ts +1 -1
- package/event-bus/index.d.ts +51 -51
- package/event-bus/mitt.d.ts +24 -21
- package/loading-page-BrQattYE.js +1 -0
- package/loading-page-CgfbWppy.js +1 -0
- package/loading-page-CoC9UhfC.js +4 -0
- package/loading-page-CoXtqoc9.js +4 -0
- package/loading-page-DbLuqCHa.js +1 -0
- package/loading-page-f8D03l3G.js +4 -0
- package/loading-plane-CgfbWppy.js +1 -0
- package/loading-plane-CoXtqoc9.js +4 -0
- package/loading-table-Bdr9ZhtP.js +1 -0
- package/loading-table-ByUoWqUo.js +4 -0
- package/loading-table-BygEMzFM.js +4 -0
- package/loading-table-BzrSQlA0.js +1 -0
- package/loading-table-D9bw9OcI.js +4 -0
- package/loading-table-chOgXi94.js +1 -0
- package/no-data-CTKux8RI.js +4 -0
- package/no-data-Cgze_Rvp.js +1 -0
- package/no-data-DLHO1L_u.js +4 -0
- package/no-data-Dep79CBh.js +1 -0
- package/no-data-g0dJCy2p.js +4 -0
- package/no-data-y1X5WtcQ.js +1 -0
- package/package.json +4 -8
- package/plugins/WangsVue.d.ts +226 -226
- package/plugins/formValidation.d.ts +11 -11
- package/plugins/i18n-extension.d.ts +1 -1
- package/plugins/i18n.d.ts +80 -80
- package/style.css +1 -0
- package/utils/addAttachment.util.d.ts +59 -0
- package/utils/date.util.d.ts +53 -53
- package/utils/exportToExcel.util.d.ts +20 -0
- package/utils/filterOptions.util.d.ts +5 -0
- package/utils/genPlaceholder.util.d.ts +13 -0
- package/utils/getAttachmentIcon.util.d.ts +8 -0
- package/utils/index.d.ts +28 -2
- package/utils/listenSidebarChanges.util.d.ts +9 -9
- package/utils/mergePropsWithDefaults.util.d.ts +23 -0
- package/utils/object.util.d.ts +8 -8
- package/utils/role.util.d.ts +44 -43
- package/utils/textFormatter.util.d.ts +29 -0
- package/utils/toast.util.d.ts +78 -78
- package/wangsvue-fats.es.js +123948 -0
- package/wangsvue-fats.system.js +478 -0
- package/components/buttonImportExcel/ButtonImportExcel.vue.d.ts +0 -35
- package/components/buttonsplit/ButtonSplit.vue.d.ts +0 -350
- package/components/languagedropdown/LanguageDropdown.vue.d.ts +0 -32
- package/components/treesearchinput/TreeSearchInput.vue.d.ts +0 -16
|
@@ -12,54 +12,54 @@ import { TransitionProps, VNode } from 'vue';
|
|
|
12
12
|
import { ComponentHooks } from '../basecomponent';
|
|
13
13
|
import { PassThroughOptions } from '../passthrough';
|
|
14
14
|
import {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
ClassComponent,
|
|
16
|
+
GlobalComponentConstructor,
|
|
17
|
+
PassThrough,
|
|
18
18
|
} from '../ts-helpers';
|
|
19
19
|
import { WangsIcons } from '../icon/Icon.vue.d';
|
|
20
20
|
|
|
21
21
|
export declare type ToastPassThroughOptionType =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
| ToastPassThroughAttributes
|
|
23
|
+
| ((
|
|
24
|
+
options: ToastPassThroughMethodOptions,
|
|
25
|
+
) => ToastPassThroughAttributes | string)
|
|
26
|
+
| string
|
|
27
|
+
| null
|
|
28
|
+
| undefined;
|
|
29
29
|
|
|
30
30
|
export declare type ToastPassThroughTransitionType =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
| TransitionProps
|
|
32
|
+
| ((options: ToastPassThroughMethodOptions) => TransitionProps)
|
|
33
|
+
| undefined;
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* Custom passthrough(pt) option method.
|
|
37
37
|
*/
|
|
38
38
|
export interface ToastPassThroughMethodOptions {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
39
|
+
/**
|
|
40
|
+
* Defines instance.
|
|
41
|
+
*/
|
|
42
|
+
instance: any;
|
|
43
|
+
/**
|
|
44
|
+
* Defines valid properties.
|
|
45
|
+
*/
|
|
46
|
+
props: ToastProps;
|
|
47
|
+
/**
|
|
48
|
+
* Defines current inline state.
|
|
49
|
+
*/
|
|
50
|
+
state: ToastState;
|
|
51
|
+
/**
|
|
52
|
+
* Defines valid attributes.
|
|
53
|
+
*/
|
|
54
|
+
attrs: any;
|
|
55
|
+
/**
|
|
56
|
+
* Defines parent options.
|
|
57
|
+
*/
|
|
58
|
+
parent: any;
|
|
59
|
+
/**
|
|
60
|
+
* Defines passthrough(pt) options in global config.
|
|
61
|
+
*/
|
|
62
|
+
global: object | undefined;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -67,278 +67,278 @@ export interface ToastPassThroughMethodOptions {
|
|
|
67
67
|
* @see {@link ToastProps.pt}
|
|
68
68
|
*/
|
|
69
69
|
export interface ToastPassThroughOptions {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
70
|
+
/**
|
|
71
|
+
* Used to pass attributes to the root's DOM element.
|
|
72
|
+
*/
|
|
73
|
+
root?: ToastPassThroughOptionType;
|
|
74
|
+
/**
|
|
75
|
+
* Used to pass attributes to the message's DOM element.
|
|
76
|
+
*/
|
|
77
|
+
message?: ToastPassThroughOptionType;
|
|
78
|
+
/**
|
|
79
|
+
* Used to pass attributes to the container's DOM element.
|
|
80
|
+
*/
|
|
81
|
+
container?: ToastPassThroughOptionType;
|
|
82
|
+
/**
|
|
83
|
+
* Used to pass attributes to the content's DOM element.
|
|
84
|
+
*/
|
|
85
|
+
content?: ToastPassThroughOptionType;
|
|
86
|
+
/**
|
|
87
|
+
* Used to pass attributes to the icon's DOM element.
|
|
88
|
+
*/
|
|
89
|
+
icon?: ToastPassThroughOptionType;
|
|
90
|
+
/**
|
|
91
|
+
* Used to pass attributes to the text's DOM element.
|
|
92
|
+
*/
|
|
93
|
+
text?: ToastPassThroughOptionType;
|
|
94
|
+
/**
|
|
95
|
+
* Used to pass attributes to the summary's DOM element.
|
|
96
|
+
*/
|
|
97
|
+
summary?: ToastPassThroughOptionType;
|
|
98
|
+
/**
|
|
99
|
+
* Used to pass attributes to the detail's DOM element.
|
|
100
|
+
*/
|
|
101
|
+
detail?: ToastPassThroughOptionType;
|
|
102
|
+
/**
|
|
103
|
+
* Used to pass attributes to the button container's DOM element.
|
|
104
|
+
*/
|
|
105
|
+
buttonContainer?: ToastPassThroughOptionType;
|
|
106
|
+
/**
|
|
107
|
+
* Used to pass attributes to the button's DOM element.
|
|
108
|
+
* @deprecated since v3.30.2. Use 'closeButton' option.
|
|
109
|
+
*/
|
|
110
|
+
button?: ToastPassThroughOptionType;
|
|
111
|
+
/**
|
|
112
|
+
* Used to pass attributes to the button's DOM element.
|
|
113
|
+
*/
|
|
114
|
+
closeButton?: ToastPassThroughOptionType;
|
|
115
|
+
/**
|
|
116
|
+
* Used to pass attributes to the button icon's DOM element.
|
|
117
|
+
* @deprecated since v3.30.2. Use 'closeIcon' option.
|
|
118
|
+
*/
|
|
119
|
+
buttonIcon?: ToastPassThroughOptionType;
|
|
120
|
+
/**
|
|
121
|
+
* Used to pass attributes to the button icon's DOM element.
|
|
122
|
+
*/
|
|
123
|
+
closeIcon?: ToastPassThroughOptionType;
|
|
124
|
+
/**
|
|
125
|
+
* Used to manage all lifecycle hooks.
|
|
126
|
+
* @see {@link BaseComponent.ComponentHooks}
|
|
127
|
+
*/
|
|
128
|
+
hooks?: ComponentHooks;
|
|
129
|
+
/**
|
|
130
|
+
* Used to control Vue Transition API.
|
|
131
|
+
*/
|
|
132
|
+
transition?: ToastPassThroughTransitionType;
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
/**
|
|
136
136
|
* Custom passthrough attributes for each DOM elements
|
|
137
137
|
*/
|
|
138
138
|
export interface ToastPassThroughAttributes {
|
|
139
|
-
|
|
139
|
+
[key: string]: any;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
/**
|
|
143
143
|
* Defines message options in Toast component.
|
|
144
144
|
*/
|
|
145
145
|
export interface ToastMessageOptions {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
146
|
+
/**
|
|
147
|
+
* Severity level of the message.
|
|
148
|
+
* @defaultValue info
|
|
149
|
+
*/
|
|
150
|
+
severity?:
|
|
151
|
+
| 'success'
|
|
152
|
+
| 'info'
|
|
153
|
+
| 'warn'
|
|
154
|
+
| 'error'
|
|
155
|
+
| 'secondary'
|
|
156
|
+
| 'contrast'
|
|
157
|
+
| undefined;
|
|
158
|
+
/**
|
|
159
|
+
* Summary content of the message.
|
|
160
|
+
*/
|
|
161
|
+
summary?: string | undefined;
|
|
162
|
+
/**
|
|
163
|
+
* Detail content of the message.
|
|
164
|
+
*/
|
|
165
|
+
detail?: any | undefined;
|
|
166
|
+
/**
|
|
167
|
+
* Whether the message can be closed manually using the close icon.
|
|
168
|
+
* @defaultValue true
|
|
169
|
+
*/
|
|
170
|
+
closable?: boolean | undefined;
|
|
171
|
+
/**
|
|
172
|
+
* Delay in milliseconds to close the message automatically.
|
|
173
|
+
*/
|
|
174
|
+
life?: number | undefined;
|
|
175
|
+
/**
|
|
176
|
+
* Key of the Toast to display the message.
|
|
177
|
+
*/
|
|
178
|
+
group?: string | undefined;
|
|
179
|
+
/**
|
|
180
|
+
* Style class of the message.
|
|
181
|
+
*/
|
|
182
|
+
styleClass?: any;
|
|
183
|
+
/**
|
|
184
|
+
* Style class of the content.
|
|
185
|
+
*/
|
|
186
|
+
contentStyleClass?: any;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
/**
|
|
190
190
|
* Defines breakpoints type in Toast component.
|
|
191
191
|
*/
|
|
192
192
|
export interface ToastBreakpointsType {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
193
|
+
/**
|
|
194
|
+
* Breakpoint for responsive mode.
|
|
195
|
+
*
|
|
196
|
+
* Example:
|
|
197
|
+
*
|
|
198
|
+
* <Toast :breakpoints="{'960px': { width: '75vw', ... }" ... />
|
|
199
|
+
*
|
|
200
|
+
*/
|
|
201
|
+
[key: string]: any;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
/**
|
|
205
205
|
* Defines current inline state in Toast component.
|
|
206
206
|
*/
|
|
207
207
|
export interface ToastState {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
208
|
+
/**
|
|
209
|
+
* Current messages.
|
|
210
|
+
*/
|
|
211
|
+
messages: any[];
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
/**
|
|
215
215
|
* Defines valid properties in Toast component.
|
|
216
216
|
*/
|
|
217
217
|
export interface ToastProps {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
218
|
+
/**
|
|
219
|
+
* Unique identifier of a message group.
|
|
220
|
+
*/
|
|
221
|
+
group?: string | undefined;
|
|
222
|
+
/**
|
|
223
|
+
* Position of the toast in viewport.
|
|
224
|
+
* @defaultValue bottom-right
|
|
225
|
+
*/
|
|
226
|
+
position?:
|
|
227
|
+
| 'top-left'
|
|
228
|
+
| 'top-center'
|
|
229
|
+
| 'top-right'
|
|
230
|
+
| 'bottom-left'
|
|
231
|
+
| 'bottom-center'
|
|
232
|
+
| 'bottom-right'
|
|
233
|
+
| 'center'
|
|
234
|
+
| undefined;
|
|
235
|
+
/**
|
|
236
|
+
* Whether to automatically manage layering.
|
|
237
|
+
* @defaultValue true
|
|
238
|
+
*/
|
|
239
|
+
autoZIndex?: boolean | undefined;
|
|
240
|
+
/**
|
|
241
|
+
* Base zIndex value to use in layering.
|
|
242
|
+
* @defaultValue 0
|
|
243
|
+
*/
|
|
244
|
+
baseZIndex?: number | undefined;
|
|
245
|
+
/**
|
|
246
|
+
* Object literal to define styles per screen size.
|
|
247
|
+
* @see ToastBreakpointsType
|
|
248
|
+
*/
|
|
249
|
+
breakpoints?: ToastBreakpointsType;
|
|
250
|
+
/**
|
|
251
|
+
* Used to access message options.
|
|
252
|
+
* @type {ToastMessageOptions}
|
|
253
|
+
*/
|
|
254
|
+
message?: ToastMessageOptions;
|
|
255
|
+
icon?: WangsIcons;
|
|
256
|
+
/**
|
|
257
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
258
|
+
* @type {ToastPassThroughOptions}
|
|
259
|
+
*/
|
|
260
|
+
pt?: PassThrough<ToastPassThroughOptions>;
|
|
261
|
+
/**
|
|
262
|
+
* Used to configure passthrough(pt) options of the component.
|
|
263
|
+
* @type {PassThroughOptions}
|
|
264
|
+
*/
|
|
265
|
+
ptOptions?: PassThroughOptions;
|
|
266
|
+
/**
|
|
267
|
+
* When enabled, it removes component related styles in the core.
|
|
268
|
+
* @defaultValue false
|
|
269
|
+
*/
|
|
270
|
+
unstyled?: boolean;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
273
|
/**
|
|
274
274
|
* Defines valid slot in Toast component.
|
|
275
275
|
*/
|
|
276
276
|
export interface ToastSlots {
|
|
277
|
-
/**
|
|
278
|
-
* Custom message template.
|
|
279
|
-
* @param {Object} scope - message slot's params.
|
|
280
|
-
*/
|
|
281
|
-
message(scope: {
|
|
282
277
|
/**
|
|
283
|
-
*
|
|
278
|
+
* Custom message template.
|
|
279
|
+
* @param {Object} scope - message slot's params.
|
|
284
280
|
*/
|
|
285
|
-
message:
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
icon(scope: {
|
|
281
|
+
message(scope: {
|
|
282
|
+
/**
|
|
283
|
+
* Message of the component
|
|
284
|
+
*/
|
|
285
|
+
message: any;
|
|
286
|
+
}): VNode[];
|
|
292
287
|
/**
|
|
293
|
-
*
|
|
288
|
+
* Custom icon template.
|
|
289
|
+
* @param {Object} scope - icon slot's params.
|
|
294
290
|
*/
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
closeicon(scope: {
|
|
291
|
+
icon(scope: {
|
|
292
|
+
/**
|
|
293
|
+
* Style class of the icon
|
|
294
|
+
*/
|
|
295
|
+
class: any;
|
|
296
|
+
}): VNode[];
|
|
302
297
|
/**
|
|
303
|
-
*
|
|
298
|
+
* Custom close icon template.
|
|
299
|
+
* @param {Object} scope - close icon slot's params.
|
|
304
300
|
*/
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
container(scope: {
|
|
301
|
+
closeicon(scope: {
|
|
302
|
+
/**
|
|
303
|
+
* Style class of the close icon
|
|
304
|
+
*/
|
|
305
|
+
class: any;
|
|
306
|
+
}): VNode[];
|
|
312
307
|
/**
|
|
313
|
-
*
|
|
308
|
+
* Custom container slot.
|
|
309
|
+
* @param {Object} scope - container slot's params.
|
|
314
310
|
*/
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
311
|
+
container(scope: {
|
|
312
|
+
/**
|
|
313
|
+
* Message of the component
|
|
314
|
+
*/
|
|
315
|
+
message: any;
|
|
316
|
+
/**
|
|
317
|
+
* Close toast function
|
|
318
|
+
* @deprecated since v3.39.0. Use 'closeCallback' property instead.
|
|
319
|
+
*/
|
|
320
|
+
onClose: () => void;
|
|
321
|
+
/**
|
|
322
|
+
* Close sidebar function.
|
|
323
|
+
*/
|
|
324
|
+
closeCallback: () => void;
|
|
325
|
+
}): VNode[];
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
/**
|
|
329
329
|
* Defines valid emits in Toast component.
|
|
330
330
|
*/
|
|
331
331
|
export type ToastEmits = {
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
332
|
+
/**
|
|
333
|
+
* Callback to invoke when the toast is closed.
|
|
334
|
+
* @param {ToastMessageOptions} message - Toast message.
|
|
335
|
+
*/
|
|
336
|
+
close: [message: ToastMessageOptions];
|
|
337
|
+
/**
|
|
338
|
+
* Callback to invoke when the toast's timeout is over.
|
|
339
|
+
* @param {ToastMessageOptions} message - Toast message.
|
|
340
|
+
*/
|
|
341
|
+
lifeEnd: [message: ToastMessageOptions];
|
|
342
342
|
};
|
|
343
343
|
|
|
344
344
|
/**
|
|
@@ -353,15 +353,15 @@ export type ToastEmits = {
|
|
|
353
353
|
*
|
|
354
354
|
*/
|
|
355
355
|
declare class Toast extends ClassComponent<
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
356
|
+
ToastProps,
|
|
357
|
+
ToastSlots,
|
|
358
|
+
ToastEmits
|
|
359
359
|
> {}
|
|
360
360
|
|
|
361
361
|
declare module '@vue/runtime-core' {
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
362
|
+
interface GlobalComponents {
|
|
363
|
+
Toast: GlobalComponentConstructor<Toast>;
|
|
364
|
+
}
|
|
365
365
|
}
|
|
366
366
|
|
|
367
367
|
export default Toast;
|