@weni/unnnic-system 3.9.1-alpha.0 → 3.9.1-alpha.2
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/CHANGELOG.md +1 -1
- package/dist/components/Button/Button.vue.d.ts.map +1 -1
- package/dist/components/DateFilter/DateFilter.vue.d.ts +3 -82
- package/dist/components/Input/BaseInput.vue.d.ts +0 -22
- package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/Input/Input.vue.d.ts +3 -82
- package/dist/components/Input/Input.vue.d.ts.map +1 -1
- package/dist/components/Input/TextInput.vue.d.ts +2 -53
- package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +4 -83
- package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts +29 -194
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +3 -82
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +2 -53
- package/dist/components/SelectTime/index.vue.d.ts +2 -53
- package/dist/components/Tag/DefaultTag.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +236 -1728
- package/dist/components/index.d.ts.map +1 -1
- package/dist/{es-ed9b7d22.mjs → es-d456f02a.mjs} +1 -1
- package/dist/{index-bbfce723.mjs → index-120e037a.mjs} +11411 -12212
- package/dist/locales/en.json.d.ts +1 -2
- package/dist/locales/es.json.d.ts +1 -2
- package/dist/locales/pt_br.json.d.ts +1 -2
- package/dist/{pt-br-8c45d7e7.mjs → pt-br-b627c074.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +179 -195
- package/dist/unnnic.umd.js +34 -41
- package/package.json +1 -1
- package/src/assets/scss/tailwind.scss +0 -8
- package/src/components/Alert/__tests__/__snapshots__/Version1dot1.spec.js.snap +1 -1
- package/src/components/Button/Button.vue +0 -1
- package/src/components/Input/BaseInput.vue +2 -21
- package/src/components/Input/Input.scss +3 -3
- package/src/components/Input/Input.vue +1 -19
- package/src/components/Input/TextInput.vue +21 -62
- package/src/components/ModalDialog/ModalDialog.vue +146 -60
- package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +22 -1
- package/src/components/Radio/__test__/__snapshots__/Radio.spec.js.snap +1 -0
- package/src/components/Tag/DefaultTag.vue +0 -5
- package/src/components/index.ts +23 -55
- package/src/locales/en.json +1 -2
- package/src/locales/es.json +1 -2
- package/src/locales/pt_br.json +1 -2
- package/src/stories/ModalDialog.mdx +0 -3
- package/src/stories/ModalDialog.stories.js +1 -1
- package/dist/components/PageHeader/PageHeader.vue.d.ts +0 -28
- package/dist/components/PageHeader/PageHeader.vue.d.ts.map +0 -1
- package/dist/components/PageHeader/index.d.ts +0 -3
- package/dist/components/PageHeader/index.d.ts.map +0 -1
- package/dist/components/PageHeader/types.d.ts +0 -9
- package/dist/components/PageHeader/types.d.ts.map +0 -1
- package/dist/components/ui/dialog/Dialog.vue.d.ts +0 -23
- package/dist/components/ui/dialog/Dialog.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogClose.vue.d.ts +0 -19
- package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +0 -40
- package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts +0 -25
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts +0 -29
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts +0 -23
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +0 -19
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/index.d.ts +0 -8
- package/dist/components/ui/dialog/index.d.ts.map +0 -1
- package/src/components/Alert/SIMPLE_MIGRATION_GUIDE.md +0 -152
- package/src/components/PageHeader/PageHeader.vue +0 -154
- package/src/components/PageHeader/index.ts +0 -2
- package/src/components/PageHeader/types.ts +0 -10
- package/src/components/Popover/__tests__/Popover.spec.js +0 -147
- package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +0 -8
- package/src/components/Popover/index.vue +0 -146
- package/src/components/Select/SelectOption.vue +0 -65
- package/src/components/Select/__tests__/Select.spec.js +0 -412
- package/src/components/Select/__tests__/SelectItem.spec.js +0 -330
- package/src/components/Select/__tests__/SelectOption.spec.js +0 -174
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +0 -97
- package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +0 -15
- package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +0 -25
- package/src/components/Select/index.vue +0 -245
- package/src/components/ui/dialog/Dialog.vue +0 -15
- package/src/components/ui/dialog/DialogClose.vue +0 -25
- package/src/components/ui/dialog/DialogContent.vue +0 -114
- package/src/components/ui/dialog/DialogFooter.vue +0 -46
- package/src/components/ui/dialog/DialogHeader.vue +0 -79
- package/src/components/ui/dialog/DialogTitle.vue +0 -34
- package/src/components/ui/dialog/DialogTrigger.vue +0 -12
- package/src/components/ui/dialog/index.ts +0 -7
- package/src/stories/Dialog.stories.js +0 -832
- package/src/stories/PageHeader.stories.js +0 -330
- package/src/stories/Select.stories.js +0 -158
package/src/components/index.ts
CHANGED
|
@@ -89,28 +89,20 @@ import ModalDialog from './ModalDialog/ModalDialog.vue';
|
|
|
89
89
|
import Tour from './Tour/Tour.vue';
|
|
90
90
|
import Navigator from './Navigator/index.vue';
|
|
91
91
|
import SelectTime from './SelectTime/index.vue';
|
|
92
|
-
import TemplatePreview from './TemplatePreview/TemplatePreview.vue';
|
|
93
|
-
import TemplatePreviewModal from './TemplatePreview/TemplatePreviewModal.vue';
|
|
94
92
|
import DataTable from './DataTable/index.vue';
|
|
95
93
|
import Chip from './Chip/Chip.vue';
|
|
96
94
|
import Toast from './Toast/Toast.vue';
|
|
97
95
|
import { toast } from './Toast/ToastManager';
|
|
98
|
-
import Popover from './ui/popover/Popover.vue';
|
|
99
|
-
import PopoverContent from './ui/popover/PopoverContent.vue';
|
|
100
|
-
import PopoverTrigger from './ui/popover/PopoverTrigger.vue';
|
|
101
|
-
import PopoverFooter from './ui/popover/PopoverFooter.vue';
|
|
102
|
-
import Dialog from './ui/dialog/Dialog.vue';
|
|
103
|
-
import DialogContent from './ui/dialog/DialogContent.vue';
|
|
104
|
-
import DialogFooter from './ui/dialog/DialogFooter.vue';
|
|
105
|
-
import DialogHeader from './ui/dialog/DialogHeader.vue';
|
|
106
|
-
import DialogTitle from './ui/dialog/DialogTitle.vue';
|
|
107
|
-
import DialogTrigger from './ui/dialog/DialogTrigger.vue';
|
|
108
|
-
import DialogClose from './ui/dialog/DialogClose.vue';
|
|
109
96
|
import Tabs from './ui/tabs/Tabs.vue';
|
|
110
97
|
import TabsList from './ui/tabs/TabsList.vue';
|
|
111
98
|
import TabsTrigger from './ui/tabs/TabsTrigger.vue';
|
|
112
99
|
import TabsContent from './ui/tabs/TabsContent.vue';
|
|
113
|
-
import
|
|
100
|
+
import Popover from './ui/popover/Popover.vue';
|
|
101
|
+
import PopoverContent from './ui/popover/PopoverContent.vue';
|
|
102
|
+
import PopoverTrigger from './ui/popover/PopoverTrigger.vue';
|
|
103
|
+
import PopoverFooter from './ui/popover/PopoverFooter.vue';
|
|
104
|
+
import TemplatePreview from './TemplatePreview/TemplatePreview.vue';
|
|
105
|
+
import TemplatePreviewModal from './TemplatePreview/TemplatePreviewModal.vue';
|
|
114
106
|
|
|
115
107
|
type VueComponent = Component;
|
|
116
108
|
|
|
@@ -216,21 +208,13 @@ export const components: ComponentsMap = {
|
|
|
216
208
|
unnnicChip: Chip,
|
|
217
209
|
unnnicToast: Toast,
|
|
218
210
|
unnnicToastManager: toast,
|
|
219
|
-
unnnicPopover: Popover,
|
|
220
|
-
unnnicPopoverContent: PopoverContent,
|
|
221
|
-
unnnicPopoverTrigger: PopoverTrigger,
|
|
222
|
-
unnnicDialog: Dialog,
|
|
223
|
-
unnnicDialogContent: DialogContent,
|
|
224
|
-
unnnicDialogFooter: DialogFooter,
|
|
225
|
-
unnnicDialogHeader: DialogHeader,
|
|
226
|
-
unnnicDialogTitle: DialogTitle,
|
|
227
|
-
unnnicDialogTrigger: DialogTrigger,
|
|
228
|
-
unnnicDialogClose: DialogClose,
|
|
229
211
|
unnnicTabs: Tabs,
|
|
230
212
|
unnnicTabsList: TabsList,
|
|
231
213
|
unnnicTabsTrigger: TabsTrigger,
|
|
232
214
|
unnnicTabsContent: TabsContent,
|
|
233
|
-
|
|
215
|
+
unnnicPopover: Popover,
|
|
216
|
+
unnnicPopoverContent: PopoverContent,
|
|
217
|
+
unnnicPopoverTrigger: PopoverTrigger,
|
|
234
218
|
};
|
|
235
219
|
|
|
236
220
|
export const unnnicFontSize = fontSize;
|
|
@@ -324,29 +308,21 @@ export const unnnicDrawer = Drawer;
|
|
|
324
308
|
export const unnnicTableNext = TableNext;
|
|
325
309
|
export const unnnicTour = Tour;
|
|
326
310
|
export const unnnicNavigator = Navigator;
|
|
327
|
-
export const unnnicSelectTime = SelectTime as VueComponent;
|
|
328
|
-
export const unnnicTemplatePreview = TemplatePreview as VueComponent;
|
|
329
|
-
export const unnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
|
|
330
311
|
export const unnnicDataTable = DataTable as VueComponent;
|
|
312
|
+
export const unnnicSelectTime = SelectTime as VueComponent;
|
|
331
313
|
export const unnnicChip = Chip;
|
|
332
314
|
export const unnnicToast = Toast;
|
|
333
315
|
export const unnnicToastManager = toast;
|
|
334
|
-
export const unnnicPopover = Popover;
|
|
335
|
-
export const unnnicPopoverContent = PopoverContent;
|
|
336
|
-
export const unnnicPopoverTrigger = PopoverTrigger;
|
|
337
|
-
export const unnnicPopoverFooter = PopoverFooter;
|
|
338
|
-
export const unnnicDialog = Dialog;
|
|
339
|
-
export const unnnicDialogContent = DialogContent;
|
|
340
|
-
export const unnnicDialogFooter = DialogFooter;
|
|
341
|
-
export const unnnicDialogHeader = DialogHeader;
|
|
342
|
-
export const unnnicDialogTitle = DialogTitle;
|
|
343
|
-
export const unnnicDialogTrigger = DialogTrigger;
|
|
344
|
-
export const unnnicDialogClose = DialogClose;
|
|
345
316
|
export const unnnicTabs = Tabs;
|
|
346
317
|
export const unnnicTabsList = TabsList;
|
|
347
318
|
export const unnnicTabsTrigger = TabsTrigger;
|
|
348
319
|
export const unnnicTabsContent = TabsContent;
|
|
349
|
-
export const
|
|
320
|
+
export const unnnicPopover = Popover;
|
|
321
|
+
export const unnnicPopoverContent = PopoverContent;
|
|
322
|
+
export const unnnicPopoverTrigger = PopoverTrigger;
|
|
323
|
+
export const unnnicPopoverFooter = PopoverFooter;
|
|
324
|
+
export const unnnicTemplatePreview = TemplatePreview as VueComponent;
|
|
325
|
+
export const unnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
|
|
350
326
|
|
|
351
327
|
export const UnnnicFontSize = fontSize;
|
|
352
328
|
export const UnnnicInput = input;
|
|
@@ -438,26 +414,18 @@ export const UnnnicDrawer = Drawer;
|
|
|
438
414
|
export const UnnnicTableNext = TableNext;
|
|
439
415
|
export const UnnnicTour = Tour;
|
|
440
416
|
export const UnnnicNavigator = Navigator;
|
|
441
|
-
export const UnnnicSelectTime = SelectTime as VueComponent;
|
|
442
|
-
export const UnnnicTemplatePreview = TemplatePreview as VueComponent;
|
|
443
|
-
export const UnnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
|
|
444
417
|
export const UnnnicDataTable = DataTable as VueComponent;
|
|
418
|
+
export const UnnnicSelectTime = SelectTime as VueComponent;
|
|
445
419
|
export const UnnnicChip = Chip;
|
|
446
420
|
export const UnnnicToast = Toast;
|
|
447
421
|
export const UnnnicToastManager = toast;
|
|
448
|
-
export const UnnnicPopover = Popover;
|
|
449
|
-
export const UnnnicPopoverContent = PopoverContent;
|
|
450
|
-
export const UnnnicPopoverTrigger = PopoverTrigger;
|
|
451
|
-
export const UnnnicPopoverFooter = PopoverFooter;
|
|
452
|
-
export const UnnnicDialog = Dialog;
|
|
453
|
-
export const UnnnicDialogContent = DialogContent;
|
|
454
|
-
export const UnnnicDialogFooter = DialogFooter;
|
|
455
|
-
export const UnnnicDialogHeader = DialogHeader;
|
|
456
|
-
export const UnnnicDialogTitle = DialogTitle;
|
|
457
|
-
export const UnnnicDialogTrigger = DialogTrigger;
|
|
458
|
-
export const UnnnicDialogClose = DialogClose;
|
|
459
422
|
export const UnnnicTabs = Tabs;
|
|
460
423
|
export const UnnnicTabsList = TabsList;
|
|
461
424
|
export const UnnnicTabsTrigger = TabsTrigger;
|
|
462
425
|
export const UnnnicTabsContent = TabsContent;
|
|
463
|
-
export const
|
|
426
|
+
export const UnnnicPopover = Popover;
|
|
427
|
+
export const UnnnicPopoverContent = PopoverContent;
|
|
428
|
+
export const UnnnicPopoverTrigger = PopoverTrigger;
|
|
429
|
+
export const UnnnicPopoverFooter = PopoverFooter;
|
|
430
|
+
export const UnnnicTemplatePreview = TemplatePreview as VueComponent;
|
|
431
|
+
export const UnnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
|
package/src/locales/en.json
CHANGED
package/src/locales/es.json
CHANGED
package/src/locales/pt_br.json
CHANGED
|
@@ -6,9 +6,6 @@ import * as ModalDialogStories from './ModalDialog.stories';
|
|
|
6
6
|
|
|
7
7
|
# ModalDialog
|
|
8
8
|
|
|
9
|
-
> **⚠️ DEPRECATED**: This component has been deprecated in favor of the new `Dialog` component. Please use `UnnnicDialog`
|
|
10
|
-
instead for new implementations. See the [Dialog documentation](?path=/docs/feedback-dialog--docs) for more information.
|
|
11
|
-
|
|
12
9
|
The ModalDialog was designed to inform the user about a specific task, request information, or involve other tasks.
|
|
13
10
|
|
|
14
11
|
<Source
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { PageHeaderProps } from './types';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
tag?(_: {}): any;
|
|
6
|
-
actions?(_: {}): any;
|
|
7
|
-
tabs?(_: {}): any;
|
|
8
|
-
};
|
|
9
|
-
refs: {};
|
|
10
|
-
rootEl: HTMLElement;
|
|
11
|
-
};
|
|
12
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
-
declare const __VLS_component: import('vue').DefineComponent<PageHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
|
-
back: () => any;
|
|
15
|
-
}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{
|
|
16
|
-
onBack?: (() => any) | undefined;
|
|
17
|
-
}>, {
|
|
18
|
-
description: string;
|
|
19
|
-
hasBackButton: boolean;
|
|
20
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
21
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
-
export default _default;
|
|
23
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
-
new (): {
|
|
25
|
-
$slots: S;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=PageHeader.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.vue"],"names":[],"mappings":"AAsDA;AAgKA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAyBhE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;qBAZzB,GAAG;yBACC,GAAG;sBACN,GAAG;;;;EAe5B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;qFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { DialogRootProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<DialogRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
-
"update:open": (value: boolean) => any;
|
|
13
|
-
}, string, import('vue').PublicProps, Readonly<DialogRootProps> & Readonly<{
|
|
14
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
15
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
-
export default _default;
|
|
18
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
-
new (): {
|
|
20
|
-
$slots: S;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=Dialog.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/Dialog.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,SAAS,CAAC;AAYhE,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { DialogCloseProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<DialogCloseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
-
new (): {
|
|
16
|
-
$slots: S;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=DialogClose.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogClose.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogClose.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQhD,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { DialogContentProps } from 'reka-ui';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
type __VLS_Props = DialogContentProps & {
|
|
4
|
-
class?: HTMLAttributes['class'];
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
};
|
|
7
|
-
declare function __VLS_template(): {
|
|
8
|
-
attrs: Partial<{}>;
|
|
9
|
-
slots: {
|
|
10
|
-
default?(_: {}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
13
|
-
rootEl: any;
|
|
14
|
-
};
|
|
15
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
-
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
18
|
-
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
19
|
-
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
20
|
-
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
21
|
-
openAutoFocus: (event: Event) => any;
|
|
22
|
-
closeAutoFocus: (event: Event) => any;
|
|
23
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
-
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
25
|
-
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
26
|
-
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
27
|
-
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
28
|
-
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
|
-
}>, {
|
|
31
|
-
size: "small" | "medium" | "large";
|
|
32
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
-
export default _default;
|
|
35
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
-
new (): {
|
|
37
|
-
$slots: S;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=DialogContent.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogContent.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1C,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAClC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAqBN,iBAAS,cAAc;WAyET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;UApHR,OAAO,GAAG,QAAQ,GAAG,OAAO;6EA6HvC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
class?: HTMLAttributes['class'];
|
|
4
|
-
divider?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare function __VLS_template(): {
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: {
|
|
9
|
-
default?(_: {}): any;
|
|
10
|
-
};
|
|
11
|
-
refs: {};
|
|
12
|
-
rootEl: HTMLElement;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
-
divider: boolean;
|
|
17
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
18
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
-
export default _default;
|
|
20
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
-
new (): {
|
|
22
|
-
$slots: S;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=DialogFooter.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogFooter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogFooter.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa1E,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7D2C,OAAO;qFAqErE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
class?: HTMLAttributes['class'];
|
|
4
|
-
divider?: boolean;
|
|
5
|
-
type?: 'default' | 'success' | 'warning' | 'attention';
|
|
6
|
-
closeButton?: boolean;
|
|
7
|
-
};
|
|
8
|
-
declare function __VLS_template(): {
|
|
9
|
-
attrs: Partial<{}>;
|
|
10
|
-
slots: {
|
|
11
|
-
default?(_: {}): any;
|
|
12
|
-
};
|
|
13
|
-
refs: {};
|
|
14
|
-
rootEl: HTMLElement;
|
|
15
|
-
};
|
|
16
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
|
-
type: "default" | "success" | "warning" | "attention";
|
|
19
|
-
divider: boolean;
|
|
20
|
-
closeButton: boolean;
|
|
21
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
22
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
-
export default _default;
|
|
24
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
-
new (): {
|
|
26
|
-
$slots: S;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=DialogHeader.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogHeader.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAwBJ,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAxHV,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW;aAD5C,OAAO;iBAEH,OAAO;qFA+HvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { DialogTitleProps } from 'reka-ui';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
type __VLS_Props = DialogTitleProps & {
|
|
4
|
-
class?: HTMLAttributes['class'];
|
|
5
|
-
};
|
|
6
|
-
declare function __VLS_template(): {
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: {
|
|
9
|
-
default?(_: {}): any;
|
|
10
|
-
};
|
|
11
|
-
refs: {};
|
|
12
|
-
rootEl: any;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
-
export default _default;
|
|
18
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
-
new (): {
|
|
20
|
-
$slots: S;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=DialogTitle.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogTitle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogTitle.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAW1E,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { DialogTriggerProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
-
new (): {
|
|
16
|
-
$slots: S;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=DialogTrigger.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogTrigger.vue"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { default as Dialog } from './Dialog.vue';
|
|
2
|
-
export { default as DialogClose } from './DialogClose.vue';
|
|
3
|
-
export { default as DialogContent } from './DialogContent.vue';
|
|
4
|
-
export { default as DialogFooter } from './DialogFooter.vue';
|
|
5
|
-
export { default as DialogHeader } from './DialogHeader.vue';
|
|
6
|
-
export { default as DialogTitle } from './DialogTitle.vue';
|
|
7
|
-
export { default as DialogTrigger } from './DialogTrigger.vue';
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
# 🚀 Guia de Migração: Alert → Toast
|
|
2
|
-
|
|
3
|
-
## 📦 Importação
|
|
4
|
-
|
|
5
|
-
**ANTES:**
|
|
6
|
-
|
|
7
|
-
```javascript
|
|
8
|
-
import Unnnic from '@weni/unnnic-system';
|
|
9
|
-
|
|
10
|
-
Unnnic.unnnicCallAlert(...);
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
**DEPOIS:**
|
|
14
|
-
|
|
15
|
-
```javascript
|
|
16
|
-
import { toast } from "@weni/unnnic-system";
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
---
|
|
20
|
-
|
|
21
|
-
## 📋 Mapeamento de Propriedades
|
|
22
|
-
|
|
23
|
-
| Alert | Toast | Alteração |
|
|
24
|
-
| ------------------- | ------------------- | ------------------------------- |
|
|
25
|
-
| `text` | `title` | Propriedade renomeada |
|
|
26
|
-
| `seconds` | `timeout` | Agora em **milissegundos (ms)** |
|
|
27
|
-
| `type: 'success'` | `toast.success()` | Substituído por método direto |
|
|
28
|
-
| `type: 'error'` | `toast.error()` | Substituído por método direto |
|
|
29
|
-
| `type: 'attention'` | `toast.attention()` | Substituído por método direto |
|
|
30
|
-
| `type: 'default'` | `toast.info()` | Substituído por método direto |
|
|
31
|
-
|
|
32
|
-
---
|
|
33
|
-
|
|
34
|
-
## 🔄 Exemplos de Uso
|
|
35
|
-
|
|
36
|
-
### Exemplo 1 – Uso com Função
|
|
37
|
-
|
|
38
|
-
**ANTES:**
|
|
39
|
-
|
|
40
|
-
```javascript
|
|
41
|
-
// callAlert
|
|
42
|
-
alert.callAlert({
|
|
43
|
-
props: {
|
|
44
|
-
text: "Dados salvos com sucesso!",
|
|
45
|
-
type: "success",
|
|
46
|
-
},
|
|
47
|
-
seconds: 3,
|
|
48
|
-
});
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
**DEPOIS:**
|
|
52
|
-
|
|
53
|
-
```javascript
|
|
54
|
-
// toast
|
|
55
|
-
toast.success("Dados salvos com sucesso!");
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
---
|
|
59
|
-
|
|
60
|
-
### Exemplo 2 – Uso com Componente
|
|
61
|
-
|
|
62
|
-
**ANTES:**
|
|
63
|
-
|
|
64
|
-
```vue
|
|
65
|
-
<!-- UnnnicAlert -->
|
|
66
|
-
<UnnnicAlert
|
|
67
|
-
text="Dados salvos com sucesso!"
|
|
68
|
-
type="success"
|
|
69
|
-
@close="handleClose"
|
|
70
|
-
/>
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
**DEPOIS:**
|
|
74
|
-
|
|
75
|
-
```vue
|
|
76
|
-
<!-- UnnnicToast -->
|
|
77
|
-
<UnnnicToast
|
|
78
|
-
title="Dados salvos com sucesso!"
|
|
79
|
-
type="success"
|
|
80
|
-
@close="handleClose"
|
|
81
|
-
/>
|
|
82
|
-
```
|
|
83
|
-
|
|
84
|
-
---
|
|
85
|
-
|
|
86
|
-
## 📚 Casos Comuns
|
|
87
|
-
|
|
88
|
-
### ✅ Sucesso
|
|
89
|
-
|
|
90
|
-
**ANTES:**
|
|
91
|
-
|
|
92
|
-
```javascript
|
|
93
|
-
alert.callAlert({
|
|
94
|
-
props: {
|
|
95
|
-
text: "Dados salvos com sucesso!",
|
|
96
|
-
type: "success",
|
|
97
|
-
},
|
|
98
|
-
seconds: 5,
|
|
99
|
-
});
|
|
100
|
-
```
|
|
101
|
-
|
|
102
|
-
**DEPOIS:**
|
|
103
|
-
|
|
104
|
-
```javascript
|
|
105
|
-
toast.success("Dados salvos com sucesso!");
|
|
106
|
-
```
|
|
107
|
-
|
|
108
|
-
---
|
|
109
|
-
|
|
110
|
-
### ❌ Erro
|
|
111
|
-
|
|
112
|
-
**ANTES:**
|
|
113
|
-
|
|
114
|
-
```javascript
|
|
115
|
-
alert.callAlert({
|
|
116
|
-
props: {
|
|
117
|
-
text: "Erro ao salvar dados",
|
|
118
|
-
type: "error",
|
|
119
|
-
},
|
|
120
|
-
seconds: 5,
|
|
121
|
-
});
|
|
122
|
-
```
|
|
123
|
-
|
|
124
|
-
**DEPOIS:**
|
|
125
|
-
|
|
126
|
-
```javascript
|
|
127
|
-
toast.error("Erro ao salvar dados");
|
|
128
|
-
```
|
|
129
|
-
|
|
130
|
-
---
|
|
131
|
-
|
|
132
|
-
### ⏱ Timeout Personalizado
|
|
133
|
-
|
|
134
|
-
**ANTES:**
|
|
135
|
-
|
|
136
|
-
```javascript
|
|
137
|
-
alert.callAlert({
|
|
138
|
-
props: {
|
|
139
|
-
text: "Mensagem importante",
|
|
140
|
-
type: "success",
|
|
141
|
-
},
|
|
142
|
-
seconds: 10, // 10 segundos
|
|
143
|
-
});
|
|
144
|
-
```
|
|
145
|
-
|
|
146
|
-
**DEPOIS:**
|
|
147
|
-
|
|
148
|
-
```javascript
|
|
149
|
-
toast.success("Mensagem importante", "", {
|
|
150
|
-
timeout: 10000, // 10 segundos em ms
|
|
151
|
-
});
|
|
152
|
-
```
|