quasar 2.14.5 → 2.14.6
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/api/AddressbarColor.json +1 -22
- package/dist/api/AppFullscreen.json +1 -78
- package/dist/api/AppVisibility.json +1 -15
- package/dist/api/BottomSheet.json +1 -264
- package/dist/api/Brand.json +1 -49
- package/dist/api/ClosePopup.json +1 -21
- package/dist/api/Cookies.json +1 -190
- package/dist/api/Dark.json +1 -63
- package/dist/api/Dialog.json +1 -479
- package/dist/api/Intersection.json +1 -204
- package/dist/api/Lang.json +1 -18
- package/dist/api/Loading.json +1 -317
- package/dist/api/LoadingBar.json +1 -62
- package/dist/api/LocalStorage.json +1 -187
- package/dist/api/Meta.json +1 -6
- package/dist/api/Morph.json +1 -188
- package/dist/api/Mutation.json +1 -122
- package/dist/api/Notify.json +1 -697
- package/dist/api/Platform.json +1 -238
- package/dist/api/QAjaxBar.json +1 -117
- package/dist/api/QAvatar.json +1 -76
- package/dist/api/QBadge.json +1 -82
- package/dist/api/QBanner.json +1 -44
- package/dist/api/QBar.json +1 -28
- package/dist/api/QBreadcrumbs.json +1 -82
- package/dist/api/QBreadcrumbsEl.json +1 -162
- package/dist/api/QBtn.json +1 -354
- package/dist/api/QBtnDropdown.json +1 -560
- package/dist/api/QBtnGroup.json +1 -59
- package/dist/api/QBtnToggle.json +1 -263
- package/dist/api/QCard.json +1 -51
- package/dist/api/QCardActions.json +1 -34
- package/dist/api/QCardSection.json +1 -31
- package/dist/api/QCarousel.json +1 -421
- package/dist/api/QCarouselControl.json +1 -41
- package/dist/api/QCarouselSlide.json +1 -44
- package/dist/api/QChatMessage.json +1 -128
- package/dist/api/QCheckbox.json +1 -211
- package/dist/api/QChip.json +1 -232
- package/dist/api/QCircularProgress.json +1 -145
- package/dist/api/QColor.json +1 -150
- package/dist/api/QDate.json +1 -637
- package/dist/api/QDialog.json +1 -259
- package/dist/api/QDrawer.json +1 -272
- package/dist/api/QEditor.json +1 -485
- package/dist/api/QExpansionItem.json +1 -434
- package/dist/api/QFab.json +1 -352
- package/dist/api/QFabAction.json +1 -241
- package/dist/api/QField.json +1 -448
- package/dist/api/QFile.json +1 -643
- package/dist/api/QFooter.json +1 -60
- package/dist/api/QForm.json +1 -112
- package/dist/api/QFormChildMixin.json +1 -24
- package/dist/api/QHeader.json +1 -67
- package/dist/api/QIcon.json +1 -69
- package/dist/api/QImg.json +1 -279
- package/dist/api/QInfiniteScroll.json +1 -116
- package/dist/api/QInnerLoading.json +1 -117
- package/dist/api/QInput.json +1 -521
- package/dist/api/QIntersection.json +1 -112
- package/dist/api/QItem.json +1 -203
- package/dist/api/QItemLabel.json +1 -36
- package/dist/api/QItemSection.json +1 -38
- package/dist/api/QKnob.json +1 -197
- package/dist/api/QLayout.json +1 -100
- package/dist/api/QLinearProgress.json +1 -113
- package/dist/api/QList.json +1 -58
- package/dist/api/QMarkupTable.json +1 -64
- package/dist/api/QMenu.json +1 -337
- package/dist/api/QNoSsr.json +1 -38
- package/dist/api/QOptionGroup.json +1 -242
- package/dist/api/QPage.json +1 -42
- package/dist/api/QPageContainer.json +1 -11
- package/dist/api/QPageScroller.json +1 -68
- package/dist/api/QPageSticky.json +1 -44
- package/dist/api/QPagination.json +1 -376
- package/dist/api/QParallax.json +1 -74
- package/dist/api/QPopupEdit.json +1 -335
- package/dist/api/QPopupProxy.json +1 -168
- package/dist/api/QPullToRefresh.json +1 -91
- package/dist/api/QRadio.json +1 -163
- package/dist/api/QRange.json +1 -789
- package/dist/api/QRating.json +1 -186
- package/dist/api/QResizeObserver.json +1 -56
- package/dist/api/QResponsive.json +1 -26
- package/dist/api/QRouteTab.json +1 -225
- package/dist/api/QScrollArea.json +1 -354
- package/dist/api/QScrollObserver.json +1 -140
- package/dist/api/QSelect.json +1 -1387
- package/dist/api/QSeparator.json +1 -72
- package/dist/api/QSkeleton.json +1 -127
- package/dist/api/QSlideItem.json +1 -219
- package/dist/api/QSlideTransition.json +1 -33
- package/dist/api/QSlider.json +1 -687
- package/dist/api/QSpace.json +1 -6
- package/dist/api/QSpinner.json +1 -37
- package/dist/api/QSpinnerAudio.json +1 -30
- package/dist/api/QSpinnerBall.json +1 -30
- package/dist/api/QSpinnerBars.json +1 -30
- package/dist/api/QSpinnerBox.json +1 -30
- package/dist/api/QSpinnerClock.json +1 -30
- package/dist/api/QSpinnerComment.json +1 -30
- package/dist/api/QSpinnerCube.json +1 -30
- package/dist/api/QSpinnerDots.json +1 -30
- package/dist/api/QSpinnerFacebook.json +1 -30
- package/dist/api/QSpinnerGears.json +1 -30
- package/dist/api/QSpinnerGrid.json +1 -30
- package/dist/api/QSpinnerHearts.json +1 -30
- package/dist/api/QSpinnerHourglass.json +1 -30
- package/dist/api/QSpinnerInfinity.json +1 -30
- package/dist/api/QSpinnerIos.json +1 -30
- package/dist/api/QSpinnerOrbit.json +1 -30
- package/dist/api/QSpinnerOval.json +1 -30
- package/dist/api/QSpinnerPie.json +1 -30
- package/dist/api/QSpinnerPuff.json +1 -30
- package/dist/api/QSpinnerRadio.json +1 -30
- package/dist/api/QSpinnerRings.json +1 -30
- package/dist/api/QSpinnerTail.json +1 -30
- package/dist/api/QSplitter.json +1 -146
- package/dist/api/QStep.json +1 -167
- package/dist/api/QStepper.json +1 -340
- package/dist/api/QStepperNavigation.json +1 -11
- package/dist/api/QTab.json +1 -113
- package/dist/api/QTabPanel.json +1 -39
- package/dist/api/QTabPanels.json +1 -203
- package/dist/api/QTable.json +1 -2799
- package/dist/api/QTabs.json +1 -179
- package/dist/api/QTd.json +1 -31
- package/dist/api/QTh.json +1 -26
- package/dist/api/QTime.json +1 -317
- package/dist/api/QTimeline.json +1 -57
- package/dist/api/QTimelineEntry.json +1 -105
- package/dist/api/QToggle.json +1 -230
- package/dist/api/QToolbar.json +1 -18
- package/dist/api/QToolbarTitle.json +1 -18
- package/dist/api/QTooltip.json +1 -282
- package/dist/api/QTr.json +1 -26
- package/dist/api/QTree.json +1 -599
- package/dist/api/QUploader.json +1 -665
- package/dist/api/QUploaderAddTrigger.json +1 -6
- package/dist/api/QVideo.json +1 -83
- package/dist/api/QVirtualScroll.json +1 -260
- package/dist/api/Ripple.json +1 -115
- package/dist/api/Screen.json +1 -190
- package/dist/api/Scroll.json +1 -28
- package/dist/api/ScrollFire.json +1 -24
- package/dist/api/SessionStorage.json +1 -187
- package/dist/api/TouchHold.json +1 -81
- package/dist/api/TouchPan.json +1 -178
- package/dist/api/TouchRepeat.json +1 -142
- package/dist/api/TouchSwipe.json +1 -113
- package/dist/icon-set/bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/material-icons.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v3.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v4.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v5.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-themify.umd.prod.js +3 -2
- package/dist/icon-set/themify.umd.prod.js +3 -2
- package/dist/lang/ar-TN.umd.prod.js +3 -2
- package/dist/lang/ar.umd.prod.js +3 -2
- package/dist/lang/az-Latn.umd.prod.js +3 -2
- package/dist/lang/bg.umd.prod.js +3 -2
- package/dist/lang/bn.umd.prod.js +3 -2
- package/dist/lang/ca.umd.prod.js +3 -2
- package/dist/lang/cs.umd.prod.js +3 -2
- package/dist/lang/da.umd.prod.js +3 -2
- package/dist/lang/de-CH.umd.prod.js +3 -2
- package/dist/lang/de-DE.umd.prod.js +3 -2
- package/dist/lang/de.umd.prod.js +3 -2
- package/dist/lang/el.umd.prod.js +3 -2
- package/dist/lang/en-GB.umd.prod.js +3 -2
- package/dist/lang/en-US.umd.prod.js +3 -2
- package/dist/lang/eo.umd.prod.js +3 -2
- package/dist/lang/es.umd.prod.js +3 -2
- package/dist/lang/et.umd.prod.js +3 -2
- package/dist/lang/eu.umd.prod.js +3 -2
- package/dist/lang/fa-IR.umd.prod.js +3 -2
- package/dist/lang/fa.umd.prod.js +3 -2
- package/dist/lang/fi.umd.prod.js +3 -2
- package/dist/lang/fr.umd.prod.js +3 -2
- package/dist/lang/gn.umd.prod.js +3 -2
- package/dist/lang/he.umd.prod.js +3 -2
- package/dist/lang/hi.umd.prod.js +3 -2
- package/dist/lang/hr.umd.prod.js +3 -2
- package/dist/lang/hu.umd.prod.js +3 -2
- package/dist/lang/id.umd.prod.js +3 -2
- package/dist/lang/is.umd.prod.js +3 -2
- package/dist/lang/it.umd.prod.js +3 -2
- package/dist/lang/ja.umd.prod.js +3 -2
- package/dist/lang/kk.umd.prod.js +3 -2
- package/dist/lang/km.umd.prod.js +3 -2
- package/dist/lang/ko-KR.umd.prod.js +3 -2
- package/dist/lang/kur-CKB.umd.prod.js +3 -2
- package/dist/lang/lt.umd.prod.js +3 -2
- package/dist/lang/lu.umd.prod.js +3 -2
- package/dist/lang/lv.umd.prod.js +3 -2
- package/dist/lang/mk.umd.prod.js +3 -2
- package/dist/lang/ml.umd.prod.js +3 -2
- package/dist/lang/mm.umd.prod.js +3 -2
- package/dist/lang/ms.umd.prod.js +3 -2
- package/dist/lang/my.umd.prod.js +3 -2
- package/dist/lang/nb-NO.umd.prod.js +3 -2
- package/dist/lang/nl.umd.prod.js +3 -2
- package/dist/lang/pl.umd.prod.js +3 -2
- package/dist/lang/pt-BR.umd.prod.js +3 -2
- package/dist/lang/pt.umd.prod.js +3 -2
- package/dist/lang/ro.umd.prod.js +3 -2
- package/dist/lang/ru.umd.prod.js +3 -2
- package/dist/lang/sk.umd.prod.js +3 -2
- package/dist/lang/sl.umd.prod.js +3 -2
- package/dist/lang/sm.umd.prod.js +3 -2
- package/dist/lang/sr-CYR.umd.prod.js +3 -2
- package/dist/lang/sr.umd.prod.js +3 -2
- package/dist/lang/sv.umd.prod.js +3 -2
- package/dist/lang/ta.umd.prod.js +3 -2
- package/dist/lang/th.umd.prod.js +3 -2
- package/dist/lang/tl.umd.prod.js +7 -0
- package/dist/lang/tr.umd.prod.js +3 -2
- package/dist/lang/ug.umd.prod.js +3 -2
- package/dist/lang/uk.umd.prod.js +3 -2
- package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
- package/dist/lang/uz-Latn.umd.prod.js +3 -2
- package/dist/lang/vi.umd.prod.js +3 -2
- package/dist/lang/zh-CN.umd.prod.js +3 -2
- package/dist/lang/zh-TW.umd.prod.js +3 -2
- package/dist/quasar.addon.prod.css +1 -1
- package/dist/quasar.addon.rtl.prod.css +1 -1
- package/dist/quasar.cjs.prod.js +123 -2
- package/dist/quasar.esm.js +16928 -26277
- package/dist/quasar.esm.prod.js +123 -2
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +1 -1
- package/dist/quasar.umd.js +16732 -26521
- package/dist/quasar.umd.prod.js +123 -2
- package/dist/transforms/api-list.json +1 -153
- package/dist/transforms/auto-import.json +1 -267
- package/dist/transforms/import-map.json +1 -181
- package/dist/transforms/loader-asset-urls.json +1 -60
- package/dist/types/api/dialog.d.ts +1 -1
- package/dist/types/api/qinput.d.ts +1 -1
- package/dist/types/api/qtable.d.ts +1 -1
- package/dist/types/api/qtree.d.ts +1 -1
- package/dist/types/api/quploader.d.ts +1 -1
- package/dist/types/api/validation.d.ts +1 -1
- package/dist/types/api/web-storage.d.ts +6 -6
- package/dist/types/feature-flag.d.ts +1 -1
- package/dist/types/globals.d.ts +22 -15
- package/dist/types/index.d.ts +45 -36
- package/dist/types/lang.d.ts +3 -3
- package/dist/types/plugin.d.ts +3 -1
- package/dist/types/ts-helpers.d.ts +3 -3
- package/dist/types/utils/colors.d.ts +1 -1
- package/dist/types/utils/date.d.ts +10 -10
- package/dist/types/utils/dom.d.ts +1 -1
- package/dist/types/utils/run-sequential-promises.d.ts +12 -12
- package/dist/types/utils/scroll.d.ts +5 -5
- package/dist/types/utils.d.ts +15 -13
- package/dist/vetur/quasar-attributes.json +1 -5890
- package/dist/vetur/quasar-tags.json +1 -2084
- package/dist/web-types/web-types.json +1 -19595
- package/lang/index.json +1 -266
- package/lang/tl.js +98 -0
- package/lang/tl.mjs +93 -0
- package/package.json +14 -18
- package/src/body.js +6 -14
- package/src/components/ajax-bar/QAjaxBar.js +1 -1
- package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
- package/src/components/btn/QBtn.js +6 -6
- package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
- package/src/components/checkbox/use-checkbox.js +1 -1
- package/src/components/chip/QChip.js +1 -1
- package/src/components/color/QColor.js +4 -4
- package/src/components/date/QDate.js +1 -1
- package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
- package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
- package/src/components/drawer/QDrawer.js +1 -1
- package/src/components/drawer/QDrawer.json +1 -1
- package/src/components/file/QFile.js +2 -2
- package/src/components/footer/QFooter.js +2 -2
- package/src/components/form/QForm.js +3 -3
- package/src/components/header/QHeader.js +1 -1
- package/src/components/img/QImg.js +47 -39
- package/src/components/img/QImg.json +9 -0
- package/src/components/input/use-mask.js +3 -3
- package/src/components/menu/QMenu.json +1 -1
- package/src/components/page-sticky/use-page-sticky.js +4 -4
- package/src/components/popup-edit/QPopupEdit.js +1 -1
- package/src/components/scroll-area/QScrollArea.js +1 -1
- package/src/components/select/QSelect.js +9 -9
- package/src/components/table/QTd.js +1 -1
- package/src/components/table/QTh.js +1 -1
- package/src/components/tabs/QTabs.js +3 -3
- package/src/components/time/QTime.js +3 -3
- package/src/components/tooltip/QTooltip.js +4 -2
- package/src/components/tooltip/QTooltip.json +6 -0
- package/src/components/tree/QTree.js +1 -1
- package/src/components/uploader/uploader-core.js +2 -2
- package/src/components/uploader/xhr-uploader-plugin.js +1 -1
- package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
- package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
- package/src/composables/private/use-anchor.js +1 -1
- package/src/composables/private/use-key-composition.js +1 -1
- package/src/composables/private/use-panel.js +1 -1
- package/src/composables/private/use-portal.js +1 -1
- package/src/composables/private/use-router-link.js +1 -1
- package/src/directives/TouchPan.js +1 -1
- package/src/history.js +1 -1
- package/src/index.umd.js +5 -1
- package/src/lang.js +1 -1
- package/src/plugins/BottomSheet.json +1 -1
- package/src/plugins/Cookies.js +1 -1
- package/src/plugins/Dark.js +1 -1
- package/src/plugins/Loading.js +1 -1
- package/src/plugins/LoadingBar.js +1 -1
- package/src/plugins/Notify.js +4 -4
- package/src/plugins/Platform.js +111 -93
- package/src/plugins/Screen.js +1 -1
- package/src/utils/event.js +1 -1
- package/src/utils/frame-debounce.js +1 -1
- package/src/utils/morph.js +1 -1
- package/src/utils/private/click-outside.js +1 -1
- package/src/utils/private/escape-key.js +1 -1
- package/src/utils/private/focusout.js +1 -1
package/dist/api/Notify.json
CHANGED
|
@@ -1,697 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "plugin",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/quasar-plugins/notify"
|
|
5
|
-
},
|
|
6
|
-
"injection": "$q.notify",
|
|
7
|
-
"quasarConfOptions": {
|
|
8
|
-
"propName": "notify",
|
|
9
|
-
"type": "Object",
|
|
10
|
-
"definition": {
|
|
11
|
-
"type": {
|
|
12
|
-
"type": "String",
|
|
13
|
-
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
14
|
-
"examples": [
|
|
15
|
-
"negative",
|
|
16
|
-
"custom-type"
|
|
17
|
-
]
|
|
18
|
-
},
|
|
19
|
-
"color": {
|
|
20
|
-
"type": "String",
|
|
21
|
-
"tsType": "NamedColor",
|
|
22
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
23
|
-
"examples": [
|
|
24
|
-
"primary",
|
|
25
|
-
"teal",
|
|
26
|
-
"teal-10"
|
|
27
|
-
],
|
|
28
|
-
"category": "style"
|
|
29
|
-
},
|
|
30
|
-
"textColor": {
|
|
31
|
-
"type": "String",
|
|
32
|
-
"tsType": "NamedColor",
|
|
33
|
-
"desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
|
|
34
|
-
"examples": [
|
|
35
|
-
"primary",
|
|
36
|
-
"teal",
|
|
37
|
-
"teal-10"
|
|
38
|
-
],
|
|
39
|
-
"category": "style"
|
|
40
|
-
},
|
|
41
|
-
"message": {
|
|
42
|
-
"type": "String",
|
|
43
|
-
"desc": "The content of your message",
|
|
44
|
-
"examples": [
|
|
45
|
-
"John Doe pinged you"
|
|
46
|
-
]
|
|
47
|
-
},
|
|
48
|
-
"caption": {
|
|
49
|
-
"type": "String",
|
|
50
|
-
"desc": "The content of your optional caption",
|
|
51
|
-
"examples": [
|
|
52
|
-
"5 minutes ago"
|
|
53
|
-
]
|
|
54
|
-
},
|
|
55
|
-
"html": {
|
|
56
|
-
"type": "Boolean",
|
|
57
|
-
"desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
58
|
-
},
|
|
59
|
-
"icon": {
|
|
60
|
-
"type": "String",
|
|
61
|
-
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
|
|
62
|
-
"examples": [
|
|
63
|
-
"map",
|
|
64
|
-
"ion-add",
|
|
65
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
66
|
-
"img:path/to/some_image.png"
|
|
67
|
-
],
|
|
68
|
-
"category": "content"
|
|
69
|
-
},
|
|
70
|
-
"iconColor": {
|
|
71
|
-
"type": "String",
|
|
72
|
-
"tsType": "NamedColor",
|
|
73
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
74
|
-
"examples": [
|
|
75
|
-
"primary",
|
|
76
|
-
"teal",
|
|
77
|
-
"teal-10"
|
|
78
|
-
],
|
|
79
|
-
"category": "style",
|
|
80
|
-
"addedIn": "v2.5.5"
|
|
81
|
-
},
|
|
82
|
-
"iconSize": {
|
|
83
|
-
"type": "String",
|
|
84
|
-
"desc": "Size in CSS units, including unit name",
|
|
85
|
-
"examples": [
|
|
86
|
-
"16px",
|
|
87
|
-
"2rem"
|
|
88
|
-
],
|
|
89
|
-
"category": "style",
|
|
90
|
-
"addedIn": "v2.5.5"
|
|
91
|
-
},
|
|
92
|
-
"avatar": {
|
|
93
|
-
"type": "String",
|
|
94
|
-
"desc": "URL to an avatar/image; Suggestion: use public folder",
|
|
95
|
-
"examples": [
|
|
96
|
-
"(public folder) img/something.png",
|
|
97
|
-
"(relative path format) require('./my_img.jpg')",
|
|
98
|
-
"(URL) https://some-site.net/some-img.gif"
|
|
99
|
-
]
|
|
100
|
-
},
|
|
101
|
-
"spinner": {
|
|
102
|
-
"type": [
|
|
103
|
-
"Boolean",
|
|
104
|
-
"Component"
|
|
105
|
-
],
|
|
106
|
-
"configFileType": [
|
|
107
|
-
"Boolean",
|
|
108
|
-
"String"
|
|
109
|
-
],
|
|
110
|
-
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown",
|
|
111
|
-
"examples": [
|
|
112
|
-
true,
|
|
113
|
-
"QSpinnerBars"
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
"spinnerColor": {
|
|
117
|
-
"type": "String",
|
|
118
|
-
"tsType": "NamedColor",
|
|
119
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
120
|
-
"examples": [
|
|
121
|
-
"primary",
|
|
122
|
-
"teal",
|
|
123
|
-
"teal-10"
|
|
124
|
-
],
|
|
125
|
-
"category": "style",
|
|
126
|
-
"addedIn": "v2.5.5"
|
|
127
|
-
},
|
|
128
|
-
"spinnerSize": {
|
|
129
|
-
"type": "String",
|
|
130
|
-
"desc": "Size in CSS units, including unit name",
|
|
131
|
-
"examples": [
|
|
132
|
-
"16px",
|
|
133
|
-
"2rem"
|
|
134
|
-
],
|
|
135
|
-
"category": "style",
|
|
136
|
-
"addedIn": "v2.5.5"
|
|
137
|
-
},
|
|
138
|
-
"position": {
|
|
139
|
-
"type": "String",
|
|
140
|
-
"desc": "Window side/corner to stick to",
|
|
141
|
-
"default": "bottom",
|
|
142
|
-
"values": [
|
|
143
|
-
"top-left",
|
|
144
|
-
"top-right",
|
|
145
|
-
"bottom-left",
|
|
146
|
-
"bottom-right",
|
|
147
|
-
"top",
|
|
148
|
-
"bottom",
|
|
149
|
-
"left",
|
|
150
|
-
"right",
|
|
151
|
-
"center"
|
|
152
|
-
],
|
|
153
|
-
"required": false
|
|
154
|
-
},
|
|
155
|
-
"group": {
|
|
156
|
-
"type": [
|
|
157
|
-
"Boolean",
|
|
158
|
-
"String",
|
|
159
|
-
"Number"
|
|
160
|
-
],
|
|
161
|
-
"desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
|
|
162
|
-
"default": "(message + caption + multiline + actions labels + position)",
|
|
163
|
-
"examples": [
|
|
164
|
-
"my-group"
|
|
165
|
-
],
|
|
166
|
-
"required": false
|
|
167
|
-
},
|
|
168
|
-
"badgeColor": {
|
|
169
|
-
"type": "String",
|
|
170
|
-
"tsType": "NamedColor",
|
|
171
|
-
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
172
|
-
"examples": [
|
|
173
|
-
"primary",
|
|
174
|
-
"teal",
|
|
175
|
-
"teal-10"
|
|
176
|
-
],
|
|
177
|
-
"category": "style"
|
|
178
|
-
},
|
|
179
|
-
"badgeTextColor": {
|
|
180
|
-
"type": "String",
|
|
181
|
-
"tsType": "NamedColor",
|
|
182
|
-
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
183
|
-
"examples": [
|
|
184
|
-
"primary",
|
|
185
|
-
"teal",
|
|
186
|
-
"teal-10"
|
|
187
|
-
],
|
|
188
|
-
"category": "style"
|
|
189
|
-
},
|
|
190
|
-
"badgePosition": {
|
|
191
|
-
"type": "String",
|
|
192
|
-
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
193
|
-
"default": "(top-left/top-right)",
|
|
194
|
-
"values": [
|
|
195
|
-
"top-left",
|
|
196
|
-
"top-right",
|
|
197
|
-
"bottom-left",
|
|
198
|
-
"bottom-right"
|
|
199
|
-
],
|
|
200
|
-
"required": false
|
|
201
|
-
},
|
|
202
|
-
"badgeStyle": {
|
|
203
|
-
"type": [
|
|
204
|
-
"String",
|
|
205
|
-
"Array",
|
|
206
|
-
"Object"
|
|
207
|
-
],
|
|
208
|
-
"tsType": "VueStyleProp",
|
|
209
|
-
"desc": "Style definitions to be attributed to the badge",
|
|
210
|
-
"examples": [
|
|
211
|
-
"background-color: #ff0000",
|
|
212
|
-
"{ backgroundColor: '#ff0000' }"
|
|
213
|
-
]
|
|
214
|
-
},
|
|
215
|
-
"badgeClass": {
|
|
216
|
-
"type": [
|
|
217
|
-
"String",
|
|
218
|
-
"Array",
|
|
219
|
-
"Object"
|
|
220
|
-
],
|
|
221
|
-
"tsType": "VueClassProp",
|
|
222
|
-
"desc": "Class definitions to be attributed to the badge",
|
|
223
|
-
"examples": [
|
|
224
|
-
"my-special-class",
|
|
225
|
-
"{ 'my-special-class': <condition> }"
|
|
226
|
-
]
|
|
227
|
-
},
|
|
228
|
-
"progress": {
|
|
229
|
-
"type": "Boolean",
|
|
230
|
-
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
231
|
-
},
|
|
232
|
-
"progressClass": {
|
|
233
|
-
"type": [
|
|
234
|
-
"String",
|
|
235
|
-
"Array",
|
|
236
|
-
"Object"
|
|
237
|
-
],
|
|
238
|
-
"tsType": "VueClassProp",
|
|
239
|
-
"desc": "Class definitions to be attributed to the progress bar",
|
|
240
|
-
"examples": [
|
|
241
|
-
"my-special-class",
|
|
242
|
-
"{ 'my-special-class': <condition> }"
|
|
243
|
-
]
|
|
244
|
-
},
|
|
245
|
-
"classes": {
|
|
246
|
-
"type": "String",
|
|
247
|
-
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
248
|
-
"examples": [
|
|
249
|
-
"my-notif-class"
|
|
250
|
-
]
|
|
251
|
-
},
|
|
252
|
-
"attrs": {
|
|
253
|
-
"type": "Object",
|
|
254
|
-
"desc": "Key-value for attributes to be set on the notification",
|
|
255
|
-
"examples": [
|
|
256
|
-
"{ role: 'alertdialog' }"
|
|
257
|
-
]
|
|
258
|
-
},
|
|
259
|
-
"timeout": {
|
|
260
|
-
"type": "Number",
|
|
261
|
-
"desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
|
|
262
|
-
"default": 5000,
|
|
263
|
-
"required": false
|
|
264
|
-
},
|
|
265
|
-
"actions": {
|
|
266
|
-
"type": "Array",
|
|
267
|
-
"tsType": "QNotifyAction",
|
|
268
|
-
"desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
|
|
269
|
-
"definition": {
|
|
270
|
-
"handler": {
|
|
271
|
-
"type": "Function",
|
|
272
|
-
"configFileType": null,
|
|
273
|
-
"desc": "Function to be executed when the button is clicked/tapped",
|
|
274
|
-
"params": null,
|
|
275
|
-
"returns": null,
|
|
276
|
-
"examples": [
|
|
277
|
-
"() => { console.log('button clicked') }"
|
|
278
|
-
]
|
|
279
|
-
},
|
|
280
|
-
"noDismiss": {
|
|
281
|
-
"type": "Boolean",
|
|
282
|
-
"desc": "Do not dismiss the notification when the button is clicked/tapped"
|
|
283
|
-
},
|
|
284
|
-
"...": {
|
|
285
|
-
"type": "Any",
|
|
286
|
-
"desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)",
|
|
287
|
-
"examples": [
|
|
288
|
-
"label: 'Learn more'",
|
|
289
|
-
"color: 'primary'"
|
|
290
|
-
]
|
|
291
|
-
}
|
|
292
|
-
},
|
|
293
|
-
"examples": [
|
|
294
|
-
"[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
|
|
295
|
-
]
|
|
296
|
-
},
|
|
297
|
-
"onDismiss": {
|
|
298
|
-
"type": "Function",
|
|
299
|
-
"configFileType": null,
|
|
300
|
-
"desc": "Function to call when notification gets dismissed",
|
|
301
|
-
"params": null,
|
|
302
|
-
"returns": null,
|
|
303
|
-
"examples": [
|
|
304
|
-
"() => { console.log('Dismissed') }"
|
|
305
|
-
]
|
|
306
|
-
},
|
|
307
|
-
"closeBtn": {
|
|
308
|
-
"type": [
|
|
309
|
-
"Boolean",
|
|
310
|
-
"String"
|
|
311
|
-
],
|
|
312
|
-
"desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
|
|
313
|
-
"examples": [
|
|
314
|
-
"Close me"
|
|
315
|
-
]
|
|
316
|
-
},
|
|
317
|
-
"multiLine": {
|
|
318
|
-
"type": "Boolean",
|
|
319
|
-
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
},
|
|
323
|
-
"methods": {
|
|
324
|
-
"create": {
|
|
325
|
-
"tsInjectionPoint": true,
|
|
326
|
-
"desc": "Creates a notification; Same as calling $q.notify(...)",
|
|
327
|
-
"params": {
|
|
328
|
-
"opts": {
|
|
329
|
-
"type": [
|
|
330
|
-
"Object",
|
|
331
|
-
"String"
|
|
332
|
-
],
|
|
333
|
-
"tsType": "QNotifyCreateOptions",
|
|
334
|
-
"autoDefineTsType": true,
|
|
335
|
-
"required": true,
|
|
336
|
-
"desc": "Notification options",
|
|
337
|
-
"definition": {
|
|
338
|
-
"type": {
|
|
339
|
-
"type": "String",
|
|
340
|
-
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
341
|
-
"examples": [
|
|
342
|
-
"negative",
|
|
343
|
-
"custom-type"
|
|
344
|
-
]
|
|
345
|
-
},
|
|
346
|
-
"color": {
|
|
347
|
-
"type": "String",
|
|
348
|
-
"tsType": "NamedColor",
|
|
349
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
350
|
-
"examples": [
|
|
351
|
-
"primary",
|
|
352
|
-
"teal",
|
|
353
|
-
"teal-10"
|
|
354
|
-
],
|
|
355
|
-
"category": "style"
|
|
356
|
-
},
|
|
357
|
-
"textColor": {
|
|
358
|
-
"type": "String",
|
|
359
|
-
"tsType": "NamedColor",
|
|
360
|
-
"desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
|
|
361
|
-
"examples": [
|
|
362
|
-
"primary",
|
|
363
|
-
"teal",
|
|
364
|
-
"teal-10"
|
|
365
|
-
],
|
|
366
|
-
"category": "style"
|
|
367
|
-
},
|
|
368
|
-
"message": {
|
|
369
|
-
"type": "String",
|
|
370
|
-
"desc": "The content of your message",
|
|
371
|
-
"examples": [
|
|
372
|
-
"John Doe pinged you"
|
|
373
|
-
]
|
|
374
|
-
},
|
|
375
|
-
"caption": {
|
|
376
|
-
"type": "String",
|
|
377
|
-
"desc": "The content of your optional caption",
|
|
378
|
-
"examples": [
|
|
379
|
-
"5 minutes ago"
|
|
380
|
-
]
|
|
381
|
-
},
|
|
382
|
-
"html": {
|
|
383
|
-
"type": "Boolean",
|
|
384
|
-
"desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
385
|
-
},
|
|
386
|
-
"icon": {
|
|
387
|
-
"type": "String",
|
|
388
|
-
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
|
|
389
|
-
"examples": [
|
|
390
|
-
"map",
|
|
391
|
-
"ion-add",
|
|
392
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
393
|
-
"img:path/to/some_image.png"
|
|
394
|
-
],
|
|
395
|
-
"category": "content"
|
|
396
|
-
},
|
|
397
|
-
"iconColor": {
|
|
398
|
-
"type": "String",
|
|
399
|
-
"tsType": "NamedColor",
|
|
400
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
401
|
-
"examples": [
|
|
402
|
-
"primary",
|
|
403
|
-
"teal",
|
|
404
|
-
"teal-10"
|
|
405
|
-
],
|
|
406
|
-
"category": "style",
|
|
407
|
-
"addedIn": "v2.5.5"
|
|
408
|
-
},
|
|
409
|
-
"iconSize": {
|
|
410
|
-
"type": "String",
|
|
411
|
-
"desc": "Size in CSS units, including unit name",
|
|
412
|
-
"examples": [
|
|
413
|
-
"16px",
|
|
414
|
-
"2rem"
|
|
415
|
-
],
|
|
416
|
-
"category": "style",
|
|
417
|
-
"addedIn": "v2.5.5"
|
|
418
|
-
},
|
|
419
|
-
"avatar": {
|
|
420
|
-
"type": "String",
|
|
421
|
-
"desc": "URL to an avatar/image; Suggestion: use public folder",
|
|
422
|
-
"examples": [
|
|
423
|
-
"(public folder) img/something.png",
|
|
424
|
-
"(relative path format) require('./my_img.jpg')",
|
|
425
|
-
"(URL) https://some-site.net/some-img.gif"
|
|
426
|
-
]
|
|
427
|
-
},
|
|
428
|
-
"spinner": {
|
|
429
|
-
"type": [
|
|
430
|
-
"Boolean",
|
|
431
|
-
"Component"
|
|
432
|
-
],
|
|
433
|
-
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown",
|
|
434
|
-
"examples": [
|
|
435
|
-
true,
|
|
436
|
-
"QSpinnerBars"
|
|
437
|
-
]
|
|
438
|
-
},
|
|
439
|
-
"spinnerColor": {
|
|
440
|
-
"type": "String",
|
|
441
|
-
"tsType": "NamedColor",
|
|
442
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
443
|
-
"examples": [
|
|
444
|
-
"primary",
|
|
445
|
-
"teal",
|
|
446
|
-
"teal-10"
|
|
447
|
-
],
|
|
448
|
-
"category": "style",
|
|
449
|
-
"addedIn": "v2.5.5"
|
|
450
|
-
},
|
|
451
|
-
"spinnerSize": {
|
|
452
|
-
"type": "String",
|
|
453
|
-
"desc": "Size in CSS units, including unit name",
|
|
454
|
-
"examples": [
|
|
455
|
-
"16px",
|
|
456
|
-
"2rem"
|
|
457
|
-
],
|
|
458
|
-
"category": "style",
|
|
459
|
-
"addedIn": "v2.5.5"
|
|
460
|
-
},
|
|
461
|
-
"position": {
|
|
462
|
-
"type": "String",
|
|
463
|
-
"desc": "Window side/corner to stick to",
|
|
464
|
-
"default": "bottom",
|
|
465
|
-
"values": [
|
|
466
|
-
"top-left",
|
|
467
|
-
"top-right",
|
|
468
|
-
"bottom-left",
|
|
469
|
-
"bottom-right",
|
|
470
|
-
"top",
|
|
471
|
-
"bottom",
|
|
472
|
-
"left",
|
|
473
|
-
"right",
|
|
474
|
-
"center"
|
|
475
|
-
],
|
|
476
|
-
"required": false
|
|
477
|
-
},
|
|
478
|
-
"group": {
|
|
479
|
-
"type": [
|
|
480
|
-
"Boolean",
|
|
481
|
-
"String",
|
|
482
|
-
"Number"
|
|
483
|
-
],
|
|
484
|
-
"desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
|
|
485
|
-
"default": "(message + caption + multiline + actions labels + position)",
|
|
486
|
-
"examples": [
|
|
487
|
-
"my-group"
|
|
488
|
-
],
|
|
489
|
-
"required": false
|
|
490
|
-
},
|
|
491
|
-
"badgeColor": {
|
|
492
|
-
"type": "String",
|
|
493
|
-
"tsType": "NamedColor",
|
|
494
|
-
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
495
|
-
"examples": [
|
|
496
|
-
"primary",
|
|
497
|
-
"teal",
|
|
498
|
-
"teal-10"
|
|
499
|
-
],
|
|
500
|
-
"category": "style"
|
|
501
|
-
},
|
|
502
|
-
"badgeTextColor": {
|
|
503
|
-
"type": "String",
|
|
504
|
-
"tsType": "NamedColor",
|
|
505
|
-
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
506
|
-
"examples": [
|
|
507
|
-
"primary",
|
|
508
|
-
"teal",
|
|
509
|
-
"teal-10"
|
|
510
|
-
],
|
|
511
|
-
"category": "style"
|
|
512
|
-
},
|
|
513
|
-
"badgePosition": {
|
|
514
|
-
"type": "String",
|
|
515
|
-
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
516
|
-
"default": "(top-left/top-right)",
|
|
517
|
-
"values": [
|
|
518
|
-
"top-left",
|
|
519
|
-
"top-right",
|
|
520
|
-
"bottom-left",
|
|
521
|
-
"bottom-right"
|
|
522
|
-
],
|
|
523
|
-
"required": false
|
|
524
|
-
},
|
|
525
|
-
"badgeStyle": {
|
|
526
|
-
"type": [
|
|
527
|
-
"String",
|
|
528
|
-
"Array",
|
|
529
|
-
"Object"
|
|
530
|
-
],
|
|
531
|
-
"tsType": "VueStyleProp",
|
|
532
|
-
"desc": "Style definitions to be attributed to the badge",
|
|
533
|
-
"examples": [
|
|
534
|
-
"background-color: #ff0000",
|
|
535
|
-
"{ backgroundColor: '#ff0000' }"
|
|
536
|
-
]
|
|
537
|
-
},
|
|
538
|
-
"badgeClass": {
|
|
539
|
-
"type": [
|
|
540
|
-
"String",
|
|
541
|
-
"Array",
|
|
542
|
-
"Object"
|
|
543
|
-
],
|
|
544
|
-
"tsType": "VueClassProp",
|
|
545
|
-
"desc": "Class definitions to be attributed to the badge",
|
|
546
|
-
"examples": [
|
|
547
|
-
"my-special-class",
|
|
548
|
-
"{ 'my-special-class': <condition> }"
|
|
549
|
-
]
|
|
550
|
-
},
|
|
551
|
-
"progress": {
|
|
552
|
-
"type": "Boolean",
|
|
553
|
-
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
554
|
-
},
|
|
555
|
-
"progressClass": {
|
|
556
|
-
"type": [
|
|
557
|
-
"String",
|
|
558
|
-
"Array",
|
|
559
|
-
"Object"
|
|
560
|
-
],
|
|
561
|
-
"tsType": "VueClassProp",
|
|
562
|
-
"desc": "Class definitions to be attributed to the progress bar",
|
|
563
|
-
"examples": [
|
|
564
|
-
"my-special-class",
|
|
565
|
-
"{ 'my-special-class': <condition> }"
|
|
566
|
-
]
|
|
567
|
-
},
|
|
568
|
-
"classes": {
|
|
569
|
-
"type": "String",
|
|
570
|
-
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
571
|
-
"examples": [
|
|
572
|
-
"my-notif-class"
|
|
573
|
-
]
|
|
574
|
-
},
|
|
575
|
-
"attrs": {
|
|
576
|
-
"type": "Object",
|
|
577
|
-
"desc": "Key-value for attributes to be set on the notification",
|
|
578
|
-
"examples": [
|
|
579
|
-
"{ role: 'alertdialog' }"
|
|
580
|
-
]
|
|
581
|
-
},
|
|
582
|
-
"timeout": {
|
|
583
|
-
"type": "Number",
|
|
584
|
-
"desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
|
|
585
|
-
"default": 5000,
|
|
586
|
-
"examples": [
|
|
587
|
-
2500
|
|
588
|
-
],
|
|
589
|
-
"required": false
|
|
590
|
-
},
|
|
591
|
-
"actions": {
|
|
592
|
-
"type": "Array",
|
|
593
|
-
"tsType": "QNotifyAction",
|
|
594
|
-
"desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
|
|
595
|
-
"definition": {
|
|
596
|
-
"handler": {
|
|
597
|
-
"type": "Function",
|
|
598
|
-
"desc": "Function to be executed when the button is clicked/tapped",
|
|
599
|
-
"params": null,
|
|
600
|
-
"returns": null,
|
|
601
|
-
"examples": [
|
|
602
|
-
"() => { console.log('button clicked') }"
|
|
603
|
-
]
|
|
604
|
-
},
|
|
605
|
-
"noDismiss": {
|
|
606
|
-
"type": "Boolean",
|
|
607
|
-
"desc": "Do not dismiss the notification when the button is clicked/tapped"
|
|
608
|
-
},
|
|
609
|
-
"...": {
|
|
610
|
-
"type": "Any",
|
|
611
|
-
"desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead)",
|
|
612
|
-
"examples": [
|
|
613
|
-
"label: 'Learn more'",
|
|
614
|
-
"color: 'primary'"
|
|
615
|
-
]
|
|
616
|
-
}
|
|
617
|
-
},
|
|
618
|
-
"examples": [
|
|
619
|
-
"[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
|
|
620
|
-
]
|
|
621
|
-
},
|
|
622
|
-
"onDismiss": {
|
|
623
|
-
"type": "Function",
|
|
624
|
-
"desc": "Function to call when notification gets dismissed",
|
|
625
|
-
"params": null,
|
|
626
|
-
"returns": null,
|
|
627
|
-
"examples": [
|
|
628
|
-
"() => { console.log('Dismissed') }"
|
|
629
|
-
]
|
|
630
|
-
},
|
|
631
|
-
"closeBtn": {
|
|
632
|
-
"type": [
|
|
633
|
-
"Boolean",
|
|
634
|
-
"String"
|
|
635
|
-
],
|
|
636
|
-
"desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
|
|
637
|
-
"examples": [
|
|
638
|
-
"Close me"
|
|
639
|
-
]
|
|
640
|
-
},
|
|
641
|
-
"multiLine": {
|
|
642
|
-
"type": "Boolean",
|
|
643
|
-
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
644
|
-
},
|
|
645
|
-
"ignoreDefaults": {
|
|
646
|
-
"type": "Boolean",
|
|
647
|
-
"desc": "Ignore the default configuration (set by setDefaults()) for this instance only"
|
|
648
|
-
}
|
|
649
|
-
}
|
|
650
|
-
}
|
|
651
|
-
},
|
|
652
|
-
"returns": {
|
|
653
|
-
"type": "Function",
|
|
654
|
-
"desc": "Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)",
|
|
655
|
-
"params": {
|
|
656
|
-
"props": {
|
|
657
|
-
"type": "Object",
|
|
658
|
-
"tsType": "QNotifyUpdateOptions",
|
|
659
|
-
"required": false,
|
|
660
|
-
"desc": "Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification; (See 'opts' param of 'create()' for object properties, except 'group' and 'position')"
|
|
661
|
-
}
|
|
662
|
-
},
|
|
663
|
-
"returns": null
|
|
664
|
-
}
|
|
665
|
-
},
|
|
666
|
-
"setDefaults": {
|
|
667
|
-
"desc": "Merge options into the default ones",
|
|
668
|
-
"params": {
|
|
669
|
-
"opts": {
|
|
670
|
-
"type": "Object",
|
|
671
|
-
"tsType": "QNotifyOptions",
|
|
672
|
-
"required": true,
|
|
673
|
-
"desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"
|
|
674
|
-
}
|
|
675
|
-
}
|
|
676
|
-
},
|
|
677
|
-
"registerType": {
|
|
678
|
-
"desc": "Register a new type of notification (or override an existing one)",
|
|
679
|
-
"params": {
|
|
680
|
-
"typeName": {
|
|
681
|
-
"type": "String",
|
|
682
|
-
"required": true,
|
|
683
|
-
"desc": "Name of the type (to be used as 'type' prop later on)",
|
|
684
|
-
"examples": [
|
|
685
|
-
"my-type"
|
|
686
|
-
]
|
|
687
|
-
},
|
|
688
|
-
"typeOpts": {
|
|
689
|
-
"type": "Object",
|
|
690
|
-
"tsType": "QNotifyOptions",
|
|
691
|
-
"required": true,
|
|
692
|
-
"desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"
|
|
693
|
-
}
|
|
694
|
-
}
|
|
695
|
-
}
|
|
696
|
-
}
|
|
697
|
-
}
|
|
1
|
+
{"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/quasar-plugins/notify"},"injection":"$q.notify","quasarConfOptions":{"propName":"notify","type":"Object","definition":{"type":{"type":"String","desc":"Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')","examples":["negative","custom-type"]},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"textColor":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"message":{"type":"String","desc":"The content of your message","examples":["John Doe pinged you"]},"caption":{"type":"String","desc":"The content of your optional caption","examples":["5 minutes ago"]},"html":{"type":"Boolean","desc":"Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"iconColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"iconSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"avatar":{"type":"String","desc":"URL to an avatar/image; Suggestion: use public folder","examples":["(public folder) img/something.png","(relative path format) require('./my_img.jpg')","(URL) https://some-site.net/some-img.gif"]},"spinner":{"type":["Boolean","Component"],"configFileType":["Boolean","String"],"desc":"Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown","examples":[true,"QSpinnerBars"]},"spinnerColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"spinnerSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"position":{"type":"String","desc":"Window side/corner to stick to","default":"bottom","values":["top-left","top-right","bottom-left","bottom-right","top","bottom","left","right","center"],"required":false},"group":{"type":["Boolean","String","Number"],"desc":"Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered","default":"(message + caption + multiline + actions labels + position)","examples":["my-group"],"required":false},"badgeColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgeTextColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgePosition":{"type":"String","desc":"Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left","default":"(top-left/top-right)","values":["top-left","top-right","bottom-left","bottom-right"],"required":false},"badgeStyle":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the badge","examples":["background-color: #ff0000","{ backgroundColor: '#ff0000' }"]},"badgeClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the badge","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"progress":{"type":"Boolean","desc":"Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"},"progressClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the progress bar","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"classes":{"type":"String","desc":"Add CSS class(es) to the notification for easier customization","examples":["my-notif-class"]},"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the notification","examples":["{ role: 'alertdialog' }"]},"timeout":{"type":"Number","desc":"Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.","default":5000,"required":false},"actions":{"type":"Array","tsType":"QNotifyAction","desc":"Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop","definition":{"handler":{"type":"Function","configFileType":null,"desc":"Function to be executed when the button is clicked/tapped","params":null,"returns":null,"examples":["() => { console.log('button clicked') }"]},"noDismiss":{"type":"Boolean","desc":"Do not dismiss the notification when the button is clicked/tapped"},"...":{"type":"Any","desc":"Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)","examples":["label: 'Learn more'","color: 'primary'"]}},"examples":["[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"]},"onDismiss":{"type":"Function","configFileType":null,"desc":"Function to call when notification gets dismissed","params":null,"returns":null,"examples":["() => { console.log('Dismissed') }"]},"closeBtn":{"type":["Boolean","String"],"desc":"Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language","examples":["Close me"]},"multiLine":{"type":"Boolean","desc":"Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"}}},"methods":{"create":{"tsInjectionPoint":true,"desc":"Creates a notification; Same as calling $q.notify(...)","params":{"opts":{"type":["Object","String"],"tsType":"QNotifyCreateOptions","autoDefineTsType":true,"required":true,"desc":"Notification options","definition":{"type":{"type":"String","desc":"Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')","examples":["negative","custom-type"]},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"textColor":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"message":{"type":"String","desc":"The content of your message","examples":["John Doe pinged you"]},"caption":{"type":"String","desc":"The content of your optional caption","examples":["5 minutes ago"]},"html":{"type":"Boolean","desc":"Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"iconColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"iconSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"avatar":{"type":"String","desc":"URL to an avatar/image; Suggestion: use public folder","examples":["(public folder) img/something.png","(relative path format) require('./my_img.jpg')","(URL) https://some-site.net/some-img.gif"]},"spinner":{"type":["Boolean","Component"],"desc":"Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown","examples":[true,"QSpinnerBars"]},"spinnerColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"spinnerSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"position":{"type":"String","desc":"Window side/corner to stick to","default":"bottom","values":["top-left","top-right","bottom-left","bottom-right","top","bottom","left","right","center"],"required":false},"group":{"type":["Boolean","String","Number"],"desc":"Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered","default":"(message + caption + multiline + actions labels + position)","examples":["my-group"],"required":false},"badgeColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgeTextColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgePosition":{"type":"String","desc":"Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left","default":"(top-left/top-right)","values":["top-left","top-right","bottom-left","bottom-right"],"required":false},"badgeStyle":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the badge","examples":["background-color: #ff0000","{ backgroundColor: '#ff0000' }"]},"badgeClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the badge","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"progress":{"type":"Boolean","desc":"Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"},"progressClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the progress bar","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"classes":{"type":"String","desc":"Add CSS class(es) to the notification for easier customization","examples":["my-notif-class"]},"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the notification","examples":["{ role: 'alertdialog' }"]},"timeout":{"type":"Number","desc":"Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.","default":5000,"examples":[2500],"required":false},"actions":{"type":"Array","tsType":"QNotifyAction","desc":"Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop","definition":{"handler":{"type":"Function","desc":"Function to be executed when the button is clicked/tapped","params":null,"returns":null,"examples":["() => { console.log('button clicked') }"]},"noDismiss":{"type":"Boolean","desc":"Do not dismiss the notification when the button is clicked/tapped"},"...":{"type":"Any","desc":"Any other QBtn prop expect 'onClick' (use 'handler' instead)","examples":["label: 'Learn more'","color: 'primary'"]}},"examples":["[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"]},"onDismiss":{"type":"Function","desc":"Function to call when notification gets dismissed","params":null,"returns":null,"examples":["() => { console.log('Dismissed') }"]},"closeBtn":{"type":["Boolean","String"],"desc":"Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language","examples":["Close me"]},"multiLine":{"type":"Boolean","desc":"Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"},"ignoreDefaults":{"type":"Boolean","desc":"Ignore the default configuration (set by setDefaults()) for this instance only"}}}},"returns":{"type":"Function","desc":"Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)","params":{"props":{"type":"Object","tsType":"QNotifyUpdateOptions","required":false,"desc":"Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification; (See 'opts' param of 'create()' for object properties, except 'group' and 'position')"}},"returns":null}},"setDefaults":{"desc":"Merge options into the default ones","params":{"opts":{"type":"Object","tsType":"QNotifyOptions","required":true,"desc":"Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"}}},"registerType":{"desc":"Register a new type of notification (or override an existing one)","params":{"typeName":{"type":"String","required":true,"desc":"Name of the type (to be used as 'type' prop later on)","examples":["my-type"]},"typeOpts":{"type":"Object","tsType":"QNotifyOptions","required":true,"desc":"Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"}}}}}
|