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/QDialog.json
CHANGED
|
@@ -1,259 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/dialog"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"transition-show": {
|
|
8
|
-
"type": "String",
|
|
9
|
-
"desc": "One of Quasar's embedded transitions",
|
|
10
|
-
"examples": [
|
|
11
|
-
"fade",
|
|
12
|
-
"slide-down"
|
|
13
|
-
],
|
|
14
|
-
"category": "transition",
|
|
15
|
-
"default": "fade",
|
|
16
|
-
"required": false
|
|
17
|
-
},
|
|
18
|
-
"transition-hide": {
|
|
19
|
-
"type": "String",
|
|
20
|
-
"desc": "One of Quasar's embedded transitions",
|
|
21
|
-
"examples": [
|
|
22
|
-
"fade",
|
|
23
|
-
"slide-down"
|
|
24
|
-
],
|
|
25
|
-
"category": "transition",
|
|
26
|
-
"default": "fade",
|
|
27
|
-
"required": false
|
|
28
|
-
},
|
|
29
|
-
"transition-duration": {
|
|
30
|
-
"type": [
|
|
31
|
-
"String",
|
|
32
|
-
"Number"
|
|
33
|
-
],
|
|
34
|
-
"desc": "Transition duration (in milliseconds, without unit)",
|
|
35
|
-
"default": 300,
|
|
36
|
-
"category": "transition",
|
|
37
|
-
"required": false
|
|
38
|
-
},
|
|
39
|
-
"model-value": {
|
|
40
|
-
"type": "Boolean",
|
|
41
|
-
"desc": "Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
|
|
42
|
-
"category": "model"
|
|
43
|
-
},
|
|
44
|
-
"persistent": {
|
|
45
|
-
"type": "Boolean",
|
|
46
|
-
"desc": "User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it",
|
|
47
|
-
"category": "behavior"
|
|
48
|
-
},
|
|
49
|
-
"no-esc-dismiss": {
|
|
50
|
-
"type": "Boolean",
|
|
51
|
-
"desc": "User cannot dismiss Dialog by hitting ESC key; No need to set it if 'persistent' prop is also set",
|
|
52
|
-
"category": "behavior"
|
|
53
|
-
},
|
|
54
|
-
"no-backdrop-dismiss": {
|
|
55
|
-
"type": "Boolean",
|
|
56
|
-
"desc": "User cannot dismiss Dialog by clicking outside of it; No need to set it if 'persistent' prop is also set",
|
|
57
|
-
"category": "behavior"
|
|
58
|
-
},
|
|
59
|
-
"no-route-dismiss": {
|
|
60
|
-
"type": "Boolean",
|
|
61
|
-
"desc": "Changing route app won't dismiss Dialog; No need to set it if 'persistent' prop is also set",
|
|
62
|
-
"category": "behavior"
|
|
63
|
-
},
|
|
64
|
-
"auto-close": {
|
|
65
|
-
"type": "Boolean",
|
|
66
|
-
"desc": "Any click/tap inside of the dialog will close it",
|
|
67
|
-
"category": "behavior"
|
|
68
|
-
},
|
|
69
|
-
"seamless": {
|
|
70
|
-
"type": "Boolean",
|
|
71
|
-
"desc": "Put Dialog into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too",
|
|
72
|
-
"category": "content"
|
|
73
|
-
},
|
|
74
|
-
"maximized": {
|
|
75
|
-
"type": "Boolean",
|
|
76
|
-
"desc": "Put Dialog into maximized mode",
|
|
77
|
-
"category": "content"
|
|
78
|
-
},
|
|
79
|
-
"full-width": {
|
|
80
|
-
"type": "Boolean",
|
|
81
|
-
"desc": "Dialog will try to render with same width as the window",
|
|
82
|
-
"category": "content"
|
|
83
|
-
},
|
|
84
|
-
"full-height": {
|
|
85
|
-
"type": "Boolean",
|
|
86
|
-
"desc": "Dialog will try to render with same height as the window",
|
|
87
|
-
"category": "content"
|
|
88
|
-
},
|
|
89
|
-
"position": {
|
|
90
|
-
"type": "String",
|
|
91
|
-
"desc": "Stick dialog to one of the sides (top, right, bottom or left)",
|
|
92
|
-
"default": "standard",
|
|
93
|
-
"values": [
|
|
94
|
-
"standard",
|
|
95
|
-
"top",
|
|
96
|
-
"right",
|
|
97
|
-
"bottom",
|
|
98
|
-
"left"
|
|
99
|
-
],
|
|
100
|
-
"category": "content",
|
|
101
|
-
"required": false
|
|
102
|
-
},
|
|
103
|
-
"square": {
|
|
104
|
-
"type": "Boolean",
|
|
105
|
-
"desc": "Forces content to have squared borders",
|
|
106
|
-
"category": "style"
|
|
107
|
-
},
|
|
108
|
-
"no-refocus": {
|
|
109
|
-
"type": "Boolean",
|
|
110
|
-
"desc": "(Accessibility) When Dialog gets hidden, do not refocus on the DOM element that previously had focus",
|
|
111
|
-
"category": "behavior"
|
|
112
|
-
},
|
|
113
|
-
"no-focus": {
|
|
114
|
-
"type": "Boolean",
|
|
115
|
-
"desc": "(Accessibility) When Dialog gets shown, do not switch focus on it",
|
|
116
|
-
"category": "behavior"
|
|
117
|
-
},
|
|
118
|
-
"no-shake": {
|
|
119
|
-
"type": "Boolean",
|
|
120
|
-
"desc": "Do not shake up the Dialog to catch user's attention",
|
|
121
|
-
"category": "behavior",
|
|
122
|
-
"addedIn": "v2.1.1"
|
|
123
|
-
},
|
|
124
|
-
"allow-focus-outside": {
|
|
125
|
-
"type": "Boolean",
|
|
126
|
-
"desc": "Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus",
|
|
127
|
-
"category": "behavior",
|
|
128
|
-
"addedIn": "v2.7.2"
|
|
129
|
-
}
|
|
130
|
-
},
|
|
131
|
-
"slots": {
|
|
132
|
-
"default": {
|
|
133
|
-
"desc": "Default slot in the devland unslotted content of the component"
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
"events": {
|
|
137
|
-
"update:model-value": {
|
|
138
|
-
"desc": "Emitted when showing/hidden state changes; Is also used by v-model",
|
|
139
|
-
"params": {
|
|
140
|
-
"value": {
|
|
141
|
-
"type": "Boolean",
|
|
142
|
-
"desc": "New state (showing/hidden)"
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
"show": {
|
|
147
|
-
"desc": "Emitted after component has triggered show()",
|
|
148
|
-
"params": {
|
|
149
|
-
"evt": {
|
|
150
|
-
"type": "Event",
|
|
151
|
-
"desc": "JS event object",
|
|
152
|
-
"required": true
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
},
|
|
156
|
-
"before-show": {
|
|
157
|
-
"desc": "Emitted when component triggers show() but before it finishes doing it",
|
|
158
|
-
"params": {
|
|
159
|
-
"evt": {
|
|
160
|
-
"type": "Event",
|
|
161
|
-
"desc": "JS event object",
|
|
162
|
-
"required": true
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
|
-
"hide": {
|
|
167
|
-
"desc": "Emitted after component has triggered hide()",
|
|
168
|
-
"params": {
|
|
169
|
-
"evt": {
|
|
170
|
-
"type": "Event",
|
|
171
|
-
"desc": "JS event object",
|
|
172
|
-
"required": true
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
|
-
"before-hide": {
|
|
177
|
-
"desc": "Emitted when component triggers hide() but before it finishes doing it",
|
|
178
|
-
"params": {
|
|
179
|
-
"evt": {
|
|
180
|
-
"type": "Event",
|
|
181
|
-
"desc": "JS event object",
|
|
182
|
-
"required": true
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
},
|
|
186
|
-
"shake": {
|
|
187
|
-
"desc": "Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set"
|
|
188
|
-
},
|
|
189
|
-
"escape-key": {
|
|
190
|
-
"desc": "Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set"
|
|
191
|
-
}
|
|
192
|
-
},
|
|
193
|
-
"methods": {
|
|
194
|
-
"show": {
|
|
195
|
-
"desc": "Triggers component to show",
|
|
196
|
-
"params": {
|
|
197
|
-
"evt": {
|
|
198
|
-
"type": "Event",
|
|
199
|
-
"desc": "JS event object",
|
|
200
|
-
"required": false
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
},
|
|
204
|
-
"hide": {
|
|
205
|
-
"desc": "Triggers component to hide",
|
|
206
|
-
"params": {
|
|
207
|
-
"evt": {
|
|
208
|
-
"type": "Event",
|
|
209
|
-
"desc": "JS event object",
|
|
210
|
-
"required": false
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
},
|
|
214
|
-
"toggle": {
|
|
215
|
-
"params": {
|
|
216
|
-
"evt": {
|
|
217
|
-
"type": "Event",
|
|
218
|
-
"desc": "JS event object",
|
|
219
|
-
"required": false
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
"desc": "Triggers component to toggle between show/hide"
|
|
223
|
-
},
|
|
224
|
-
"focus": {
|
|
225
|
-
"desc": "Focus dialog; if you have content with autofocus attribute, it will directly focus it",
|
|
226
|
-
"params": {
|
|
227
|
-
"selector": {
|
|
228
|
-
"type": "String",
|
|
229
|
-
"required": false,
|
|
230
|
-
"desc": "Optional CSS selector to override default focusable element",
|
|
231
|
-
"examples": [
|
|
232
|
-
"[tabindex]:not([tabindex=\"-1\"])"
|
|
233
|
-
],
|
|
234
|
-
"addedIn": "v2.6.5"
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
},
|
|
238
|
-
"shake": {
|
|
239
|
-
"desc": "Shakes dialog",
|
|
240
|
-
"params": {
|
|
241
|
-
"focusTarget": {
|
|
242
|
-
"type": "Element",
|
|
243
|
-
"desc": "Optional DOM Element to be focused after shake",
|
|
244
|
-
"examples": [
|
|
245
|
-
"document.getElementById('example')"
|
|
246
|
-
],
|
|
247
|
-
"addedIn": "v2.10.1"
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
},
|
|
252
|
-
"computedProps": {
|
|
253
|
-
"contentEl": {
|
|
254
|
-
"type": "Element",
|
|
255
|
-
"desc": "The DOM Element of the rendered content",
|
|
256
|
-
"addedIn": "v2.10.1"
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/dialog"},"props":{"transition-show":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-hide":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":300,"category":"transition","required":false},"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"persistent":{"type":"Boolean","desc":"User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-esc-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by hitting ESC key; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-backdrop-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by clicking outside of it; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss Dialog; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Any click/tap inside of the dialog will close it","category":"behavior"},"seamless":{"type":"Boolean","desc":"Put Dialog into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too","category":"content"},"maximized":{"type":"Boolean","desc":"Put Dialog into maximized mode","category":"content"},"full-width":{"type":"Boolean","desc":"Dialog will try to render with same width as the window","category":"content"},"full-height":{"type":"Boolean","desc":"Dialog will try to render with same height as the window","category":"content"},"position":{"type":"String","desc":"Stick dialog to one of the sides (top, right, bottom or left)","default":"standard","values":["standard","top","right","bottom","left"],"category":"content","required":false},"square":{"type":"Boolean","desc":"Forces content to have squared borders","category":"style"},"no-refocus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets hidden, do not refocus on the DOM element that previously had focus","category":"behavior"},"no-focus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets shown, do not switch focus on it","category":"behavior"},"no-shake":{"type":"Boolean","desc":"Do not shake up the Dialog to catch user's attention","category":"behavior","addedIn":"v2.1.1"},"allow-focus-outside":{"type":"Boolean","desc":"Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus","category":"behavior","addedIn":"v2.7.2"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"shake":{"desc":"Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set"},"escape-key":{"desc":"Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set"}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"},"focus":{"desc":"Focus dialog; if you have content with autofocus attribute, it will directly focus it","params":{"selector":{"type":"String","required":false,"desc":"Optional CSS selector to override default focusable element","examples":["[tabindex]:not([tabindex=\"-1\"])"],"addedIn":"v2.6.5"}}},"shake":{"desc":"Shakes dialog","params":{"focusTarget":{"type":"Element","desc":"Optional DOM Element to be focused after shake","examples":["document.getElementById('example')"],"addedIn":"v2.10.1"}}}},"computedProps":{"contentEl":{"type":"Element","desc":"The DOM Element of the rendered content","addedIn":"v2.10.1"}}}
|
package/dist/api/QDrawer.json
CHANGED
|
@@ -1,272 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/layout/drawer"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"model-value": {
|
|
8
|
-
"type": "Boolean",
|
|
9
|
-
"desc": "Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
|
|
10
|
-
"category": "model"
|
|
11
|
-
},
|
|
12
|
-
"side": {
|
|
13
|
-
"type": "String",
|
|
14
|
-
"desc": "Side to attach to",
|
|
15
|
-
"values": [
|
|
16
|
-
"left",
|
|
17
|
-
"right"
|
|
18
|
-
],
|
|
19
|
-
"default": "left",
|
|
20
|
-
"category": "behavior",
|
|
21
|
-
"required": false
|
|
22
|
-
},
|
|
23
|
-
"overlay": {
|
|
24
|
-
"type": "Boolean",
|
|
25
|
-
"desc": "Puts drawer into overlay mode (does not occupy space on screen, narrowing the page)",
|
|
26
|
-
"category": "behavior"
|
|
27
|
-
},
|
|
28
|
-
"width": {
|
|
29
|
-
"type": "Number",
|
|
30
|
-
"desc": "Width of drawer (in pixels)",
|
|
31
|
-
"default": 300,
|
|
32
|
-
"examples": [
|
|
33
|
-
":width=\"350\""
|
|
34
|
-
],
|
|
35
|
-
"category": "style",
|
|
36
|
-
"required": false
|
|
37
|
-
},
|
|
38
|
-
"mini": {
|
|
39
|
-
"type": "Boolean",
|
|
40
|
-
"desc": "Puts drawer into mini mode",
|
|
41
|
-
"category": "behavior"
|
|
42
|
-
},
|
|
43
|
-
"mini-width": {
|
|
44
|
-
"type": "Number",
|
|
45
|
-
"desc": "Width of drawer (in pixels) when in mini mode",
|
|
46
|
-
"default": 60,
|
|
47
|
-
"examples": [
|
|
48
|
-
":mini-width=\"100\""
|
|
49
|
-
],
|
|
50
|
-
"category": "style",
|
|
51
|
-
"required": false
|
|
52
|
-
},
|
|
53
|
-
"mini-to-overlay": {
|
|
54
|
-
"type": "Boolean",
|
|
55
|
-
"desc": "Mini mode will expand as an overlay",
|
|
56
|
-
"category": "behavior"
|
|
57
|
-
},
|
|
58
|
-
"no-mini-animation": {
|
|
59
|
-
"type": "Boolean",
|
|
60
|
-
"desc": "Disables animation of the drawer when toggling mini mode",
|
|
61
|
-
"category": "behavior",
|
|
62
|
-
"addedIn": "v2.12.0"
|
|
63
|
-
},
|
|
64
|
-
"dark": {
|
|
65
|
-
"type": [
|
|
66
|
-
"Boolean",
|
|
67
|
-
"null"
|
|
68
|
-
],
|
|
69
|
-
"default": null,
|
|
70
|
-
"desc": "Notify the component that the background is a dark color",
|
|
71
|
-
"category": "style",
|
|
72
|
-
"required": false
|
|
73
|
-
},
|
|
74
|
-
"breakpoint": {
|
|
75
|
-
"type": "Number",
|
|
76
|
-
"desc": "Breakpoint (in pixels) of layout width up to which mobile mode is used",
|
|
77
|
-
"default": 1023,
|
|
78
|
-
"examples": [
|
|
79
|
-
1200,
|
|
80
|
-
":breakpoint=\"1400\""
|
|
81
|
-
],
|
|
82
|
-
"category": "behavior",
|
|
83
|
-
"required": false
|
|
84
|
-
},
|
|
85
|
-
"behavior": {
|
|
86
|
-
"type": "String",
|
|
87
|
-
"desc": "Overrides the default dynamic mode into which the drawer is put on",
|
|
88
|
-
"values": [
|
|
89
|
-
"default",
|
|
90
|
-
"desktop",
|
|
91
|
-
"mobile"
|
|
92
|
-
],
|
|
93
|
-
"default": "default",
|
|
94
|
-
"category": "behavior",
|
|
95
|
-
"required": false
|
|
96
|
-
},
|
|
97
|
-
"bordered": {
|
|
98
|
-
"type": "Boolean",
|
|
99
|
-
"desc": "Applies a default border to the component",
|
|
100
|
-
"category": "style"
|
|
101
|
-
},
|
|
102
|
-
"elevated": {
|
|
103
|
-
"type": "Boolean",
|
|
104
|
-
"desc": "Adds a default shadow to the header",
|
|
105
|
-
"category": "style"
|
|
106
|
-
},
|
|
107
|
-
"persistent": {
|
|
108
|
-
"type": "Boolean",
|
|
109
|
-
"desc": "Prevents drawer from auto-closing when app's route changes",
|
|
110
|
-
"category": "behavior"
|
|
111
|
-
},
|
|
112
|
-
"show-if-above": {
|
|
113
|
-
"type": "Boolean",
|
|
114
|
-
"desc": "Forces drawer to be shown on screen on initial render if the layout width is above breakpoint, regardless of v-model; This is the default behavior when SSR is taken over by client on initial render",
|
|
115
|
-
"category": "behavior"
|
|
116
|
-
},
|
|
117
|
-
"no-swipe-open": {
|
|
118
|
-
"type": "Boolean",
|
|
119
|
-
"desc": "Disables the default behavior where drawer can be swiped into view; Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature",
|
|
120
|
-
"category": "behavior"
|
|
121
|
-
},
|
|
122
|
-
"no-swipe-close": {
|
|
123
|
-
"type": "Boolean",
|
|
124
|
-
"desc": "Disables the default behavior where drawer can be swiped out of view (applies to drawer content only); Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature",
|
|
125
|
-
"category": "behavior"
|
|
126
|
-
},
|
|
127
|
-
"no-swipe-backdrop": {
|
|
128
|
-
"type": "Boolean",
|
|
129
|
-
"desc": "Disables the default behavior where drawer backdrop can be swiped",
|
|
130
|
-
"category": "behavior"
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
"slots": {
|
|
134
|
-
"default": {
|
|
135
|
-
"desc": "Default slot in the devland unslotted content of the component (overridden by 'mini' slot if used and drawer is in mini mode)"
|
|
136
|
-
},
|
|
137
|
-
"mini": {
|
|
138
|
-
"desc": "Content to show when in mini mode (overrides 'default' slot)"
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
"events": {
|
|
142
|
-
"update:model-value": {
|
|
143
|
-
"desc": "Emitted when showing/hidden state changes; Is also used by v-model",
|
|
144
|
-
"params": {
|
|
145
|
-
"value": {
|
|
146
|
-
"type": "Boolean",
|
|
147
|
-
"desc": "New state (showing/hidden)"
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
"show": {
|
|
152
|
-
"desc": "Emitted after component has triggered show()",
|
|
153
|
-
"params": {
|
|
154
|
-
"evt": {
|
|
155
|
-
"type": "Event",
|
|
156
|
-
"desc": "JS event object",
|
|
157
|
-
"required": true
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
"before-show": {
|
|
162
|
-
"desc": "Emitted when component triggers show() but before it finishes doing it",
|
|
163
|
-
"params": {
|
|
164
|
-
"evt": {
|
|
165
|
-
"type": "Event",
|
|
166
|
-
"desc": "JS event object",
|
|
167
|
-
"required": true
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
"hide": {
|
|
172
|
-
"desc": "Emitted after component has triggered hide()",
|
|
173
|
-
"params": {
|
|
174
|
-
"evt": {
|
|
175
|
-
"type": "Event",
|
|
176
|
-
"desc": "JS event object",
|
|
177
|
-
"required": true
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
"before-hide": {
|
|
182
|
-
"desc": "Emitted when component triggers hide() but before it finishes doing it",
|
|
183
|
-
"params": {
|
|
184
|
-
"evt": {
|
|
185
|
-
"type": "Event",
|
|
186
|
-
"desc": "JS event object",
|
|
187
|
-
"required": true
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
"on-layout": {
|
|
192
|
-
"desc": "Emitted when drawer toggles between occupying space on page or not",
|
|
193
|
-
"params": {
|
|
194
|
-
"state": {
|
|
195
|
-
"type": "Boolean",
|
|
196
|
-
"desc": "New state"
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
"click": {
|
|
201
|
-
"desc": "Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode",
|
|
202
|
-
"params": {
|
|
203
|
-
"evt": {
|
|
204
|
-
"type": "Event",
|
|
205
|
-
"desc": "JS event object",
|
|
206
|
-
"required": true
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
},
|
|
210
|
-
"mouseover": {
|
|
211
|
-
"desc": "Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode",
|
|
212
|
-
"params": {
|
|
213
|
-
"evt": {
|
|
214
|
-
"type": "Event",
|
|
215
|
-
"desc": "JS event object",
|
|
216
|
-
"required": true
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
},
|
|
220
|
-
"mouseout": {
|
|
221
|
-
"desc": "Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode",
|
|
222
|
-
"params": {
|
|
223
|
-
"evt": {
|
|
224
|
-
"type": "Event",
|
|
225
|
-
"desc": "JS event object",
|
|
226
|
-
"required": true
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
},
|
|
230
|
-
"mini-state": {
|
|
231
|
-
"desc": "Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)",
|
|
232
|
-
"params": {
|
|
233
|
-
"state": {
|
|
234
|
-
"type": "Boolean",
|
|
235
|
-
"desc": "New state"
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
"methods": {
|
|
241
|
-
"show": {
|
|
242
|
-
"desc": "Triggers component to show",
|
|
243
|
-
"params": {
|
|
244
|
-
"evt": {
|
|
245
|
-
"type": "Event",
|
|
246
|
-
"desc": "JS event object",
|
|
247
|
-
"required": false
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
},
|
|
251
|
-
"hide": {
|
|
252
|
-
"desc": "Triggers component to hide",
|
|
253
|
-
"params": {
|
|
254
|
-
"evt": {
|
|
255
|
-
"type": "Event",
|
|
256
|
-
"desc": "JS event object",
|
|
257
|
-
"required": false
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
"toggle": {
|
|
262
|
-
"params": {
|
|
263
|
-
"evt": {
|
|
264
|
-
"type": "Event",
|
|
265
|
-
"desc": "JS event object",
|
|
266
|
-
"required": false
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
"desc": "Triggers component to toggle between show/hide"
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/drawer"},"props":{"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"side":{"type":"String","desc":"Side to attach to","values":["left","right"],"default":"left","category":"behavior","required":false},"overlay":{"type":"Boolean","desc":"Puts drawer into overlay mode (does not occupy space on screen, narrowing the page)","category":"behavior"},"width":{"type":"Number","desc":"Width of drawer (in pixels)","default":300,"examples":[":width=\"350\""],"category":"style","required":false},"mini":{"type":"Boolean","desc":"Puts drawer into mini mode","category":"behavior"},"mini-width":{"type":"Number","desc":"Width of drawer (in pixels) when in mini mode","default":60,"examples":[":mini-width=\"100\""],"category":"style","required":false},"mini-to-overlay":{"type":"Boolean","desc":"Mini mode will expand as an overlay","category":"behavior"},"no-mini-animation":{"type":"Boolean","desc":"Disables animation of the drawer when toggling mini mode","category":"behavior","addedIn":"v2.12.0"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"breakpoint":{"type":"Number","desc":"Breakpoint (in pixels) of layout width up to which mobile mode is used","default":1023,"examples":[1200,":breakpoint=\"1400\""],"category":"behavior","required":false},"behavior":{"type":"String","desc":"Overrides the default dynamic mode into which the drawer is put on","values":["default","desktop","mobile"],"default":"default","category":"behavior","required":false},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the header","category":"style"},"persistent":{"type":"Boolean","desc":"Prevents drawer from auto-closing when app's route changes; Also, an app route change won't hide it","category":"behavior"},"show-if-above":{"type":"Boolean","desc":"Forces drawer to be shown on screen on initial render if the layout width is above breakpoint, regardless of v-model; This is the default behavior when SSR is taken over by client on initial render","category":"behavior"},"no-swipe-open":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped into view; Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-close":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped out of view (applies to drawer content only); Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-backdrop":{"type":"Boolean","desc":"Disables the default behavior where drawer backdrop can be swiped","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component (overridden by 'mini' slot if used and drawer is in mini mode)"},"mini":{"desc":"Content to show when in mini mode (overrides 'default' slot)"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"on-layout":{"desc":"Emitted when drawer toggles between occupying space on page or not","params":{"state":{"type":"Boolean","desc":"New state"}}},"click":{"desc":"Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseover":{"desc":"Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseout":{"desc":"Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mini-state":{"desc":"Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)","params":{"state":{"type":"Boolean","desc":"New state"}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}}}
|