quasar 2.14.4 → 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.cjs.prod.js +123 -2
- package/dist/quasar.css +25 -30
- package/dist/quasar.esm.js +16930 -26278
- package/dist/quasar.esm.prod.js +123 -2
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +31 -50
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +18 -25
- package/dist/quasar.umd.js +16733 -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 +18 -22
- 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/card/QCard.sass +17 -24
- 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/inner-loading/QInnerLoading.js +1 -1
- package/src/components/inner-loading/QInnerLoading.sass +1 -0
- package/src/components/input/use-mask.js +3 -3
- package/src/components/menu/QMenu.json +1 -1
- package/src/components/no-ssr/QNoSsr.js +4 -4
- package/src/components/page-sticky/use-page-sticky.js +4 -4
- package/src/components/popup-edit/QPopupEdit.js +1 -1
- package/src/components/resize-observer/QResizeObserver.js +1 -0
- 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/QCarousel.json
CHANGED
|
@@ -1,421 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/carousel"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"fullscreen": {
|
|
8
|
-
"type": "Boolean",
|
|
9
|
-
"sync": true,
|
|
10
|
-
"desc": "Fullscreen mode",
|
|
11
|
-
"examples": [
|
|
12
|
-
"v-model:fullscreen=\"isFullscreen\""
|
|
13
|
-
],
|
|
14
|
-
"category": "behavior",
|
|
15
|
-
"syncable": true
|
|
16
|
-
},
|
|
17
|
-
"no-route-fullscreen-exit": {
|
|
18
|
-
"type": "Boolean",
|
|
19
|
-
"desc": "Changing route app won't exit fullscreen",
|
|
20
|
-
"category": "behavior"
|
|
21
|
-
},
|
|
22
|
-
"model-value": {
|
|
23
|
-
"type": "Any",
|
|
24
|
-
"desc": "Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.",
|
|
25
|
-
"examples": [
|
|
26
|
-
"v-model=\"panelName\""
|
|
27
|
-
],
|
|
28
|
-
"category": "model"
|
|
29
|
-
},
|
|
30
|
-
"keep-alive": {
|
|
31
|
-
"type": "Boolean",
|
|
32
|
-
"desc": "Equivalent to using Vue's native <keep-alive> component on the content",
|
|
33
|
-
"category": "behavior"
|
|
34
|
-
},
|
|
35
|
-
"keep-alive-include": {
|
|
36
|
-
"type": [
|
|
37
|
-
"String",
|
|
38
|
-
"Array",
|
|
39
|
-
"RegExp"
|
|
40
|
-
],
|
|
41
|
-
"desc": "Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names",
|
|
42
|
-
"examples": [
|
|
43
|
-
"a,b",
|
|
44
|
-
"/a|b/",
|
|
45
|
-
"['a', 'b']"
|
|
46
|
-
],
|
|
47
|
-
"category": "behavior"
|
|
48
|
-
},
|
|
49
|
-
"keep-alive-exclude": {
|
|
50
|
-
"type": [
|
|
51
|
-
"String",
|
|
52
|
-
"Array",
|
|
53
|
-
"RegExp"
|
|
54
|
-
],
|
|
55
|
-
"desc": "Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names",
|
|
56
|
-
"examples": [
|
|
57
|
-
"a,b",
|
|
58
|
-
"/a|b/",
|
|
59
|
-
"['a', 'b']"
|
|
60
|
-
],
|
|
61
|
-
"category": "behavior"
|
|
62
|
-
},
|
|
63
|
-
"keep-alive-max": {
|
|
64
|
-
"type": "Number",
|
|
65
|
-
"desc": "Equivalent to using Vue's native max prop for <keep-alive>",
|
|
66
|
-
"category": "behavior"
|
|
67
|
-
},
|
|
68
|
-
"animated": {
|
|
69
|
-
"type": "Boolean",
|
|
70
|
-
"desc": "Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)",
|
|
71
|
-
"category": "behavior"
|
|
72
|
-
},
|
|
73
|
-
"infinite": {
|
|
74
|
-
"type": "Boolean",
|
|
75
|
-
"desc": "Makes component appear as infinite (when reaching last panel, next one will become the first one)",
|
|
76
|
-
"category": "behavior"
|
|
77
|
-
},
|
|
78
|
-
"swipeable": {
|
|
79
|
-
"type": "Boolean",
|
|
80
|
-
"desc": "Enable swipe events (may interfere with content's touch/mouse events)",
|
|
81
|
-
"category": "behavior"
|
|
82
|
-
},
|
|
83
|
-
"vertical": {
|
|
84
|
-
"type": "Boolean",
|
|
85
|
-
"desc": "Default transitions and swipe actions will be on the vertical axis",
|
|
86
|
-
"category": "behavior"
|
|
87
|
-
},
|
|
88
|
-
"transition-prev": {
|
|
89
|
-
"type": "String",
|
|
90
|
-
"desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
|
|
91
|
-
"examples": [
|
|
92
|
-
"fade",
|
|
93
|
-
"slide-down"
|
|
94
|
-
],
|
|
95
|
-
"category": "transition",
|
|
96
|
-
"default": "fade",
|
|
97
|
-
"required": false
|
|
98
|
-
},
|
|
99
|
-
"transition-next": {
|
|
100
|
-
"type": "String",
|
|
101
|
-
"desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
|
|
102
|
-
"examples": [
|
|
103
|
-
"fade",
|
|
104
|
-
"slide-down"
|
|
105
|
-
],
|
|
106
|
-
"category": "transition",
|
|
107
|
-
"default": "fade",
|
|
108
|
-
"required": false
|
|
109
|
-
},
|
|
110
|
-
"transition-duration": {
|
|
111
|
-
"type": [
|
|
112
|
-
"String",
|
|
113
|
-
"Number"
|
|
114
|
-
],
|
|
115
|
-
"desc": "Transition duration (in milliseconds, without unit)",
|
|
116
|
-
"default": 300,
|
|
117
|
-
"category": "transition",
|
|
118
|
-
"addedIn": "v2.2",
|
|
119
|
-
"required": false
|
|
120
|
-
},
|
|
121
|
-
"dark": {
|
|
122
|
-
"type": [
|
|
123
|
-
"Boolean",
|
|
124
|
-
"null"
|
|
125
|
-
],
|
|
126
|
-
"default": null,
|
|
127
|
-
"desc": "Notify the component that the background is a dark color",
|
|
128
|
-
"category": "style",
|
|
129
|
-
"required": false
|
|
130
|
-
},
|
|
131
|
-
"height": {
|
|
132
|
-
"type": "String",
|
|
133
|
-
"desc": "Height of Carousel in CSS units, including unit name",
|
|
134
|
-
"examples": [
|
|
135
|
-
"16px",
|
|
136
|
-
"2rem"
|
|
137
|
-
],
|
|
138
|
-
"category": "style"
|
|
139
|
-
},
|
|
140
|
-
"padding": {
|
|
141
|
-
"type": "Boolean",
|
|
142
|
-
"desc": "Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props",
|
|
143
|
-
"category": "content"
|
|
144
|
-
},
|
|
145
|
-
"control-color": {
|
|
146
|
-
"type": "String",
|
|
147
|
-
"tsType": "NamedColor",
|
|
148
|
-
"desc": "Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette",
|
|
149
|
-
"examples": [
|
|
150
|
-
"primary",
|
|
151
|
-
"teal",
|
|
152
|
-
"teal-10"
|
|
153
|
-
],
|
|
154
|
-
"category": "style"
|
|
155
|
-
},
|
|
156
|
-
"control-text-color": {
|
|
157
|
-
"type": "String",
|
|
158
|
-
"tsType": "NamedColor",
|
|
159
|
-
"desc": "Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette",
|
|
160
|
-
"examples": [
|
|
161
|
-
"primary",
|
|
162
|
-
"teal",
|
|
163
|
-
"teal-10"
|
|
164
|
-
],
|
|
165
|
-
"category": "style"
|
|
166
|
-
},
|
|
167
|
-
"control-type": {
|
|
168
|
-
"type": "String",
|
|
169
|
-
"desc": "Type of button to use for controls (arrows, navigation)",
|
|
170
|
-
"values": [
|
|
171
|
-
"regular",
|
|
172
|
-
"flat",
|
|
173
|
-
"outline",
|
|
174
|
-
"push",
|
|
175
|
-
"unelevated"
|
|
176
|
-
],
|
|
177
|
-
"category": "style"
|
|
178
|
-
},
|
|
179
|
-
"autoplay": {
|
|
180
|
-
"type": [
|
|
181
|
-
"Number",
|
|
182
|
-
"Boolean"
|
|
183
|
-
],
|
|
184
|
-
"desc": "Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals",
|
|
185
|
-
"default": false,
|
|
186
|
-
"examples": [
|
|
187
|
-
":autoplay=\"2500\"",
|
|
188
|
-
true,
|
|
189
|
-
false
|
|
190
|
-
],
|
|
191
|
-
"category": "behavior",
|
|
192
|
-
"required": false
|
|
193
|
-
},
|
|
194
|
-
"arrows": {
|
|
195
|
-
"type": "Boolean",
|
|
196
|
-
"desc": "Show navigation arrow buttons",
|
|
197
|
-
"category": "content"
|
|
198
|
-
},
|
|
199
|
-
"prev-icon": {
|
|
200
|
-
"type": "String",
|
|
201
|
-
"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)",
|
|
202
|
-
"examples": [
|
|
203
|
-
"map",
|
|
204
|
-
"ion-add",
|
|
205
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
206
|
-
"img:path/to/some_image.png"
|
|
207
|
-
],
|
|
208
|
-
"category": "content"
|
|
209
|
-
},
|
|
210
|
-
"next-icon": {
|
|
211
|
-
"type": "String",
|
|
212
|
-
"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)",
|
|
213
|
-
"examples": [
|
|
214
|
-
"map",
|
|
215
|
-
"ion-add",
|
|
216
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
217
|
-
"img:path/to/some_image.png"
|
|
218
|
-
],
|
|
219
|
-
"category": "content"
|
|
220
|
-
},
|
|
221
|
-
"navigation": {
|
|
222
|
-
"type": "Boolean",
|
|
223
|
-
"desc": "Show navigation dots",
|
|
224
|
-
"category": "content"
|
|
225
|
-
},
|
|
226
|
-
"navigation-position": {
|
|
227
|
-
"type": "String",
|
|
228
|
-
"desc": "Side to stick navigation to",
|
|
229
|
-
"default": "bottom/right",
|
|
230
|
-
"values": [
|
|
231
|
-
"top",
|
|
232
|
-
"right",
|
|
233
|
-
"bottom",
|
|
234
|
-
"left"
|
|
235
|
-
],
|
|
236
|
-
"category": "content",
|
|
237
|
-
"required": false
|
|
238
|
-
},
|
|
239
|
-
"navigation-icon": {
|
|
240
|
-
"type": "String",
|
|
241
|
-
"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)",
|
|
242
|
-
"examples": [
|
|
243
|
-
"map",
|
|
244
|
-
"ion-add",
|
|
245
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
246
|
-
"img:path/to/some_image.png"
|
|
247
|
-
],
|
|
248
|
-
"category": "content"
|
|
249
|
-
},
|
|
250
|
-
"navigation-active-icon": {
|
|
251
|
-
"type": "String",
|
|
252
|
-
"desc": "Icon name following Quasar convention for the active (current slide) navigation icon; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
253
|
-
"examples": [
|
|
254
|
-
"map",
|
|
255
|
-
"ion-add",
|
|
256
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
257
|
-
"img:path/to/some_image.png"
|
|
258
|
-
],
|
|
259
|
-
"category": "content"
|
|
260
|
-
},
|
|
261
|
-
"thumbnails": {
|
|
262
|
-
"type": "Boolean",
|
|
263
|
-
"desc": "Show thumbnails",
|
|
264
|
-
"category": "content"
|
|
265
|
-
}
|
|
266
|
-
},
|
|
267
|
-
"slots": {
|
|
268
|
-
"default": {
|
|
269
|
-
"desc": "Suggestion: QCarouselSlide"
|
|
270
|
-
},
|
|
271
|
-
"control": {
|
|
272
|
-
"desc": "Slot specific for QCarouselControl"
|
|
273
|
-
},
|
|
274
|
-
"navigation-icon": {
|
|
275
|
-
"desc": "Slot for navigation icon/btn; Suggestion: QBtn",
|
|
276
|
-
"scope": {
|
|
277
|
-
"index": {
|
|
278
|
-
"type": "Number",
|
|
279
|
-
"desc": "The 0-based index of corresponding slide"
|
|
280
|
-
},
|
|
281
|
-
"maxIndex": {
|
|
282
|
-
"type": "Number",
|
|
283
|
-
"desc": "The available number of slides"
|
|
284
|
-
},
|
|
285
|
-
"name": {
|
|
286
|
-
"type": "Any",
|
|
287
|
-
"desc": "The name of the corresponding slide"
|
|
288
|
-
},
|
|
289
|
-
"active": {
|
|
290
|
-
"type": "Boolean",
|
|
291
|
-
"desc": "Is this the current slide?"
|
|
292
|
-
},
|
|
293
|
-
"btnProps": {
|
|
294
|
-
"type": "Object",
|
|
295
|
-
"desc": "Default QBtn props that can be binded to your own QBtn"
|
|
296
|
-
},
|
|
297
|
-
"onClick": {
|
|
298
|
-
"type": "Function",
|
|
299
|
-
"desc": "Default trigger when clicked/tapped on",
|
|
300
|
-
"params": {
|
|
301
|
-
"evt": {
|
|
302
|
-
"type": "Event",
|
|
303
|
-
"desc": "JS event object",
|
|
304
|
-
"required": true
|
|
305
|
-
}
|
|
306
|
-
},
|
|
307
|
-
"returns": null
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
|
-
}
|
|
311
|
-
},
|
|
312
|
-
"events": {
|
|
313
|
-
"fullscreen": {
|
|
314
|
-
"desc": "Emitted when fullscreen state changes",
|
|
315
|
-
"params": {
|
|
316
|
-
"value": {
|
|
317
|
-
"type": "Boolean",
|
|
318
|
-
"desc": "Fullscreen state (showing/hidden)"
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
},
|
|
322
|
-
"update:model-value": {
|
|
323
|
-
"desc": "Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model",
|
|
324
|
-
"params": {
|
|
325
|
-
"value": {
|
|
326
|
-
"type": [
|
|
327
|
-
"String",
|
|
328
|
-
"Number"
|
|
329
|
-
],
|
|
330
|
-
"desc": "New current panel name",
|
|
331
|
-
"examples": [
|
|
332
|
-
"dashboard"
|
|
333
|
-
]
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
},
|
|
337
|
-
"before-transition": {
|
|
338
|
-
"desc": "Emitted before transitioning to a new panel",
|
|
339
|
-
"params": {
|
|
340
|
-
"newVal": {
|
|
341
|
-
"type": [
|
|
342
|
-
"String",
|
|
343
|
-
"Number"
|
|
344
|
-
],
|
|
345
|
-
"desc": "Panel name towards transition is going",
|
|
346
|
-
"examples": [
|
|
347
|
-
"dashboard"
|
|
348
|
-
]
|
|
349
|
-
},
|
|
350
|
-
"oldVal": {
|
|
351
|
-
"type": [
|
|
352
|
-
"String",
|
|
353
|
-
"Number"
|
|
354
|
-
],
|
|
355
|
-
"desc": "Panel name from which transition is happening",
|
|
356
|
-
"examples": [
|
|
357
|
-
"dashboard"
|
|
358
|
-
]
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
},
|
|
362
|
-
"transition": {
|
|
363
|
-
"desc": "Emitted after component transitioned to a new panel",
|
|
364
|
-
"params": {
|
|
365
|
-
"newVal": {
|
|
366
|
-
"type": [
|
|
367
|
-
"String",
|
|
368
|
-
"Number"
|
|
369
|
-
],
|
|
370
|
-
"desc": "Panel name towards transition has occurred",
|
|
371
|
-
"examples": [
|
|
372
|
-
"dashboard"
|
|
373
|
-
]
|
|
374
|
-
},
|
|
375
|
-
"oldVal": {
|
|
376
|
-
"type": [
|
|
377
|
-
"String",
|
|
378
|
-
"Number"
|
|
379
|
-
],
|
|
380
|
-
"desc": "Panel name from which transition has happened",
|
|
381
|
-
"examples": [
|
|
382
|
-
"dashboard"
|
|
383
|
-
]
|
|
384
|
-
}
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
},
|
|
388
|
-
"methods": {
|
|
389
|
-
"toggleFullscreen": {
|
|
390
|
-
"desc": "Toggle the view to be fullscreen or not fullscreen"
|
|
391
|
-
},
|
|
392
|
-
"setFullscreen": {
|
|
393
|
-
"desc": "Enter the fullscreen view"
|
|
394
|
-
},
|
|
395
|
-
"exitFullscreen": {
|
|
396
|
-
"desc": "Leave the fullscreen view"
|
|
397
|
-
},
|
|
398
|
-
"next": {
|
|
399
|
-
"desc": "Go to next panel"
|
|
400
|
-
},
|
|
401
|
-
"previous": {
|
|
402
|
-
"desc": "Go to previous panel"
|
|
403
|
-
},
|
|
404
|
-
"goTo": {
|
|
405
|
-
"desc": "Go to specific panel",
|
|
406
|
-
"params": {
|
|
407
|
-
"panelName": {
|
|
408
|
-
"type": [
|
|
409
|
-
"String",
|
|
410
|
-
"Number"
|
|
411
|
-
],
|
|
412
|
-
"desc": "Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer",
|
|
413
|
-
"required": true,
|
|
414
|
-
"examples": [
|
|
415
|
-
"dashboard"
|
|
416
|
-
]
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
}
|
|
420
|
-
}
|
|
421
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"fullscreen":{"type":"Boolean","sync":true,"desc":"Fullscreen mode","examples":["v-model:fullscreen=\"isFullscreen\""],"category":"behavior","syncable":true},"no-route-fullscreen-exit":{"type":"Boolean","desc":"Changing route app won't exit fullscreen","category":"behavior"},"model-value":{"type":"Any","desc":"Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.","examples":["v-model=\"panelName\""],"category":"model"},"keep-alive":{"type":"Boolean","desc":"Equivalent to using Vue's native <keep-alive> component on the content","category":"behavior"},"keep-alive-include":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-exclude":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-max":{"type":"Number","desc":"Equivalent to using Vue's native max prop for <keep-alive>","category":"behavior"},"animated":{"type":"Boolean","desc":"Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)","category":"behavior"},"infinite":{"type":"Boolean","desc":"Makes component appear as infinite (when reaching last panel, next one will become the first one)","category":"behavior"},"swipeable":{"type":"Boolean","desc":"Enable swipe events (may interfere with content's touch/mouse events)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Default transitions and swipe actions will be on the vertical axis","category":"behavior"},"transition-prev":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-next":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","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","addedIn":"v2.2","required":false},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"height":{"type":"String","desc":"Height of Carousel in CSS units, including unit name","examples":["16px","2rem"],"category":"style"},"padding":{"type":"Boolean","desc":"Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props","category":"content"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-type":{"type":"String","desc":"Type of button to use for controls (arrows, navigation)","values":["regular","flat","outline","push","unelevated"],"category":"style"},"autoplay":{"type":["Number","Boolean"],"desc":"Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals","default":false,"examples":[":autoplay=\"2500\"",true,false],"category":"behavior","required":false},"arrows":{"type":"Boolean","desc":"Show navigation arrow buttons","category":"content"},"prev-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"},"next-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"},"navigation":{"type":"Boolean","desc":"Show navigation dots","category":"content"},"navigation-position":{"type":"String","desc":"Side to stick navigation to","default":"bottom/right","values":["top","right","bottom","left"],"category":"content","required":false},"navigation-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"},"navigation-active-icon":{"type":"String","desc":"Icon name following Quasar convention for the active (current slide) navigation icon; Make sure you have the icon library installed unless you are using 'img:' prefix","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"thumbnails":{"type":"Boolean","desc":"Show thumbnails","category":"content"}},"slots":{"default":{"desc":"Suggestion: QCarouselSlide"},"control":{"desc":"Slot specific for QCarouselControl"},"navigation-icon":{"desc":"Slot for navigation icon/btn; Suggestion: QBtn","scope":{"index":{"type":"Number","desc":"The 0-based index of corresponding slide"},"maxIndex":{"type":"Number","desc":"The available number of slides"},"name":{"type":"Any","desc":"The name of the corresponding slide"},"active":{"type":"Boolean","desc":"Is this the current slide?"},"btnProps":{"type":"Object","desc":"Default QBtn props that can be binded to your own QBtn"},"onClick":{"type":"Function","desc":"Default trigger when clicked/tapped on","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"returns":null}}}},"events":{"fullscreen":{"desc":"Emitted when fullscreen state changes","params":{"value":{"type":"Boolean","desc":"Fullscreen state (showing/hidden)"}}},"update:model-value":{"desc":"Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model","params":{"value":{"type":["String","Number"],"desc":"New current panel name","examples":["dashboard"]}}},"before-transition":{"desc":"Emitted before transitioning to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition is going","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition is happening","examples":["dashboard"]}}},"transition":{"desc":"Emitted after component transitioned to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition has occurred","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition has happened","examples":["dashboard"]}}}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"next":{"desc":"Go to next panel"},"previous":{"desc":"Go to previous panel"},"goTo":{"desc":"Go to specific panel","params":{"panelName":{"type":["String","Number"],"desc":"Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer","required":true,"examples":["dashboard"]}}}}}
|
|
@@ -1,41 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/carousel"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"position": {
|
|
8
|
-
"type": "String",
|
|
9
|
-
"desc": "Side/corner to stick to",
|
|
10
|
-
"default": "bottom-right",
|
|
11
|
-
"values": [
|
|
12
|
-
"top-right",
|
|
13
|
-
"top-left",
|
|
14
|
-
"bottom-right",
|
|
15
|
-
"bottom-left",
|
|
16
|
-
"top",
|
|
17
|
-
"right",
|
|
18
|
-
"bottom",
|
|
19
|
-
"left"
|
|
20
|
-
],
|
|
21
|
-
"category": "position",
|
|
22
|
-
"required": false
|
|
23
|
-
},
|
|
24
|
-
"offset": {
|
|
25
|
-
"type": "Array",
|
|
26
|
-
"desc": "An array of two numbers to offset the component horizontally and vertically (in pixels)",
|
|
27
|
-
"default": "[18, 18]",
|
|
28
|
-
"examples": [
|
|
29
|
-
"[8, 8]",
|
|
30
|
-
"[5, 10]"
|
|
31
|
-
],
|
|
32
|
-
"category": "position",
|
|
33
|
-
"required": false
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"slots": {
|
|
37
|
-
"default": {
|
|
38
|
-
"desc": "Default slot in the devland unslotted content of the component"
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"position":{"type":"String","desc":"Side/corner to stick to","default":"bottom-right","values":["top-right","top-left","bottom-right","bottom-left","top","right","bottom","left"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically (in pixels)","default":"[18, 18]","examples":["[8, 8]","[5, 10]"],"category":"position","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/carousel"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"name": {
|
|
8
|
-
"type": "Any",
|
|
9
|
-
"desc": "Slide name",
|
|
10
|
-
"required": true,
|
|
11
|
-
"examples": [
|
|
12
|
-
"accounts",
|
|
13
|
-
"firstPanel",
|
|
14
|
-
":name=\"1\"",
|
|
15
|
-
"accounts",
|
|
16
|
-
"firstSlide",
|
|
17
|
-
":name=\"1\""
|
|
18
|
-
],
|
|
19
|
-
"category": "model"
|
|
20
|
-
},
|
|
21
|
-
"disable": {
|
|
22
|
-
"type": "Boolean",
|
|
23
|
-
"desc": "Put component in disabled mode",
|
|
24
|
-
"category": "state"
|
|
25
|
-
},
|
|
26
|
-
"img-src": {
|
|
27
|
-
"type": "String",
|
|
28
|
-
"desc": "URL pointing to a slide background image (use public folder)",
|
|
29
|
-
"transformAssetUrls": true,
|
|
30
|
-
"examples": [
|
|
31
|
-
"(public folder) src=\"img/my-bg.png\"",
|
|
32
|
-
"(assets folder) src=\"~assets/my-img.png\"",
|
|
33
|
-
"(relative path format) :src=\"require('./my_img.jpg')\"",
|
|
34
|
-
"(URL) src=\"https://picsum.photos/500/300\""
|
|
35
|
-
],
|
|
36
|
-
"category": "model"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"slots": {
|
|
40
|
-
"default": {
|
|
41
|
-
"desc": "Default slot in the devland unslotted content of the component"
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"name":{"type":"Any","desc":"Slide name","required":true,"examples":["accounts","firstPanel",":name=\"1\"","accounts","firstSlide",":name=\"1\""],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"img-src":{"type":"String","desc":"URL pointing to a slide background image (use public folder)","transformAssetUrls":true,"examples":["(public folder) src=\"img/my-bg.png\"","(assets folder) src=\"~assets/my-img.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"model"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
|
@@ -1,128 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/chat"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"sent": {
|
|
8
|
-
"type": "Boolean",
|
|
9
|
-
"desc": "Render as a sent message (so from current user)",
|
|
10
|
-
"category": "content"
|
|
11
|
-
},
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "String",
|
|
14
|
-
"desc": "Renders a label header/section only",
|
|
15
|
-
"examples": [
|
|
16
|
-
"Friday, 18th"
|
|
17
|
-
],
|
|
18
|
-
"category": "content"
|
|
19
|
-
},
|
|
20
|
-
"bg-color": {
|
|
21
|
-
"type": "String",
|
|
22
|
-
"tsType": "NamedColor",
|
|
23
|
-
"desc": "Color name (from the Quasar Color Palette) for chat bubble background",
|
|
24
|
-
"examples": [
|
|
25
|
-
"primary",
|
|
26
|
-
"teal",
|
|
27
|
-
"teal-10"
|
|
28
|
-
],
|
|
29
|
-
"category": "style"
|
|
30
|
-
},
|
|
31
|
-
"text-color": {
|
|
32
|
-
"type": "String",
|
|
33
|
-
"tsType": "NamedColor",
|
|
34
|
-
"desc": "Color name (from the Quasar Color Palette) for chat bubble text",
|
|
35
|
-
"examples": [
|
|
36
|
-
"primary",
|
|
37
|
-
"teal",
|
|
38
|
-
"teal-10"
|
|
39
|
-
],
|
|
40
|
-
"category": "style"
|
|
41
|
-
},
|
|
42
|
-
"name": {
|
|
43
|
-
"type": "String",
|
|
44
|
-
"desc": "Author's name",
|
|
45
|
-
"examples": [
|
|
46
|
-
"John Doe"
|
|
47
|
-
],
|
|
48
|
-
"category": "content"
|
|
49
|
-
},
|
|
50
|
-
"avatar": {
|
|
51
|
-
"type": "String",
|
|
52
|
-
"desc": "URL to the avatar image of the author",
|
|
53
|
-
"transformAssetUrls": true,
|
|
54
|
-
"examples": [
|
|
55
|
-
"(public folder) src=\"boy-avatar.png\"",
|
|
56
|
-
"(assets folder) src=\"~assets/boy-avatar.png\"",
|
|
57
|
-
"(relative path format) :src=\"require('./my_img.jpg')\"",
|
|
58
|
-
"(URL) src=\"https://picsum.photos/500/300\""
|
|
59
|
-
],
|
|
60
|
-
"category": "content"
|
|
61
|
-
},
|
|
62
|
-
"text": {
|
|
63
|
-
"type": "Array",
|
|
64
|
-
"desc": "Array of strings that are the message body. Strings are not sanitized (see details in docs)",
|
|
65
|
-
"examples": [
|
|
66
|
-
":text=\"['How are you?']\"",
|
|
67
|
-
":text=\"['I\\'m good, thank you!', 'And you?']\""
|
|
68
|
-
],
|
|
69
|
-
"category": "content"
|
|
70
|
-
},
|
|
71
|
-
"stamp": {
|
|
72
|
-
"type": "String",
|
|
73
|
-
"desc": "Creation timestamp",
|
|
74
|
-
"examples": [
|
|
75
|
-
"13:55",
|
|
76
|
-
"Yesterday at 13:51"
|
|
77
|
-
],
|
|
78
|
-
"category": "content"
|
|
79
|
-
},
|
|
80
|
-
"size": {
|
|
81
|
-
"type": "String",
|
|
82
|
-
"desc": "1-12 out of 12 (same as col-*)",
|
|
83
|
-
"examples": [
|
|
84
|
-
"4",
|
|
85
|
-
"6",
|
|
86
|
-
"12"
|
|
87
|
-
],
|
|
88
|
-
"category": "style"
|
|
89
|
-
},
|
|
90
|
-
"label-html": {
|
|
91
|
-
"type": "Boolean",
|
|
92
|
-
"desc": "Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
|
|
93
|
-
"category": "behavior"
|
|
94
|
-
},
|
|
95
|
-
"name-html": {
|
|
96
|
-
"type": "Boolean",
|
|
97
|
-
"desc": "Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
|
|
98
|
-
"category": "behavior"
|
|
99
|
-
},
|
|
100
|
-
"text-html": {
|
|
101
|
-
"type": "Boolean",
|
|
102
|
-
"desc": "Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
|
|
103
|
-
"category": "behavior"
|
|
104
|
-
},
|
|
105
|
-
"stamp-html": {
|
|
106
|
-
"type": "Boolean",
|
|
107
|
-
"desc": "Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
|
|
108
|
-
"category": "behavior"
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
"slots": {
|
|
112
|
-
"default": {
|
|
113
|
-
"desc": "You can use this slot to define a custom message (overrides props)"
|
|
114
|
-
},
|
|
115
|
-
"avatar": {
|
|
116
|
-
"desc": "Slot for avatar; Suggestion: QAvatar, img"
|
|
117
|
-
},
|
|
118
|
-
"name": {
|
|
119
|
-
"desc": "Slot for name; Overrides the 'name' prop"
|
|
120
|
-
},
|
|
121
|
-
"stamp": {
|
|
122
|
-
"desc": "Slot for stamp; Overrides the 'stamp' prop"
|
|
123
|
-
},
|
|
124
|
-
"label": {
|
|
125
|
-
"desc": "Slot for label; Overrides the 'label' prop"
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chat"},"props":{"sent":{"type":"Boolean","desc":"Render as a sent message (so from current user)","category":"content"},"label":{"type":"String","desc":"Renders a label header/section only","examples":["Friday, 18th"],"category":"content"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble background","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble text","examples":["primary","teal","teal-10"],"category":"style"},"name":{"type":"String","desc":"Author's name","examples":["John Doe"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image of the author","transformAssetUrls":true,"examples":["(public folder) src=\"boy-avatar.png\"","(assets folder) src=\"~assets/boy-avatar.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"text":{"type":"Array","desc":"Array of strings that are the message body. Strings are not sanitized (see details in docs)","examples":[":text=\"['How are you?']\"",":text=\"['I\\'m good, thank you!', 'And you?']\""],"category":"content"},"stamp":{"type":"String","desc":"Creation timestamp","examples":["13:55","Yesterday at 13:51"],"category":"content"},"size":{"type":"String","desc":"1-12 out of 12 (same as col-*)","examples":["4","6","12"],"category":"style"},"label-html":{"type":"Boolean","desc":"Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"name-html":{"type":"Boolean","desc":"Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"text-html":{"type":"Boolean","desc":"Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"stamp-html":{"type":"Boolean","desc":"Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"}},"slots":{"default":{"desc":"You can use this slot to define a custom message (overrides props)"},"avatar":{"desc":"Slot for avatar; Suggestion: QAvatar, img"},"name":{"desc":"Slot for name; Overrides the 'name' prop"},"stamp":{"desc":"Slot for stamp; Overrides the 'stamp' prop"},"label":{"desc":"Slot for label; Overrides the 'label' prop"}}}
|