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/QTree.json
CHANGED
|
@@ -1,599 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/tree"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"nodes": {
|
|
8
|
-
"type": "Array",
|
|
9
|
-
"tsType": "QTreeNode",
|
|
10
|
-
"desc": "The array of nodes that designates the tree structure",
|
|
11
|
-
"required": true,
|
|
12
|
-
"examples": [
|
|
13
|
-
"[ {...}, {...} ]"
|
|
14
|
-
],
|
|
15
|
-
"category": "content"
|
|
16
|
-
},
|
|
17
|
-
"node-key": {
|
|
18
|
-
"type": "String",
|
|
19
|
-
"desc": "The property name of each node object that holds a unique node id",
|
|
20
|
-
"required": true,
|
|
21
|
-
"examples": [
|
|
22
|
-
"key",
|
|
23
|
-
"id"
|
|
24
|
-
],
|
|
25
|
-
"category": "content"
|
|
26
|
-
},
|
|
27
|
-
"label-key": {
|
|
28
|
-
"type": "String",
|
|
29
|
-
"desc": "The property name of each node object that holds the label of the node",
|
|
30
|
-
"default": "label",
|
|
31
|
-
"examples": [
|
|
32
|
-
"name",
|
|
33
|
-
"description"
|
|
34
|
-
],
|
|
35
|
-
"category": "content",
|
|
36
|
-
"required": false
|
|
37
|
-
},
|
|
38
|
-
"children-key": {
|
|
39
|
-
"type": "String",
|
|
40
|
-
"desc": "The property name of each node object that holds the list of children of the node",
|
|
41
|
-
"default": "children",
|
|
42
|
-
"examples": [
|
|
43
|
-
"roles",
|
|
44
|
-
"relatives"
|
|
45
|
-
],
|
|
46
|
-
"category": "content",
|
|
47
|
-
"required": false
|
|
48
|
-
},
|
|
49
|
-
"no-connectors": {
|
|
50
|
-
"type": "Boolean",
|
|
51
|
-
"desc": "Do not display the connector lines between nodes",
|
|
52
|
-
"category": "style"
|
|
53
|
-
},
|
|
54
|
-
"color": {
|
|
55
|
-
"type": "String",
|
|
56
|
-
"tsType": "NamedColor",
|
|
57
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
58
|
-
"examples": [
|
|
59
|
-
"primary",
|
|
60
|
-
"teal",
|
|
61
|
-
"teal-10"
|
|
62
|
-
],
|
|
63
|
-
"category": "style"
|
|
64
|
-
},
|
|
65
|
-
"control-color": {
|
|
66
|
-
"type": "String",
|
|
67
|
-
"tsType": "NamedColor",
|
|
68
|
-
"desc": "Color name for controls (like checkboxes) from the Quasar Color Palette",
|
|
69
|
-
"examples": [
|
|
70
|
-
"primary",
|
|
71
|
-
"teal",
|
|
72
|
-
"teal-10"
|
|
73
|
-
],
|
|
74
|
-
"category": "style"
|
|
75
|
-
},
|
|
76
|
-
"text-color": {
|
|
77
|
-
"type": "String",
|
|
78
|
-
"tsType": "NamedColor",
|
|
79
|
-
"desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
|
|
80
|
-
"examples": [
|
|
81
|
-
"primary",
|
|
82
|
-
"teal",
|
|
83
|
-
"teal-10"
|
|
84
|
-
],
|
|
85
|
-
"category": "style"
|
|
86
|
-
},
|
|
87
|
-
"selected-color": {
|
|
88
|
-
"type": "String",
|
|
89
|
-
"tsType": "NamedColor",
|
|
90
|
-
"desc": "Color name for selected nodes (from the Quasar Color Palette)",
|
|
91
|
-
"examples": [
|
|
92
|
-
"primary",
|
|
93
|
-
"teal",
|
|
94
|
-
"teal-10"
|
|
95
|
-
],
|
|
96
|
-
"category": "style"
|
|
97
|
-
},
|
|
98
|
-
"dense": {
|
|
99
|
-
"type": "Boolean",
|
|
100
|
-
"desc": "Dense mode; occupies less space",
|
|
101
|
-
"category": "style",
|
|
102
|
-
"addedIn": "v2.2.4"
|
|
103
|
-
},
|
|
104
|
-
"dark": {
|
|
105
|
-
"type": [
|
|
106
|
-
"Boolean",
|
|
107
|
-
"null"
|
|
108
|
-
],
|
|
109
|
-
"default": null,
|
|
110
|
-
"desc": "Notify the component that the background is a dark color",
|
|
111
|
-
"category": "style",
|
|
112
|
-
"required": false
|
|
113
|
-
},
|
|
114
|
-
"icon": {
|
|
115
|
-
"type": "String",
|
|
116
|
-
"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)",
|
|
117
|
-
"examples": [
|
|
118
|
-
"map",
|
|
119
|
-
"ion-add",
|
|
120
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
121
|
-
"img:path/to/some_image.png"
|
|
122
|
-
],
|
|
123
|
-
"category": "content"
|
|
124
|
-
},
|
|
125
|
-
"tick-strategy": {
|
|
126
|
-
"type": "String",
|
|
127
|
-
"desc": "The type of strategy to use for the selection of the nodes",
|
|
128
|
-
"default": "none",
|
|
129
|
-
"values": [
|
|
130
|
-
"none",
|
|
131
|
-
"strict",
|
|
132
|
-
"leaf",
|
|
133
|
-
"leaf-filtered"
|
|
134
|
-
],
|
|
135
|
-
"category": "behavior",
|
|
136
|
-
"required": false
|
|
137
|
-
},
|
|
138
|
-
"ticked": {
|
|
139
|
-
"type": "Array",
|
|
140
|
-
"desc": "Keys of nodes that are ticked",
|
|
141
|
-
"sync": true,
|
|
142
|
-
"examples": [
|
|
143
|
-
"v-model:ticked=\"tickedKeys\""
|
|
144
|
-
],
|
|
145
|
-
"category": "state",
|
|
146
|
-
"syncable": true
|
|
147
|
-
},
|
|
148
|
-
"expanded": {
|
|
149
|
-
"type": "Array",
|
|
150
|
-
"desc": "Keys of nodes that are expanded",
|
|
151
|
-
"sync": true,
|
|
152
|
-
"examples": [
|
|
153
|
-
"v-model:expanded=\"expandedKeys\""
|
|
154
|
-
],
|
|
155
|
-
"category": "state",
|
|
156
|
-
"syncable": true
|
|
157
|
-
},
|
|
158
|
-
"selected": {
|
|
159
|
-
"type": "Any",
|
|
160
|
-
"desc": "Key of node currently selected",
|
|
161
|
-
"sync": true,
|
|
162
|
-
"examples": [
|
|
163
|
-
"v-model:selected=\"selectedKey\""
|
|
164
|
-
],
|
|
165
|
-
"category": "state",
|
|
166
|
-
"syncable": true
|
|
167
|
-
},
|
|
168
|
-
"no-selection-unset": {
|
|
169
|
-
"type": "Boolean",
|
|
170
|
-
"desc": "Do not allow un-selection when clicking currently selected node",
|
|
171
|
-
"category": "behavior",
|
|
172
|
-
"addedIn": "v2.4.10"
|
|
173
|
-
},
|
|
174
|
-
"default-expand-all": {
|
|
175
|
-
"type": "Boolean",
|
|
176
|
-
"desc": "Allow the tree to have all its branches expanded, when first rendered",
|
|
177
|
-
"category": "behavior"
|
|
178
|
-
},
|
|
179
|
-
"accordion": {
|
|
180
|
-
"type": "Boolean",
|
|
181
|
-
"desc": "Allows the tree to be set in accordion mode",
|
|
182
|
-
"category": "behavior"
|
|
183
|
-
},
|
|
184
|
-
"no-transition": {
|
|
185
|
-
"type": "Boolean",
|
|
186
|
-
"desc": "Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees",
|
|
187
|
-
"category": "behavior",
|
|
188
|
-
"addedIn": "v2.9.2"
|
|
189
|
-
},
|
|
190
|
-
"filter": {
|
|
191
|
-
"type": "String",
|
|
192
|
-
"desc": "The text value to be used for filtering nodes",
|
|
193
|
-
"examples": [
|
|
194
|
-
":filter=\"searchText\""
|
|
195
|
-
],
|
|
196
|
-
"category": "filter"
|
|
197
|
-
},
|
|
198
|
-
"filter-method": {
|
|
199
|
-
"type": "Function",
|
|
200
|
-
"desc": "The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline",
|
|
201
|
-
"default": "(see source code)",
|
|
202
|
-
"params": {
|
|
203
|
-
"node": {
|
|
204
|
-
"type": "Object",
|
|
205
|
-
"desc": "Node currently being filtered"
|
|
206
|
-
},
|
|
207
|
-
"filter": {
|
|
208
|
-
"type": "String",
|
|
209
|
-
"desc": "Filter text to match against"
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
"returns": {
|
|
213
|
-
"type": "Boolean",
|
|
214
|
-
"desc": "Matches or not"
|
|
215
|
-
},
|
|
216
|
-
"category": "filter",
|
|
217
|
-
"required": false
|
|
218
|
-
},
|
|
219
|
-
"duration": {
|
|
220
|
-
"type": "Number",
|
|
221
|
-
"desc": "Toggle animation duration (in milliseconds)",
|
|
222
|
-
"default": 300,
|
|
223
|
-
"category": "style",
|
|
224
|
-
"required": false
|
|
225
|
-
},
|
|
226
|
-
"no-nodes-label": {
|
|
227
|
-
"type": "String",
|
|
228
|
-
"desc": "Override default such label for when no nodes are available",
|
|
229
|
-
"examples": [
|
|
230
|
-
"No nodes to show!"
|
|
231
|
-
],
|
|
232
|
-
"category": "content"
|
|
233
|
-
},
|
|
234
|
-
"no-results-label": {
|
|
235
|
-
"type": "String",
|
|
236
|
-
"desc": "Override default such label for when no nodes are available due to filtering",
|
|
237
|
-
"examples": [
|
|
238
|
-
"No results"
|
|
239
|
-
],
|
|
240
|
-
"category": "content"
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
|
-
"slots": {
|
|
244
|
-
"default-header": {
|
|
245
|
-
"desc": "Slot to use for defining the header of a node",
|
|
246
|
-
"scope": {
|
|
247
|
-
"expanded": {
|
|
248
|
-
"type": "Boolean",
|
|
249
|
-
"desc": "Is node expanded? Can directly be assigned new Boolean value which changes expanded state",
|
|
250
|
-
"reactive": true
|
|
251
|
-
},
|
|
252
|
-
"ticked": {
|
|
253
|
-
"type": "Boolean",
|
|
254
|
-
"desc": "Is node ticked? Can directly be assigned new Boolean value which changes ticked state",
|
|
255
|
-
"reactive": true
|
|
256
|
-
},
|
|
257
|
-
"tree": {
|
|
258
|
-
"type": "Component",
|
|
259
|
-
"tsType": "QTree",
|
|
260
|
-
"desc": "QTree instance"
|
|
261
|
-
},
|
|
262
|
-
"node": {
|
|
263
|
-
"type": "Object",
|
|
264
|
-
"desc": "Node object"
|
|
265
|
-
},
|
|
266
|
-
"key": {
|
|
267
|
-
"type": "Any",
|
|
268
|
-
"desc": "Node's key"
|
|
269
|
-
},
|
|
270
|
-
"color": {
|
|
271
|
-
"type": "String",
|
|
272
|
-
"desc": "QTree instance 'color' supplied prop value",
|
|
273
|
-
"examples": [
|
|
274
|
-
"primary"
|
|
275
|
-
]
|
|
276
|
-
},
|
|
277
|
-
"dark": {
|
|
278
|
-
"type": "Boolean",
|
|
279
|
-
"desc": "QTree instance 'dark' supplied prop value"
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
},
|
|
283
|
-
"header-[name]": {
|
|
284
|
-
"desc": "Header template slot for describing node header; Used by nodes which have their 'header' prop set to '[name]', where '[name]' can be any string",
|
|
285
|
-
"scope": {
|
|
286
|
-
"expanded": {
|
|
287
|
-
"type": "Boolean",
|
|
288
|
-
"desc": "Is node expanded? Can directly be assigned new Boolean value which changes expanded state",
|
|
289
|
-
"reactive": true
|
|
290
|
-
},
|
|
291
|
-
"ticked": {
|
|
292
|
-
"type": "Boolean",
|
|
293
|
-
"desc": "Is node ticked? Can directly be assigned new Boolean value which changes ticked state",
|
|
294
|
-
"reactive": true
|
|
295
|
-
},
|
|
296
|
-
"tree": {
|
|
297
|
-
"type": "Component",
|
|
298
|
-
"tsType": "QTree",
|
|
299
|
-
"desc": "QTree instance"
|
|
300
|
-
},
|
|
301
|
-
"node": {
|
|
302
|
-
"type": "Object",
|
|
303
|
-
"desc": "Node object"
|
|
304
|
-
},
|
|
305
|
-
"key": {
|
|
306
|
-
"type": "Any",
|
|
307
|
-
"desc": "Node's key"
|
|
308
|
-
},
|
|
309
|
-
"color": {
|
|
310
|
-
"type": "String",
|
|
311
|
-
"desc": "QTree instance 'color' supplied prop value",
|
|
312
|
-
"examples": [
|
|
313
|
-
"primary"
|
|
314
|
-
]
|
|
315
|
-
},
|
|
316
|
-
"dark": {
|
|
317
|
-
"type": "Boolean",
|
|
318
|
-
"desc": "QTree instance 'dark' supplied prop value"
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
},
|
|
322
|
-
"default-body": {
|
|
323
|
-
"desc": "Slot to use for defining the body of a node",
|
|
324
|
-
"scope": {
|
|
325
|
-
"expanded": {
|
|
326
|
-
"type": "Boolean",
|
|
327
|
-
"desc": "Is node expanded? Can directly be assigned new Boolean value which changes expanded state",
|
|
328
|
-
"reactive": true
|
|
329
|
-
},
|
|
330
|
-
"ticked": {
|
|
331
|
-
"type": "Boolean",
|
|
332
|
-
"desc": "Is node ticked? Can directly be assigned new Boolean value which changes ticked state",
|
|
333
|
-
"reactive": true
|
|
334
|
-
},
|
|
335
|
-
"tree": {
|
|
336
|
-
"type": "Component",
|
|
337
|
-
"tsType": "QTree",
|
|
338
|
-
"desc": "QTree instance"
|
|
339
|
-
},
|
|
340
|
-
"node": {
|
|
341
|
-
"type": "Object",
|
|
342
|
-
"desc": "Node object"
|
|
343
|
-
},
|
|
344
|
-
"key": {
|
|
345
|
-
"type": "Any",
|
|
346
|
-
"desc": "Node's key"
|
|
347
|
-
},
|
|
348
|
-
"color": {
|
|
349
|
-
"type": "String",
|
|
350
|
-
"desc": "QTree instance 'color' supplied prop value",
|
|
351
|
-
"examples": [
|
|
352
|
-
"primary"
|
|
353
|
-
]
|
|
354
|
-
},
|
|
355
|
-
"dark": {
|
|
356
|
-
"type": "Boolean",
|
|
357
|
-
"desc": "QTree instance 'dark' supplied prop value"
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
},
|
|
361
|
-
"body-[name]": {
|
|
362
|
-
"desc": "Body template slot for describing node body; Used by nodes which have their 'body' prop set to '[name]', where '[name]' can be any string",
|
|
363
|
-
"scope": {
|
|
364
|
-
"expanded": {
|
|
365
|
-
"type": "Boolean",
|
|
366
|
-
"desc": "Is node expanded? Can directly be assigned new Boolean value which changes expanded state",
|
|
367
|
-
"reactive": true
|
|
368
|
-
},
|
|
369
|
-
"ticked": {
|
|
370
|
-
"type": "Boolean",
|
|
371
|
-
"desc": "Is node ticked? Can directly be assigned new Boolean value which changes ticked state",
|
|
372
|
-
"reactive": true
|
|
373
|
-
},
|
|
374
|
-
"tree": {
|
|
375
|
-
"type": "Component",
|
|
376
|
-
"tsType": "QTree",
|
|
377
|
-
"desc": "QTree instance"
|
|
378
|
-
},
|
|
379
|
-
"node": {
|
|
380
|
-
"type": "Object",
|
|
381
|
-
"desc": "Node object"
|
|
382
|
-
},
|
|
383
|
-
"key": {
|
|
384
|
-
"type": "Any",
|
|
385
|
-
"desc": "Node's key"
|
|
386
|
-
},
|
|
387
|
-
"color": {
|
|
388
|
-
"type": "String",
|
|
389
|
-
"desc": "QTree instance 'color' supplied prop value",
|
|
390
|
-
"examples": [
|
|
391
|
-
"primary"
|
|
392
|
-
]
|
|
393
|
-
},
|
|
394
|
-
"dark": {
|
|
395
|
-
"type": "Boolean",
|
|
396
|
-
"desc": "QTree instance 'dark' supplied prop value"
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
},
|
|
401
|
-
"events": {
|
|
402
|
-
"update:expanded": {
|
|
403
|
-
"desc": "Triggered when nodes are expanded or collapsed; Used by Vue on 'v-model:update' to update its value",
|
|
404
|
-
"params": {
|
|
405
|
-
"expanded": {
|
|
406
|
-
"type": "Array",
|
|
407
|
-
"desc": "The expanded node keys",
|
|
408
|
-
"examples": [
|
|
409
|
-
"[ 'Node 1', 'Node 2' ]"
|
|
410
|
-
]
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
},
|
|
414
|
-
"lazy-load": {
|
|
415
|
-
"desc": "Emitted when the lazy loading of nodes is finished",
|
|
416
|
-
"params": {
|
|
417
|
-
"details": {
|
|
418
|
-
"type": "Object",
|
|
419
|
-
"desc": "Lazy loading details",
|
|
420
|
-
"definition": {
|
|
421
|
-
"node": {
|
|
422
|
-
"type": "Object",
|
|
423
|
-
"required": true,
|
|
424
|
-
"desc": "The node to which the new nodes (the children) will be appended"
|
|
425
|
-
},
|
|
426
|
-
"key": {
|
|
427
|
-
"type": "String",
|
|
428
|
-
"required": true,
|
|
429
|
-
"desc": "The key of the node getting the newly loaded child nodes",
|
|
430
|
-
"examples": [
|
|
431
|
-
"New Node"
|
|
432
|
-
]
|
|
433
|
-
},
|
|
434
|
-
"done": {
|
|
435
|
-
"type": "Function",
|
|
436
|
-
"required": true,
|
|
437
|
-
"desc": "The callback to be carried out when the loading is successful",
|
|
438
|
-
"params": {
|
|
439
|
-
"children": {
|
|
440
|
-
"type": "Array",
|
|
441
|
-
"desc": "Array of nodes",
|
|
442
|
-
"default": "[]",
|
|
443
|
-
"required": false
|
|
444
|
-
}
|
|
445
|
-
},
|
|
446
|
-
"returns": null
|
|
447
|
-
},
|
|
448
|
-
"fail": {
|
|
449
|
-
"type": "Function",
|
|
450
|
-
"required": true,
|
|
451
|
-
"desc": "The callback to be carried out should the loading fails",
|
|
452
|
-
"params": null,
|
|
453
|
-
"returns": null
|
|
454
|
-
}
|
|
455
|
-
}
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
},
|
|
459
|
-
"update:ticked": {
|
|
460
|
-
"desc": "Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value",
|
|
461
|
-
"params": {
|
|
462
|
-
"target": {
|
|
463
|
-
"type": "Array",
|
|
464
|
-
"desc": "The ticked node keys",
|
|
465
|
-
"examples": [
|
|
466
|
-
"[ 'Node 1', 'Node 2' ]"
|
|
467
|
-
]
|
|
468
|
-
}
|
|
469
|
-
}
|
|
470
|
-
},
|
|
471
|
-
"update:selected": {
|
|
472
|
-
"desc": "Emitted when selected node changes; Used by Vue on 'v-model:selected' to update its value",
|
|
473
|
-
"params": {
|
|
474
|
-
"target": {
|
|
475
|
-
"type": "Any",
|
|
476
|
-
"desc": "The selected node key",
|
|
477
|
-
"examples": [
|
|
478
|
-
"Node 1"
|
|
479
|
-
]
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
"after-show": {
|
|
484
|
-
"desc": "Emitted when component show animation is finished"
|
|
485
|
-
},
|
|
486
|
-
"after-hide": {
|
|
487
|
-
"desc": "Emitted when component hide animation is finished"
|
|
488
|
-
}
|
|
489
|
-
},
|
|
490
|
-
"methods": {
|
|
491
|
-
"getNodeByKey": {
|
|
492
|
-
"desc": "Get the node with the given key",
|
|
493
|
-
"params": {
|
|
494
|
-
"key": {
|
|
495
|
-
"type": "Any",
|
|
496
|
-
"required": true,
|
|
497
|
-
"desc": "The key of a node",
|
|
498
|
-
"examples": [
|
|
499
|
-
"Node 1"
|
|
500
|
-
]
|
|
501
|
-
}
|
|
502
|
-
},
|
|
503
|
-
"returns": {
|
|
504
|
-
"type": "Object",
|
|
505
|
-
"desc": "Requested node"
|
|
506
|
-
}
|
|
507
|
-
},
|
|
508
|
-
"getTickedNodes": {
|
|
509
|
-
"desc": "Get array of nodes that are ticked",
|
|
510
|
-
"returns": {
|
|
511
|
-
"type": "Array",
|
|
512
|
-
"desc": "Ticked node objects"
|
|
513
|
-
}
|
|
514
|
-
},
|
|
515
|
-
"getExpandedNodes": {
|
|
516
|
-
"desc": "Get array of nodes that are expanded",
|
|
517
|
-
"returns": {
|
|
518
|
-
"type": "Array",
|
|
519
|
-
"desc": "Expanded node objects"
|
|
520
|
-
}
|
|
521
|
-
},
|
|
522
|
-
"isExpanded": {
|
|
523
|
-
"desc": "Determine if a node is expanded",
|
|
524
|
-
"params": {
|
|
525
|
-
"key": {
|
|
526
|
-
"type": "Any",
|
|
527
|
-
"required": true,
|
|
528
|
-
"desc": "The key of a node",
|
|
529
|
-
"examples": [
|
|
530
|
-
"Node 1"
|
|
531
|
-
]
|
|
532
|
-
}
|
|
533
|
-
},
|
|
534
|
-
"returns": {
|
|
535
|
-
"type": "Boolean",
|
|
536
|
-
"desc": "Is specified node expanded?"
|
|
537
|
-
}
|
|
538
|
-
},
|
|
539
|
-
"expandAll": {
|
|
540
|
-
"desc": "Use to expand all branches of the tree"
|
|
541
|
-
},
|
|
542
|
-
"collapseAll": {
|
|
543
|
-
"desc": "Use to collapse all branches of the tree"
|
|
544
|
-
},
|
|
545
|
-
"setExpanded": {
|
|
546
|
-
"desc": "Expands the tree at the point of the node with the key given",
|
|
547
|
-
"params": {
|
|
548
|
-
"key": {
|
|
549
|
-
"type": "Any",
|
|
550
|
-
"required": true,
|
|
551
|
-
"desc": "The key of a node",
|
|
552
|
-
"examples": [
|
|
553
|
-
"Node 1"
|
|
554
|
-
]
|
|
555
|
-
},
|
|
556
|
-
"state": {
|
|
557
|
-
"type": "Boolean",
|
|
558
|
-
"required": true,
|
|
559
|
-
"desc": "Set to 'true' to expand the branch of the tree, otherwise 'false' collapses it"
|
|
560
|
-
}
|
|
561
|
-
}
|
|
562
|
-
},
|
|
563
|
-
"isTicked": {
|
|
564
|
-
"desc": "Method to check if a node's checkbox is selected or not",
|
|
565
|
-
"params": {
|
|
566
|
-
"key": {
|
|
567
|
-
"type": "Any",
|
|
568
|
-
"required": true,
|
|
569
|
-
"desc": "The key of a node",
|
|
570
|
-
"examples": [
|
|
571
|
-
"Node 1"
|
|
572
|
-
]
|
|
573
|
-
}
|
|
574
|
-
},
|
|
575
|
-
"returns": {
|
|
576
|
-
"type": "Boolean",
|
|
577
|
-
"desc": "Is specified node ticked?"
|
|
578
|
-
}
|
|
579
|
-
},
|
|
580
|
-
"setTicked": {
|
|
581
|
-
"desc": "Method to set a node's checkbox programmatically",
|
|
582
|
-
"params": {
|
|
583
|
-
"keys": {
|
|
584
|
-
"type": "Array",
|
|
585
|
-
"required": true,
|
|
586
|
-
"desc": "The keys of nodes to tick/untick",
|
|
587
|
-
"examples": [
|
|
588
|
-
"[ 'Node 1', 'Node 2' ]"
|
|
589
|
-
]
|
|
590
|
-
},
|
|
591
|
-
"state": {
|
|
592
|
-
"type": "Boolean",
|
|
593
|
-
"required": true,
|
|
594
|
-
"desc": "Set to 'true' to tick the checkbox of nodes, otherwise 'false' unticks them"
|
|
595
|
-
}
|
|
596
|
-
}
|
|
597
|
-
}
|
|
598
|
-
}
|
|
599
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tree"},"props":{"nodes":{"type":"Array","tsType":"QTreeNode","desc":"The array of nodes that designates the tree structure","required":true,"examples":["[ {...}, {...} ]"],"category":"content"},"node-key":{"type":"String","desc":"The property name of each node object that holds a unique node id","required":true,"examples":["key","id"],"category":"content"},"label-key":{"type":"String","desc":"The property name of each node object that holds the label of the node","default":"label","examples":["name","description"],"category":"content","required":false},"children-key":{"type":"String","desc":"The property name of each node object that holds the list of children of the node","default":"children","examples":["roles","relatives"],"category":"content","required":false},"no-connectors":{"type":"Boolean","desc":"Do not display the connector lines between nodes","category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for controls (like checkboxes) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"selected-color":{"type":"String","tsType":"NamedColor","desc":"Color name for selected nodes (from the Quasar Color Palette)","examples":["primary","teal","teal-10"],"category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style","addedIn":"v2.2.4"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"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"},"tick-strategy":{"type":"String","desc":"The type of strategy to use for the selection of the nodes","default":"none","values":["none","strict","leaf","leaf-filtered"],"category":"behavior","required":false},"ticked":{"type":"Array","desc":"Keys of nodes that are ticked","sync":true,"examples":["v-model:ticked=\"tickedKeys\""],"category":"state","syncable":true},"expanded":{"type":"Array","desc":"Keys of nodes that are expanded","sync":true,"examples":["v-model:expanded=\"expandedKeys\""],"category":"state","syncable":true},"selected":{"type":"Any","desc":"Key of node currently selected","sync":true,"examples":["v-model:selected=\"selectedKey\""],"category":"state","syncable":true},"no-selection-unset":{"type":"Boolean","desc":"Do not allow un-selection when clicking currently selected node","category":"behavior","addedIn":"v2.4.10"},"default-expand-all":{"type":"Boolean","desc":"Allow the tree to have all its branches expanded, when first rendered","category":"behavior"},"accordion":{"type":"Boolean","desc":"Allows the tree to be set in accordion mode","category":"behavior"},"no-transition":{"type":"Boolean","desc":"Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees","category":"behavior","addedIn":"v2.9.2"},"filter":{"type":"String","desc":"The text value to be used for filtering nodes","examples":[":filter=\"searchText\""],"category":"filter"},"filter-method":{"type":"Function","desc":"The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline","default":"(see source code)","params":{"node":{"type":"Object","desc":"Node currently being filtered"},"filter":{"type":"String","desc":"Filter text to match against"}},"returns":{"type":"Boolean","desc":"Matches or not"},"category":"filter","required":false},"duration":{"type":"Number","desc":"Toggle animation duration (in milliseconds)","default":300,"category":"style","required":false},"no-nodes-label":{"type":"String","desc":"Override default such label for when no nodes are available","examples":["No nodes to show!"],"category":"content"},"no-results-label":{"type":"String","desc":"Override default such label for when no nodes are available due to filtering","examples":["No results"],"category":"content"}},"slots":{"default-header":{"desc":"Slot to use for defining the header of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"header-[name]":{"desc":"Header template slot for describing node header; Used by nodes which have their 'header' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"default-body":{"desc":"Slot to use for defining the body of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"body-[name]":{"desc":"Body template slot for describing node body; Used by nodes which have their 'body' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}}},"events":{"update:expanded":{"desc":"Triggered when nodes are expanded or collapsed; Used by Vue on 'v-model:update' to update its value","params":{"expanded":{"type":"Array","desc":"The expanded node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"lazy-load":{"desc":"Emitted when the lazy loading of nodes is finished","params":{"details":{"type":"Object","desc":"Lazy loading details","definition":{"node":{"type":"Object","required":true,"desc":"The node to which the new nodes (the children) will be appended"},"key":{"type":"String","required":true,"desc":"The key of the node getting the newly loaded child nodes","examples":["New Node"]},"done":{"type":"Function","required":true,"desc":"The callback to be carried out when the loading is successful","params":{"children":{"type":"Array","desc":"Array of nodes","default":"[]","required":false}},"returns":null},"fail":{"type":"Function","required":true,"desc":"The callback to be carried out should the loading fails","params":null,"returns":null}}}}},"update:ticked":{"desc":"Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value","params":{"target":{"type":"Array","desc":"The ticked node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"update:selected":{"desc":"Emitted when selected node changes; Used by Vue on 'v-model:selected' to update its value","params":{"target":{"type":"Any","desc":"The selected node key","examples":["Node 1"]}}},"after-show":{"desc":"Emitted when component show animation is finished"},"after-hide":{"desc":"Emitted when component hide animation is finished"}},"methods":{"getNodeByKey":{"desc":"Get the node with the given key","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Object","desc":"Requested node"}},"getTickedNodes":{"desc":"Get array of nodes that are ticked","returns":{"type":"Array","desc":"Ticked node objects"}},"getExpandedNodes":{"desc":"Get array of nodes that are expanded","returns":{"type":"Array","desc":"Expanded node objects"}},"isExpanded":{"desc":"Determine if a node is expanded","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Boolean","desc":"Is specified node expanded?"}},"expandAll":{"desc":"Use to expand all branches of the tree"},"collapseAll":{"desc":"Use to collapse all branches of the tree"},"setExpanded":{"desc":"Expands the tree at the point of the node with the key given","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to expand the branch of the tree, otherwise 'false' collapses it"}}},"isTicked":{"desc":"Method to check if a node's checkbox is selected or not","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Boolean","desc":"Is specified node ticked?"}},"setTicked":{"desc":"Method to set a node's checkbox programmatically","params":{"keys":{"type":"Array","required":true,"desc":"The keys of nodes to tick/untick","examples":["[ 'Node 1', 'Node 2' ]"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to tick the checkbox of nodes, otherwise 'false' unticks them"}}}}}
|