quasar 2.18.7 → 2.19.1
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/README.md +2 -0
- package/dist/api/BottomSheet.json +1 -1
- package/dist/api/Dialog.json +1 -1
- package/dist/api/Intersection.json +1 -1
- package/dist/api/Lang.json +1 -1
- package/dist/api/LocalStorage.json +1 -1
- package/dist/api/Notify.json +1 -1
- package/dist/api/QBtnDropdown.json +1 -1
- package/dist/api/QBtnToggle.json +1 -1
- package/dist/api/QCarousel.json +1 -1
- package/dist/api/QCarouselControl.json +1 -1
- package/dist/api/QChatMessage.json +1 -1
- package/dist/api/QCheckbox.json +1 -1
- package/dist/api/QColor.json +1 -1
- package/dist/api/QDate.json +1 -1
- package/dist/api/QEditor.json +1 -1
- package/dist/api/QField.json +1 -1
- package/dist/api/QFile.json +1 -1
- package/dist/api/QInput.json +1 -1
- package/dist/api/QIntersection.json +1 -1
- package/dist/api/QMenu.json +1 -1
- package/dist/api/QOptionGroup.json +1 -1
- package/dist/api/QPageScroller.json +1 -1
- package/dist/api/QPageSticky.json +1 -1
- package/dist/api/QPopupEdit.json +1 -1
- package/dist/api/QRange.json +1 -1
- package/dist/api/QRating.json +1 -1
- package/dist/api/QScrollArea.json +1 -1
- package/dist/api/QSelect.json +1 -1
- package/dist/api/QSlider.json +1 -1
- package/dist/api/QSplitter.json +1 -1
- package/dist/api/QStepper.json +1 -1
- package/dist/api/QTabPanels.json +1 -1
- package/dist/api/QTable.json +1 -1
- package/dist/api/QTime.json +1 -1
- package/dist/api/QToggle.json +1 -1
- package/dist/api/QTooltip.json +1 -1
- package/dist/api/QTree.json +1 -1
- package/dist/api/QUploader.json +1 -1
- package/dist/api/QVirtualScroll.json +1 -1
- package/dist/api/Ripple.json +1 -1
- package/dist/api/SessionStorage.json +1 -1
- package/dist/icon-set/bootstrap-icons.umd.prod.js +5 -6
- package/dist/icon-set/eva-icons.umd.prod.js +5 -6
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +5 -6
- package/dist/icon-set/fontawesome-v5.umd.prod.js +5 -6
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +5 -6
- package/dist/icon-set/fontawesome-v6.umd.prod.js +5 -6
- package/dist/icon-set/ionicons-v4.umd.prod.js +5 -6
- package/dist/icon-set/line-awesome.umd.prod.js +5 -6
- package/dist/icon-set/material-icons-outlined.umd.prod.js +5 -6
- package/dist/icon-set/material-icons-round.umd.prod.js +5 -6
- package/dist/icon-set/material-icons-sharp.umd.prod.js +5 -6
- package/dist/icon-set/material-icons.umd.prod.js +5 -6
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +5 -6
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +5 -6
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +5 -6
- package/dist/icon-set/mdi-v3.umd.prod.js +5 -6
- package/dist/icon-set/mdi-v4.umd.prod.js +5 -6
- package/dist/icon-set/mdi-v5.umd.prod.js +5 -6
- package/dist/icon-set/mdi-v6.umd.prod.js +5 -6
- package/dist/icon-set/mdi-v7.umd.prod.js +5 -6
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +5 -6
- package/dist/icon-set/svg-eva-icons.umd.prod.js +5 -6
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +5 -6
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +5 -6
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +5 -6
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +5 -6
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +5 -6
- package/dist/icon-set/svg-line-awesome.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-icons.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +5 -6
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +5 -6
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +5 -6
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +5 -6
- package/dist/icon-set/svg-themify.umd.prod.js +5 -6
- package/dist/icon-set/themify.umd.prod.js +5 -6
- package/dist/lang/ar-TN.umd.prod.js +5 -6
- package/dist/lang/ar.umd.prod.js +5 -6
- package/dist/lang/az-Latn.umd.prod.js +5 -6
- package/dist/lang/bg.umd.prod.js +5 -6
- package/dist/lang/bn.umd.prod.js +5 -6
- package/dist/lang/bs-BA.umd.prod.js +5 -6
- package/dist/lang/ca.umd.prod.js +5 -6
- package/dist/lang/cs.umd.prod.js +5 -6
- package/dist/lang/da.umd.prod.js +5 -6
- package/dist/lang/de-CH.umd.prod.js +5 -6
- package/dist/lang/de-DE.umd.prod.js +5 -6
- package/dist/lang/de.umd.prod.js +5 -6
- package/dist/lang/el.umd.prod.js +5 -6
- package/dist/lang/en-GB.umd.prod.js +5 -6
- package/dist/lang/en-US.umd.prod.js +5 -6
- package/dist/lang/eo.umd.prod.js +5 -6
- package/dist/lang/es.umd.prod.js +5 -6
- package/dist/lang/et.umd.prod.js +5 -6
- package/dist/lang/eu.umd.prod.js +5 -6
- package/dist/lang/fa-IR.umd.prod.js +5 -6
- package/dist/lang/fa.umd.prod.js +5 -6
- package/dist/lang/fi.umd.prod.js +5 -6
- package/dist/lang/fr.umd.prod.js +5 -6
- package/dist/lang/gn.umd.prod.js +5 -6
- package/dist/lang/he.umd.prod.js +5 -6
- package/dist/lang/hi.umd.prod.js +5 -6
- package/dist/lang/hr.umd.prod.js +5 -6
- package/dist/lang/hu.umd.prod.js +5 -6
- package/dist/lang/id.umd.prod.js +5 -6
- package/dist/lang/is.umd.prod.js +5 -6
- package/dist/lang/it.umd.prod.js +5 -6
- package/dist/lang/ja.umd.prod.js +5 -6
- package/dist/lang/kk.umd.prod.js +5 -6
- package/dist/lang/km.umd.prod.js +5 -6
- package/dist/lang/ko-KR.umd.prod.js +5 -6
- package/dist/lang/kur-CKB.umd.prod.js +5 -6
- package/dist/lang/lt.umd.prod.js +5 -6
- package/dist/lang/lu.umd.prod.js +5 -6
- package/dist/lang/lv.umd.prod.js +5 -6
- package/dist/lang/mk.umd.prod.js +5 -6
- package/dist/lang/ml.umd.prod.js +5 -6
- package/dist/lang/mm.umd.prod.js +5 -6
- package/dist/lang/ms-MY.umd.prod.js +5 -6
- package/dist/lang/ms.umd.prod.js +5 -6
- package/dist/lang/my.umd.prod.js +5 -6
- package/dist/lang/nb-NO.umd.prod.js +5 -6
- package/dist/lang/nl.umd.prod.js +5 -6
- package/dist/lang/pl.umd.prod.js +5 -6
- package/dist/lang/pt-BR.umd.prod.js +5 -6
- package/dist/lang/pt.umd.prod.js +5 -6
- package/dist/lang/ro.umd.prod.js +5 -6
- package/dist/lang/ru.umd.prod.js +5 -6
- package/dist/lang/sk.umd.prod.js +5 -6
- package/dist/lang/sl.umd.prod.js +5 -6
- package/dist/lang/sm.umd.prod.js +5 -6
- package/dist/lang/sq.umd.prod.js +5 -6
- package/dist/lang/sr-CYR.umd.prod.js +5 -6
- package/dist/lang/sr.umd.prod.js +5 -6
- package/dist/lang/sv.umd.prod.js +5 -6
- package/dist/lang/ta.umd.prod.js +5 -6
- package/dist/lang/th.umd.prod.js +5 -6
- package/dist/lang/tl.umd.prod.js +5 -6
- package/dist/lang/tr.umd.prod.js +5 -6
- package/dist/lang/ug.umd.prod.js +5 -6
- package/dist/lang/uk.umd.prod.js +5 -6
- package/dist/lang/ur-PK.umd.prod.js +5 -6
- package/dist/lang/uz-Cyrl.umd.prod.js +5 -6
- package/dist/lang/uz-Latn.umd.prod.js +5 -6
- package/dist/lang/vi.umd.prod.js +5 -6
- package/dist/lang/zh-CN.umd.prod.js +5 -6
- package/dist/lang/zh-TW.umd.prod.js +5 -6
- package/dist/quasar.addon.prod.css +1 -1
- package/dist/quasar.addon.rtl.prod.css +1 -1
- package/dist/quasar.client.js +24830 -29220
- package/dist/quasar.css +15 -28
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +14 -28
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +4 -25
- package/dist/quasar.server.prod.cjs +78 -79
- package/dist/quasar.server.prod.js +78 -79
- package/dist/quasar.umd.js +25876 -29791
- package/dist/quasar.umd.prod.js +78 -79
- 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/slider.d.ts +2 -4
- 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 +7 -4
- package/dist/types/index.d.ts +126 -414
- package/dist/types/lang.d.ts +3 -3
- package/dist/types/ts-helpers.d.ts +4 -9
- package/dist/types/utils/colors.d.ts +1 -1
- package/dist/types/utils/date.d.ts +8 -8
- 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 +16 -19
- package/dist/web-types/web-types.json +1 -1
- package/icon-set/bootstrap-icons.js +1 -4
- package/icon-set/svg-bootstrap-icons.js +1 -4
- package/icon-set/svg-fontawesome-v5.js +0 -1
- package/icon-set/svg-ionicons-v5.js +2 -2
- package/lang/ar-TN.js +10 -8
- package/lang/ar.js +10 -8
- package/lang/az-Latn.js +13 -9
- package/lang/bg.js +10 -8
- package/lang/bn.js +14 -9
- package/lang/bs-BA.js +13 -9
- package/lang/ca.js +18 -14
- package/lang/cs.js +9 -7
- package/lang/da.js +10 -8
- package/lang/de-CH.js +13 -9
- package/lang/de-DE.js +13 -9
- package/lang/de.js +13 -9
- package/lang/el.js +10 -8
- package/lang/en-GB.js +10 -8
- package/lang/en-US.js +10 -8
- package/lang/eo.js +14 -9
- package/lang/es.js +10 -8
- package/lang/et.js +15 -12
- package/lang/eu.js +15 -12
- package/lang/fa-IR.js +16 -8
- package/lang/fa.js +16 -8
- package/lang/fi.js +17 -8
- package/lang/fr.js +21 -13
- package/lang/gn.js +14 -12
- package/lang/he.js +15 -10
- package/lang/hi.js +8 -8
- package/lang/hr.js +13 -9
- package/lang/hu.js +10 -8
- package/lang/id.js +11 -9
- package/lang/is.js +13 -9
- package/lang/it.js +14 -9
- package/lang/ja.js +13 -8
- package/lang/kk.js +22 -11
- package/lang/km.js +9 -8
- package/lang/ko-KR.js +9 -10
- package/lang/kur-CKB.js +16 -17
- package/lang/lt.js +26 -19
- package/lang/lu.js +13 -9
- package/lang/lv.js +13 -9
- package/lang/mk.js +10 -8
- package/lang/ml.js +15 -14
- package/lang/mm.js +16 -13
- package/lang/ms-MY.js +16 -11
- package/lang/ms.js +10 -8
- package/lang/my.js +15 -8
- package/lang/nb-NO.js +10 -8
- package/lang/nl.js +13 -9
- package/lang/pl.js +13 -9
- package/lang/pt-BR.js +17 -10
- package/lang/pt.js +17 -10
- package/lang/ro.js +10 -8
- package/lang/ru.js +25 -12
- package/lang/sk.js +18 -9
- package/lang/sl.js +12 -8
- package/lang/sm.js +51 -47
- package/lang/sq.js +13 -9
- package/lang/sr-CYR.js +10 -8
- package/lang/sr.js +10 -8
- package/lang/sv.js +10 -8
- package/lang/ta.js +10 -8
- package/lang/th.js +12 -11
- package/lang/tl.js +10 -8
- package/lang/tr.js +8 -5
- package/lang/ug.js +16 -8
- package/lang/uk.js +22 -11
- package/lang/ur-PK.js +13 -11
- package/lang/uz-Cyrl.js +5 -5
- package/lang/uz-Latn.js +24 -24
- package/lang/vi.js +13 -9
- package/lang/zh-CN.js +18 -9
- package/lang/zh-TW.js +20 -10
- package/package.json +50 -64
- package/src/api.extends.json +15 -12
- package/src/components/ajax-bar/QAjaxBar.js +91 -65
- package/src/components/ajax-bar/QAjaxBar.json +2 -2
- package/src/components/ajax-bar/index.js +1 -3
- package/src/components/avatar/QAvatar.js +36 -28
- package/src/components/avatar/QAvatar.json +2 -2
- package/src/components/avatar/QAvatar.test.js +29 -78
- package/src/components/avatar/index.js +1 -3
- package/src/components/badge/QBadge.js +33 -26
- package/src/components/badge/QBadge.json +3 -3
- package/src/components/badge/QBadge.test.js +40 -95
- package/src/components/badge/index.js +1 -3
- package/src/components/banner/QBanner.js +46 -25
- package/src/components/banner/QBanner.test.js +14 -35
- package/src/components/banner/index.js +1 -3
- package/src/components/bar/QBar.js +21 -11
- package/src/components/bar/QBar.test.js +6 -17
- package/src/components/bar/index.js +1 -3
- package/src/components/breadcrumbs/QBreadcrumbs.js +44 -32
- package/src/components/breadcrumbs/QBreadcrumbs.json +10 -3
- package/src/components/breadcrumbs/QBreadcrumbs.test.js +56 -69
- package/src/components/breadcrumbs/QBreadcrumbsEl.js +28 -22
- package/src/components/breadcrumbs/QBreadcrumbsEl.json +5 -8
- package/src/components/breadcrumbs/QBreadcrumbsEl.test.js +60 -134
- package/src/components/breadcrumbs/index.js +1 -4
- package/src/components/btn/QBtn.js +159 -103
- package/src/components/btn/QBtn.json +3 -6
- package/src/components/btn/QBtn.test.js +269 -496
- package/src/components/btn/index.js +1 -3
- package/src/components/btn/use-btn.js +82 -70
- package/src/components/btn/use-btn.json +33 -16
- package/src/components/btn/use-btn.test.js +30 -47
- package/src/components/btn-dropdown/QBtnDropdown.js +143 -104
- package/src/components/btn-dropdown/QBtnDropdown.json +41 -16
- package/src/components/btn-dropdown/index.js +1 -3
- package/src/components/btn-group/QBtnGroup.js +18 -6
- package/src/components/btn-group/index.js +1 -3
- package/src/components/btn-toggle/QBtnToggle.js +80 -61
- package/src/components/btn-toggle/QBtnToggle.json +16 -9
- package/src/components/btn-toggle/index.js +1 -3
- package/src/components/card/QCard.js +14 -9
- package/src/components/card/QCard.json +1 -1
- package/src/components/card/QCardActions.js +8 -5
- package/src/components/card/QCardActions.json +9 -1
- package/src/components/card/QCardSection.js +5 -4
- package/src/components/card/QCardSection.json +1 -1
- package/src/components/card/index.js +1 -5
- package/src/components/carousel/QCarousel.js +194 -125
- package/src/components/carousel/QCarousel.json +10 -11
- package/src/components/carousel/QCarouselControl.js +26 -13
- package/src/components/carousel/QCarouselControl.json +10 -5
- package/src/components/carousel/QCarouselSlide.js +13 -10
- package/src/components/carousel/QCarouselSlide.json +1 -1
- package/src/components/carousel/index.js +1 -5
- package/src/components/chat/QChatMessage.js +62 -57
- package/src/components/chat/QChatMessage.json +8 -5
- package/src/components/chat/index.js +1 -3
- package/src/components/checkbox/QCheckbox.js +56 -41
- package/src/components/checkbox/QCheckbox.json +1 -1
- package/src/components/checkbox/index.js +1 -3
- package/src/components/checkbox/use-checkbox.js +112 -83
- package/src/components/checkbox/use-checkbox.json +15 -12
- package/src/components/chip/QChip.js +101 -73
- package/src/components/chip/QChip.json +6 -6
- package/src/components/chip/QChip.test.js +72 -180
- package/src/components/chip/index.js +1 -3
- package/src/components/circular-progress/QCircularProgress.js +92 -57
- package/src/components/circular-progress/QCircularProgress.json +2 -2
- package/src/components/circular-progress/index.js +1 -3
- package/src/components/color/QColor.js +550 -367
- package/src/components/color/QColor.json +8 -8
- package/src/components/color/index.js +1 -3
- package/src/components/date/QDate.js +902 -607
- package/src/components/date/QDate.json +32 -23
- package/src/components/date/index.js +1 -3
- package/src/components/date/use-datetime.js +12 -14
- package/src/components/date/use-datetime.json +7 -7
- package/src/components/dialog/QDialog.js +178 -139
- package/src/components/dialog/QDialog.json +8 -4
- package/src/components/dialog/QDialog.test.js +123 -228
- package/src/components/dialog/index.js +1 -3
- package/src/components/drawer/QDrawer.js +306 -242
- package/src/components/drawer/QDrawer.json +4 -4
- package/src/components/drawer/index.js +1 -3
- package/src/components/editor/QEditor.js +409 -190
- package/src/components/editor/QEditor.json +33 -32
- package/src/components/editor/editor-caret.js +78 -83
- package/src/components/editor/editor-utils.js +176 -130
- package/src/components/editor/index.js +1 -3
- package/src/components/expansion-item/QExpansionItem.js +149 -103
- package/src/components/expansion-item/QExpansionItem.json +21 -24
- package/src/components/expansion-item/index.js +1 -3
- package/src/components/fab/QFab.js +86 -54
- package/src/components/fab/QFab.json +6 -3
- package/src/components/fab/QFabAction.js +34 -29
- package/src/components/fab/QFabAction.json +4 -7
- package/src/components/fab/index.js +1 -4
- package/src/components/fab/use-fab.js +20 -20
- package/src/components/fab/use-fab.json +10 -13
- package/src/components/field/QField.js +7 -5
- package/src/components/field/QField.json +6 -6
- package/src/components/field/QField.sass +0 -8
- package/src/components/field/index.js +1 -3
- package/src/components/file/QFile.js +95 -74
- package/src/components/file/QFile.json +17 -14
- package/src/components/file/index.js +1 -3
- package/src/components/footer/QFooter.js +110 -67
- package/src/components/footer/QFooter.json +2 -2
- package/src/components/footer/index.js +1 -3
- package/src/components/form/QForm.js +93 -58
- package/src/components/form/QForm.json +2 -2
- package/src/components/form/QFormChildMixin.js +10 -11
- package/src/components/form/QFormChildMixin.json +2 -2
- package/src/components/form/index.js +1 -4
- package/src/components/header/QHeader.js +93 -56
- package/src/components/header/QHeader.json +2 -2
- package/src/components/header/index.js +1 -3
- package/src/components/icon/QIcon.js +70 -57
- package/src/components/icon/QIcon.json +2 -2
- package/src/components/icon/index.js +1 -3
- package/src/components/img/QImg.js +104 -98
- package/src/components/img/QImg.json +20 -18
- package/src/components/img/index.js +1 -3
- package/src/components/infinite-scroll/QInfiniteScroll.js +123 -64
- package/src/components/infinite-scroll/QInfiniteScroll.json +1 -1
- package/src/components/infinite-scroll/index.js +1 -3
- package/src/components/inner-loading/QInnerLoading.js +31 -23
- package/src/components/inner-loading/QInnerLoading.json +9 -9
- package/src/components/inner-loading/index.js +1 -3
- package/src/components/input/QInput.js +179 -137
- package/src/components/input/QInput.json +25 -15
- package/src/components/input/index.js +1 -3
- package/src/components/input/use-mask.js +328 -243
- package/src/components/input/use-mask.json +16 -8
- package/src/components/intersection/QIntersection.js +45 -28
- package/src/components/intersection/QIntersection.json +7 -10
- package/src/components/intersection/index.js +1 -3
- package/src/components/item/QItem.js +60 -52
- package/src/components/item/QItem.json +6 -9
- package/src/components/item/QItemLabel.js +23 -15
- package/src/components/item/QItemLabel.json +1 -1
- package/src/components/item/QItemSection.js +11 -8
- package/src/components/item/QList.js +21 -13
- package/src/components/item/QList.json +1 -1
- package/src/components/item/QList.test.js +7 -11
- package/src/components/item/index.js +1 -7
- package/src/components/knob/QKnob.js +86 -76
- package/src/components/knob/QKnob.json +6 -3
- package/src/components/knob/index.js +1 -3
- package/src/components/layout/QLayout.js +98 -69
- package/src/components/layout/QLayout.json +2 -2
- package/src/components/layout/index.js +1 -3
- package/src/components/linear-progress/QLinearProgress.js +78 -47
- package/src/components/linear-progress/QLinearProgress.json +3 -3
- package/src/components/linear-progress/index.js +1 -3
- package/src/components/markup-table/QMarkupTable.js +25 -17
- package/src/components/markup-table/QMarkupTable.json +2 -2
- package/src/components/markup-table/index.js +1 -3
- package/src/components/menu/QMenu.js +144 -100
- package/src/components/menu/QMenu.json +39 -10
- package/src/components/menu/index.js +1 -3
- package/src/components/no-ssr/QNoSsr.js +5 -5
- package/src/components/no-ssr/QNoSsr.json +2 -2
- package/src/components/no-ssr/index.js +1 -3
- package/src/components/option-group/QOptionGroup.js +84 -66
- package/src/components/option-group/QOptionGroup.json +35 -21
- package/src/components/option-group/index.js +1 -3
- package/src/components/page/QPage.js +35 -22
- package/src/components/page/QPage.json +1 -1
- package/src/components/page/QPageContainer.js +24 -11
- package/src/components/page/index.js +1 -4
- package/src/components/page-scroller/QPageScroller.js +49 -32
- package/src/components/page-scroller/QPageScroller.json +2 -2
- package/src/components/page-scroller/index.js +1 -3
- package/src/components/page-sticky/QPageSticky.js +1 -1
- package/src/components/page-sticky/QPageSticky.json +9 -4
- package/src/components/page-sticky/index.js +1 -3
- package/src/components/page-sticky/use-page-sticky.js +47 -36
- package/src/components/pagination/QPagination.js +210 -146
- package/src/components/pagination/QPagination.json +35 -21
- package/src/components/pagination/index.js +1 -3
- package/src/components/parallax/QParallax.js +81 -56
- package/src/components/parallax/index.js +1 -3
- package/src/components/popup-edit/QPopupEdit.js +88 -59
- package/src/components/popup-edit/QPopupEdit.json +40 -16
- package/src/components/popup-edit/index.js +1 -3
- package/src/components/popup-proxy/QPopupProxy.js +30 -19
- package/src/components/popup-proxy/QPopupProxy.json +3 -3
- package/src/components/popup-proxy/index.js +1 -3
- package/src/components/pull-to-refresh/QPullToRefresh.js +71 -49
- package/src/components/pull-to-refresh/index.js +1 -3
- package/src/components/radio/QRadio.js +133 -95
- package/src/components/radio/QRadio.json +11 -8
- package/src/components/radio/index.js +1 -3
- package/src/components/range/QRange.js +151 -104
- package/src/components/range/QRange.json +9 -9
- package/src/components/range/index.js +1 -3
- package/src/components/rating/QRating.js +171 -112
- package/src/components/rating/QRating.json +19 -12
- package/src/components/rating/index.js +1 -3
- package/src/components/resize-observer/QResizeObserver.js +52 -30
- package/src/components/resize-observer/QResizeObserver.json +2 -2
- package/src/components/resize-observer/index.js +1 -3
- package/src/components/responsive/QResponsive.js +27 -14
- package/src/components/responsive/QResponsive.json +1 -1
- package/src/components/responsive/index.js +1 -3
- package/src/components/scroll-area/QScrollArea.js +279 -192
- package/src/components/scroll-area/QScrollArea.json +31 -21
- package/src/components/scroll-area/ScrollAreaControls.js +6 -11
- package/src/components/scroll-area/index.js +1 -3
- package/src/components/scroll-observer/QScrollObserver.js +46 -26
- package/src/components/scroll-observer/QScrollObserver.json +4 -4
- package/src/components/scroll-observer/index.js +1 -3
- package/src/components/select/QSelect.js +710 -519
- package/src/components/select/QSelect.json +70 -45
- package/src/components/select/index.js +1 -3
- package/src/components/separator/QSeparator.js +34 -30
- package/src/components/separator/QSeparator.json +4 -4
- package/src/components/separator/index.js +1 -3
- package/src/components/skeleton/QSkeleton.js +49 -23
- package/src/components/skeleton/QSkeleton.json +26 -9
- package/src/components/skeleton/index.js +1 -3
- package/src/components/slide-item/QSlideItem.js +121 -94
- package/src/components/slide-item/QSlideItem.json +2 -2
- package/src/components/slide-item/index.js +1 -3
- package/src/components/slide-transition/QSlideTransition.js +34 -26
- package/src/components/slide-transition/index.js +1 -3
- package/src/components/slider/QSlider.js +64 -43
- package/src/components/slider/QSlider.json +6 -6
- package/src/components/slider/index.js +1 -3
- package/src/components/slider/use-slider.js +327 -220
- package/src/components/slider/use-slider.json +32 -32
- package/src/components/space/QSpace.js +1 -1
- package/src/components/space/QSpace.test.js +1 -4
- package/src/components/space/index.js +1 -3
- package/src/components/spinner/QSpinner.js +23 -18
- package/src/components/spinner/QSpinner.json +1 -1
- package/src/components/spinner/QSpinner.test.js +11 -27
- package/src/components/spinner/QSpinnerAudio.js +13 -11
- package/src/components/spinner/QSpinnerAudio.json +1 -1
- package/src/components/spinner/QSpinnerAudio.test.js +9 -21
- package/src/components/spinner/QSpinnerBall.js +13 -11
- package/src/components/spinner/QSpinnerBall.json +1 -1
- package/src/components/spinner/QSpinnerBall.test.js +9 -21
- package/src/components/spinner/QSpinnerBars.js +13 -11
- package/src/components/spinner/QSpinnerBars.json +1 -1
- package/src/components/spinner/QSpinnerBars.test.js +9 -21
- package/src/components/spinner/QSpinnerBox.js +13 -11
- package/src/components/spinner/QSpinnerBox.json +1 -1
- package/src/components/spinner/QSpinnerBox.test.js +9 -21
- package/src/components/spinner/QSpinnerClock.js +13 -11
- package/src/components/spinner/QSpinnerClock.json +1 -1
- package/src/components/spinner/QSpinnerClock.test.js +9 -21
- package/src/components/spinner/QSpinnerComment.js +13 -11
- package/src/components/spinner/QSpinnerComment.json +1 -1
- package/src/components/spinner/QSpinnerComment.test.js +9 -21
- package/src/components/spinner/QSpinnerCube.js +13 -11
- package/src/components/spinner/QSpinnerCube.json +1 -1
- package/src/components/spinner/QSpinnerCube.test.js +9 -21
- package/src/components/spinner/QSpinnerDots.js +13 -11
- package/src/components/spinner/QSpinnerDots.json +1 -1
- package/src/components/spinner/QSpinnerDots.test.js +9 -21
- package/src/components/spinner/QSpinnerFacebook.js +13 -11
- package/src/components/spinner/QSpinnerFacebook.json +1 -1
- package/src/components/spinner/QSpinnerFacebook.test.js +9 -21
- package/src/components/spinner/QSpinnerGears.js +13 -11
- package/src/components/spinner/QSpinnerGears.json +1 -1
- package/src/components/spinner/QSpinnerGears.test.js +9 -21
- package/src/components/spinner/QSpinnerGrid.js +13 -11
- package/src/components/spinner/QSpinnerGrid.json +1 -1
- package/src/components/spinner/QSpinnerGrid.test.js +9 -21
- package/src/components/spinner/QSpinnerHearts.js +13 -11
- package/src/components/spinner/QSpinnerHearts.json +1 -1
- package/src/components/spinner/QSpinnerHearts.test.js +9 -21
- package/src/components/spinner/QSpinnerHourglass.js +13 -11
- package/src/components/spinner/QSpinnerHourglass.json +1 -1
- package/src/components/spinner/QSpinnerHourglass.test.js +9 -21
- package/src/components/spinner/QSpinnerInfinity.js +12 -10
- package/src/components/spinner/QSpinnerInfinity.json +1 -1
- package/src/components/spinner/QSpinnerInfinity.test.js +9 -21
- package/src/components/spinner/QSpinnerIos.js +13 -11
- package/src/components/spinner/QSpinnerIos.json +1 -1
- package/src/components/spinner/QSpinnerIos.test.js +9 -21
- package/src/components/spinner/QSpinnerOrbit.js +13 -11
- package/src/components/spinner/QSpinnerOrbit.json +1 -1
- package/src/components/spinner/QSpinnerOrbit.test.js +9 -21
- package/src/components/spinner/QSpinnerOval.js +13 -11
- package/src/components/spinner/QSpinnerOval.json +1 -1
- package/src/components/spinner/QSpinnerOval.test.js +9 -21
- package/src/components/spinner/QSpinnerPie.js +13 -11
- package/src/components/spinner/QSpinnerPie.json +1 -1
- package/src/components/spinner/QSpinnerPie.test.js +9 -21
- package/src/components/spinner/QSpinnerPuff.js +13 -11
- package/src/components/spinner/QSpinnerPuff.json +1 -1
- package/src/components/spinner/QSpinnerPuff.test.js +9 -21
- package/src/components/spinner/QSpinnerRadio.js +13 -11
- package/src/components/spinner/QSpinnerRadio.json +1 -1
- package/src/components/spinner/QSpinnerRadio.test.js +9 -21
- package/src/components/spinner/QSpinnerRings.js +13 -11
- package/src/components/spinner/QSpinnerRings.json +1 -1
- package/src/components/spinner/QSpinnerRings.test.js +9 -21
- package/src/components/spinner/QSpinnerTail.js +12 -10
- package/src/components/spinner/QSpinnerTail.json +1 -1
- package/src/components/spinner/QSpinnerTail.test.js +9 -21
- package/src/components/spinner/index.js +0 -1
- package/src/components/spinner/spinner.json +2 -2
- package/src/components/spinner/use-spinner.js +7 -7
- package/src/components/spinner/use-spinner.test.js +1 -1
- package/src/components/splitter/QSplitter.js +133 -94
- package/src/components/splitter/QSplitter.json +10 -19
- package/src/components/splitter/index.js +1 -3
- package/src/components/stepper/QStep.js +65 -42
- package/src/components/stepper/QStep.json +5 -5
- package/src/components/stepper/QStepper.js +62 -39
- package/src/components/stepper/QStepper.json +2 -2
- package/src/components/stepper/QStepperNavigation.js +1 -1
- package/src/components/stepper/StepHeader.js +87 -67
- package/src/components/stepper/index.js +1 -5
- package/src/components/tab-panels/QTabPanel.js +3 -2
- package/src/components/tab-panels/QTabPanel.json +1 -1
- package/src/components/tab-panels/QTabPanels.js +12 -6
- package/src/components/tab-panels/QTabPanels.json +1 -1
- package/src/components/tab-panels/index.js +1 -4
- package/src/components/table/QTable.js +544 -426
- package/src/components/table/QTable.json +168 -165
- package/src/components/table/QTd.js +18 -13
- package/src/components/table/QTd.json +1 -1
- package/src/components/table/QTh.js +25 -20
- package/src/components/table/QTh.json +1 -1
- package/src/components/table/QTr.js +17 -9
- package/src/components/table/QTr.json +1 -1
- package/src/components/table/get-table-middle.js +2 -4
- package/src/components/table/index.js +1 -6
- package/src/components/table/table-column-selection.js +45 -35
- package/src/components/table/table-filter.js +9 -8
- package/src/components/table/table-pagination.js +75 -52
- package/src/components/table/table-row-expand.js +15 -16
- package/src/components/table/table-row-selection.js +31 -31
- package/src/components/table/table-sort.js +26 -29
- package/src/components/tabs/QRouteTab.js +10 -12
- package/src/components/tabs/QRouteTab.json +6 -6
- package/src/components/tabs/QTab.js +1 -1
- package/src/components/tabs/QTab.json +1 -1
- package/src/components/tabs/QTabs.js +283 -205
- package/src/components/tabs/QTabs.json +9 -9
- package/src/components/tabs/index.js +1 -5
- package/src/components/tabs/use-tab.js +127 -103
- package/src/components/tabs/use-tab.json +8 -8
- package/src/components/time/QTime.js +502 -383
- package/src/components/time/QTime.json +19 -15
- package/src/components/time/index.js +1 -3
- package/src/components/timeline/QTimeline.js +10 -7
- package/src/components/timeline/QTimeline.json +2 -2
- package/src/components/timeline/QTimelineEntry.js +44 -27
- package/src/components/timeline/QTimelineEntry.json +7 -5
- package/src/components/timeline/index.js +1 -4
- package/src/components/toggle/QToggle.js +29 -19
- package/src/components/toggle/QToggle.json +1 -1
- package/src/components/toggle/index.js +1 -3
- package/src/components/toolbar/QToolbar.js +7 -5
- package/src/components/toolbar/QToolbar.test.js +2 -6
- package/src/components/toolbar/QToolbarTitle.js +5 -4
- package/src/components/toolbar/QToolbarTitle.test.js +2 -6
- package/src/components/toolbar/index.js +1 -4
- package/src/components/tooltip/QTooltip.js +125 -72
- package/src/components/tooltip/QTooltip.json +34 -10
- package/src/components/tooltip/index.js +1 -3
- package/src/components/tree/QTree.js +417 -297
- package/src/components/tree/QTree.json +27 -25
- package/src/components/tree/index.js +1 -3
- package/src/components/uploader/QUploader.json +9 -6
- package/src/components/uploader/QUploaderAddTrigger.js +5 -2
- package/src/components/uploader/index.js +1 -4
- package/src/components/uploader/uploader-core.js +262 -178
- package/src/components/uploader/xhr-uploader-plugin.js +96 -89
- package/src/components/uploader/xhr-uploader-plugin.json +29 -29
- package/src/components/video/QVideo.js +25 -19
- package/src/components/video/QVideo.json +5 -5
- package/src/components/video/QVideo.test.js +55 -85
- package/src/components/video/index.js +1 -3
- package/src/components/virtual-scroll/QVirtualScroll.js +89 -37
- package/src/components/virtual-scroll/QVirtualScroll.json +6 -6
- package/src/components/virtual-scroll/index.js +1 -3
- package/src/components/virtual-scroll/use-virtual-scroll.js +421 -240
- package/src/components/virtual-scroll/use-virtual-scroll.json +20 -13
- package/src/composables/private.use-align/use-align.js +8 -5
- package/src/composables/private.use-align/use-align.test.js +9 -17
- package/src/composables/private.use-anchor/use-anchor-static.json +2 -7
- package/src/composables/private.use-anchor/use-anchor.js +79 -62
- package/src/composables/private.use-anchor/use-anchor.json +1 -1
- package/src/composables/private.use-dark/use-dark.js +2 -6
- package/src/composables/private.use-dark/use-dark.test.js +7 -21
- package/src/composables/private.use-field/use-field.js +384 -251
- package/src/composables/private.use-field/use-field.json +10 -10
- package/src/composables/private.use-file/use-file-dom-props.js +11 -15
- package/src/composables/private.use-file/use-file.js +86 -67
- package/src/composables/private.use-file/use-file.json +8 -8
- package/src/composables/private.use-fullscreen/use-fullscreen.js +35 -17
- package/src/composables/private.use-fullscreen/use-fullscreen.json +1 -1
- package/src/composables/private.use-history/use-history.js +4 -4
- package/src/composables/private.use-history/use-history.test.js +9 -21
- package/src/composables/private.use-key-composition/use-key-composition.js +16 -12
- package/src/composables/private.use-model-toggle/use-model-toggle.js +44 -35
- package/src/composables/private.use-model-toggle/use-model-toggle.json +2 -2
- package/src/composables/private.use-panel/use-panel.child.json +1 -1
- package/src/composables/private.use-panel/use-panel.js +131 -91
- package/src/composables/private.use-panel/use-panel.json +18 -18
- package/src/composables/private.use-portal/use-portal.js +20 -15
- package/src/composables/private.use-prevent-scroll/use-prevent-scroll.js +4 -4
- package/src/composables/private.use-ratio/use-ratio.js +3 -3
- package/src/composables/private.use-ratio/use-ratio.json +2 -7
- package/src/composables/private.use-refocus-target/use-refocus-target.js +7 -8
- package/src/composables/private.use-router-link/use-router-link.js +111 -110
- package/src/composables/private.use-router-link/use-router-link.json +6 -9
- package/src/composables/private.use-scroll-target/use-scroll-target.js +14 -11
- package/src/composables/private.use-size/use-size.js +6 -4
- package/src/composables/private.use-size/use-size.json +1 -1
- package/src/composables/private.use-size/use-size.test.js +1 -1
- package/src/composables/private.use-transition/use-transition.js +17 -11
- package/src/composables/private.use-transition/use-transition.json +1 -1
- package/src/composables/private.use-transition/use-transition.test.js +7 -21
- package/src/composables/private.use-validate/use-validate.js +78 -67
- package/src/composables/private.use-validate/use-validate.json +9 -12
- package/src/composables/use-dialog-plugin-component/use-dialog-plugin-component.js +12 -6
- package/src/composables/use-form/private.use-form.js +4 -4
- package/src/composables/use-form/private.use-form.json +1 -1
- package/src/composables/use-form/private.use-form.test.js +17 -15
- package/src/composables/use-form/use-form-child.js +25 -14
- package/src/composables/use-hydration/use-hydration.js +1 -1
- package/src/composables/use-hydration/use-hydration.test.js +2 -4
- package/src/composables/use-id/use-id.js +10 -12
- package/src/composables/use-id/use-id.test.js +1 -1
- package/src/composables/use-interval/use-interval.js +3 -3
- package/src/composables/use-interval/use-interval.test.js +6 -9
- package/src/composables/use-meta/use-meta.js +13 -10
- package/src/composables/use-quasar/use-quasar.js +1 -1
- package/src/composables/use-quasar/use-quasar.test.js +4 -10
- package/src/composables/use-render-cache/use-render-cache.js +16 -24
- package/src/composables/use-split-attrs/use-split-attrs.js +9 -5
- package/src/composables/use-split-attrs/use-split-attrs.test.js +17 -15
- package/src/composables/use-tick/use-tick.js +10 -5
- package/src/composables/use-tick/use-tick.test.js +5 -8
- package/src/composables/use-timeout/use-timeout.js +3 -3
- package/src/composables/use-timeout/use-timeout.test.js +6 -9
- package/src/composables.js +0 -1
- package/src/css/core/helpers.sass +3 -16
- package/src/directives/close-popup/ClosePopup.js +41 -35
- package/src/directives/close-popup/ClosePopup.json +1 -1
- package/src/directives/intersection/Intersection.js +25 -28
- package/src/directives/intersection/Intersection.json +6 -6
- package/src/directives/morph/Morph.js +87 -87
- package/src/directives/morph/Morph.json +15 -13
- package/src/directives/mutation/Mutation.js +23 -24
- package/src/directives/mutation/Mutation.json +11 -11
- package/src/directives/ripple/Ripple.js +88 -79
- package/src/directives/ripple/Ripple.json +10 -10
- package/src/directives/ripple/Ripple.test.js +31 -87
- package/src/directives/scroll/Scroll.js +43 -30
- package/src/directives/scroll/Scroll.json +4 -2
- package/src/directives/scroll-fire/ScrollFire.js +43 -38
- package/src/directives/scroll-fire/ScrollFire.json +1 -1
- package/src/directives/touch-hold/TouchHold.js +155 -139
- package/src/directives/touch-hold/TouchHold.json +2 -2
- package/src/directives/touch-pan/TouchPan.js +311 -278
- package/src/directives/touch-pan/TouchPan.json +6 -4
- package/src/directives/touch-repeat/TouchRepeat.js +222 -188
- package/src/directives/touch-repeat/TouchRepeat.json +5 -3
- package/src/directives/touch-swipe/TouchSwipe.js +235 -214
- package/src/directives/touch-swipe/TouchSwipe.json +5 -3
- package/src/flags.dev.js +10 -17
- package/src/index.dev.js +2 -0
- package/src/index.ssr.js +2 -6
- package/src/index.umd.js +4 -2
- package/src/install-quasar.js +92 -76
- package/src/plugins/addressbar/AddressbarColor.js +28 -25
- package/src/plugins/addressbar/AddressbarColor.json +1 -1
- package/src/plugins/addressbar/AddressbarColor.test.js +10 -9
- package/src/plugins/app-fullscreen/AppFullscreen.js +50 -51
- package/src/plugins/app-fullscreen/AppFullscreen.json +6 -10
- package/src/plugins/app-fullscreen/AppFullscreen.test.js +11 -26
- package/src/plugins/app-fullscreen/test/mock-fullscreen.js +7 -5
- package/src/plugins/app-visibility/AppVisibility.js +21 -17
- package/src/plugins/app-visibility/AppVisibility.test.js +3 -1
- package/src/plugins/bottom-sheet/BottomSheet.js +1 -1
- package/src/plugins/bottom-sheet/BottomSheet.json +9 -9
- package/src/plugins/bottom-sheet/component/BottomSheetComponent.js +132 -95
- package/src/plugins/cookies/Cookies.js +50 -58
- package/src/plugins/cookies/Cookies.json +24 -16
- package/src/plugins/dark/Dark.js +61 -55
- package/src/plugins/dark/Dark.json +6 -6
- package/src/plugins/dark/Dark.test.js +26 -44
- package/src/plugins/dialog/Dialog.js +1 -1
- package/src/plugins/dialog/Dialog.json +29 -21
- package/src/plugins/dialog/component/DialogPluginComponent.js +122 -121
- package/src/plugins/icon-set/IconSet.js +63 -56
- package/src/plugins/icon-set/IconSet.json +421 -419
- package/src/plugins/icon-set/IconSet.test.js +8 -7
- package/src/plugins/lang/Lang.js +115 -96
- package/src/plugins/lang/Lang.json +201 -175
- package/src/plugins/lang/Lang.test.js +52 -20
- package/src/plugins/loading/Loading.js +175 -143
- package/src/plugins/loading/Loading.json +15 -15
- package/src/plugins/loading-bar/LoadingBar.js +61 -56
- package/src/plugins/loading-bar/LoadingBar.json +2 -2
- package/src/plugins/meta/Meta.js +91 -81
- package/src/plugins/notify/Notify.js +275 -221
- package/src/plugins/notify/Notify.json +79 -71
- package/src/plugins/platform/Platform.js +105 -112
- package/src/plugins/platform/Platform.json +12 -8
- package/src/plugins/platform/Platform.test.js +4 -7
- package/src/plugins/private.body/Body.js +19 -23
- package/src/plugins/private.body/Body.test.js +4 -6
- package/src/plugins/private.history/History.js +27 -30
- package/src/plugins/screen/Screen.js +160 -147
- package/src/plugins/screen/Screen.json +6 -6
- package/src/plugins/screen/Screen.test.js +6 -12
- package/src/plugins/storage/LocalStorage.js +5 -4
- package/src/plugins/storage/LocalStorage.json +1 -1
- package/src/plugins/storage/LocalStorage.test.js +56 -62
- package/src/plugins/storage/SessionStorage.js +5 -4
- package/src/plugins/storage/SessionStorage.json +1 -1
- package/src/plugins/storage/SessionStorage.test.js +56 -62
- package/src/plugins/storage/engine/web-storage.js +24 -26
- package/src/plugins/storage/engine/web-storage.json +45 -15
- package/src/utils/EventBus/EventBus.js +12 -13
- package/src/utils/clone/clone.js +27 -28
- package/src/utils/clone/clone.test.js +27 -52
- package/src/utils/colors/colors.js +69 -63
- package/src/utils/colors/colors.test.js +360 -270
- package/src/utils/copy-to-clipboard/copy-to-clipboard.js +9 -10
- package/src/utils/create-meta-mixin/create-meta-mixin.js +17 -19
- package/src/utils/create-uploader-component/create-uploader-component.js +20 -14
- package/src/utils/css-var/get-css-var.js +4 -2
- package/src/utils/css-var/get-css-var.test.js +4 -11
- package/src/utils/css-var/set-css-var.js +2 -2
- package/src/utils/css-var/set-css-var.test.js +6 -12
- package/src/utils/date/date.js +251 -243
- package/src/utils/date/private.persian.js +54 -44
- package/src/utils/debounce/debounce.js +5 -5
- package/src/utils/debounce/debounce.test.js +3 -10
- package/src/utils/dom/dom.js +21 -22
- package/src/utils/dom/dom.test.js +19 -39
- package/src/utils/event/event.js +53 -49
- package/src/utils/export-file/export-file.js +11 -12
- package/src/utils/extend/extend.js +30 -26
- package/src/utils/extend/extend.test.js +36 -42
- package/src/utils/format/format.js +11 -13
- package/src/utils/format/format.test.js +50 -61
- package/src/utils/frame-debounce/frame-debounce.js +5 -3
- package/src/utils/frame-debounce/frame-debounce.test.js +3 -10
- package/src/utils/is/is.js +27 -23
- package/src/utils/is/is.test.js +100 -84
- package/src/utils/morph/morph.js +470 -377
- package/src/utils/open-url/open-url.js +10 -21
- package/src/utils/patterns/patterns.js +11 -7
- package/src/utils/patterns/patterns.test.js +2 -0
- package/src/utils/private.click-outside/click-outside.js +28 -26
- package/src/utils/private.config/instance-config.js +1 -1
- package/src/utils/private.config/instance-config.test.js +11 -7
- package/src/utils/private.config/nodes.js +14 -14
- package/src/utils/private.config/nodes.test.js +32 -38
- package/src/utils/private.create/create.js +10 -4
- package/src/utils/private.create/create.test.js +11 -7
- package/src/utils/private.dialog/create-dialog.js +70 -59
- package/src/utils/private.dialog/create-dialog.json +13 -6
- package/src/utils/private.focus/focus-manager.js +7 -8
- package/src/utils/private.focus/focus-manager.test.js +13 -18
- package/src/utils/private.focus/focusout.js +4 -4
- package/src/utils/private.focus/focusout.test.js +10 -22
- package/src/utils/private.get-emits-object/get-emits-object.js +2 -2
- package/src/utils/private.get-emits-object/get-emits-object.test.js +4 -10
- package/src/utils/private.inject-obj-prop/inject-obj-prop.js +3 -3
- package/src/utils/private.inject-obj-prop/inject-obj-prop.test.js +20 -49
- package/src/utils/private.keyboard/escape-key.js +10 -10
- package/src/utils/private.keyboard/escape-key.test.js +10 -22
- package/src/utils/private.keyboard/key-composition.js +9 -7
- package/src/utils/private.portal/portal.js +7 -10
- package/src/utils/private.position-engine/position-engine.js +127 -75
- package/src/utils/private.render/render.js +9 -24
- package/src/utils/private.render/render.test.js +40 -55
- package/src/utils/private.rtl/rtl.js +1 -3
- package/src/utils/private.selection/selection.js +6 -6
- package/src/utils/private.selection/selection.test.js +7 -13
- package/src/utils/private.sort/sort.js +4 -6
- package/src/utils/private.symbols/symbols.js +1 -1
- package/src/utils/private.touch/touch.js +16 -16
- package/src/utils/private.touch/touch.test.js +56 -16
- package/src/utils/private.vm/vm.js +6 -7
- package/src/utils/private.vm/vm.test.js +32 -32
- package/src/utils/run-sequential-promises/run-sequential-promises.js +56 -50
- package/src/utils/scroll/prevent-scroll.js +75 -47
- package/src/utils/scroll/scroll.js +51 -44
- package/src/utils/throttle/throttle.js +7 -4
- package/src/utils/throttle/throttle.test.js +2 -7
- package/src/utils/uid/uid.js +34 -22
- package/wrappers/index.cjs +17 -15
- package/wrappers/index.js +15 -15
|
@@ -5,8 +5,13 @@
|
|
|
5
5
|
|
|
6
6
|
import { mount, flushPromises } from '@vue/test-utils'
|
|
7
7
|
import {
|
|
8
|
-
describe,
|
|
9
|
-
|
|
8
|
+
describe,
|
|
9
|
+
test,
|
|
10
|
+
expect,
|
|
11
|
+
vi,
|
|
12
|
+
beforeEach,
|
|
13
|
+
afterEach,
|
|
14
|
+
onTestFinished
|
|
10
15
|
} from 'vitest'
|
|
11
16
|
|
|
12
17
|
import QDialog from './QDialog.js'
|
|
@@ -29,24 +34,27 @@ afterEach(() => {
|
|
|
29
34
|
vi.restoreAllMocks()
|
|
30
35
|
})
|
|
31
36
|
|
|
32
|
-
async function triggerBackdropClick
|
|
33
|
-
await
|
|
37
|
+
async function triggerBackdropClick(localWrapper) {
|
|
38
|
+
await localWrapper
|
|
39
|
+
.findComponent({ name: 'QPortal' })
|
|
34
40
|
.find('.q-dialog__backdrop')
|
|
35
41
|
.trigger('click')
|
|
36
42
|
}
|
|
37
43
|
|
|
38
|
-
async function triggerEscKey
|
|
39
|
-
const portal = await
|
|
44
|
+
async function triggerEscKey(localWrapper) {
|
|
45
|
+
const portal = await localWrapper.findComponent({ name: 'QPortal' })
|
|
40
46
|
await portal.trigger('keydown', { keyCode: 27 })
|
|
41
47
|
await portal.trigger('keyup', { keyCode: 27 })
|
|
42
48
|
}
|
|
43
49
|
|
|
44
|
-
function createFocusEl
|
|
50
|
+
function createFocusEl() {
|
|
45
51
|
const el = document.createElement('div')
|
|
46
52
|
el.setAttribute('tabindex', '0')
|
|
47
53
|
document.body.appendChild(el)
|
|
48
54
|
|
|
49
|
-
onTestFinished(() => {
|
|
55
|
+
onTestFinished(() => {
|
|
56
|
+
el.remove()
|
|
57
|
+
})
|
|
50
58
|
|
|
51
59
|
return el
|
|
52
60
|
}
|
|
@@ -66,7 +74,8 @@ describe('[QDialog API]', () => {
|
|
|
66
74
|
const content = wrapper.findComponent({ name: 'QPortal' })
|
|
67
75
|
|
|
68
76
|
expect(
|
|
69
|
-
content
|
|
77
|
+
content
|
|
78
|
+
.get('transition-stub[enterfromclass]')
|
|
70
79
|
.attributes('enterfromclass')
|
|
71
80
|
).toBe('q-transition--flip-enter-from')
|
|
72
81
|
})
|
|
@@ -85,7 +94,8 @@ describe('[QDialog API]', () => {
|
|
|
85
94
|
let content = wrapper.findComponent({ name: 'QPortal' })
|
|
86
95
|
|
|
87
96
|
expect(
|
|
88
|
-
content
|
|
97
|
+
content
|
|
98
|
+
.get('transition-stub[enterfromclass]')
|
|
89
99
|
.attributes('enterfromclass')
|
|
90
100
|
).toBe('q-transition--scale-enter-from')
|
|
91
101
|
|
|
@@ -95,7 +105,8 @@ describe('[QDialog API]', () => {
|
|
|
95
105
|
content = wrapper.findComponent({ name: 'QPortal' })
|
|
96
106
|
|
|
97
107
|
expect(
|
|
98
|
-
content
|
|
108
|
+
content
|
|
109
|
+
.get('transition-stub[leavefromclass]')
|
|
99
110
|
.attributes('leavefromclass')
|
|
100
111
|
).toBe('q-transition--flip-leave-from')
|
|
101
112
|
})
|
|
@@ -103,8 +114,8 @@ describe('[QDialog API]', () => {
|
|
|
103
114
|
|
|
104
115
|
describe('[(prop)transition-duration]', () => {
|
|
105
116
|
test.each([
|
|
106
|
-
[
|
|
107
|
-
[
|
|
117
|
+
['String', '1000'],
|
|
118
|
+
['Number', 1000]
|
|
108
119
|
])('type %s has effect', async (_, propVal) => {
|
|
109
120
|
const onShowFn = vi.fn()
|
|
110
121
|
wrapper = mount(QDialog, {
|
|
@@ -134,26 +145,20 @@ describe('[QDialog API]', () => {
|
|
|
134
145
|
}
|
|
135
146
|
})
|
|
136
147
|
|
|
137
|
-
expect(
|
|
138
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
139
|
-
.exists()
|
|
140
|
-
).toBe(false)
|
|
148
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
141
149
|
|
|
142
150
|
await wrapper.setProps({ modelValue: true })
|
|
143
151
|
await flushPromises()
|
|
144
152
|
await vi.runAllTimers()
|
|
145
153
|
|
|
146
|
-
expect(
|
|
147
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
148
|
-
.exists()
|
|
149
|
-
).toBe(true)
|
|
154
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
150
155
|
})
|
|
151
156
|
})
|
|
152
157
|
|
|
153
158
|
describe('[(prop)persistent]', () => {
|
|
154
159
|
test.each([
|
|
155
|
-
[
|
|
156
|
-
[
|
|
160
|
+
['Backdrop click', triggerBackdropClick],
|
|
161
|
+
['ESC key', triggerEscKey]
|
|
157
162
|
])('handles %s correctly', async (_, trigger) => {
|
|
158
163
|
wrapper = mount(QDialog, {
|
|
159
164
|
props: {
|
|
@@ -169,10 +174,7 @@ describe('[QDialog API]', () => {
|
|
|
169
174
|
await flushPromises()
|
|
170
175
|
await vi.runAllTimers()
|
|
171
176
|
|
|
172
|
-
expect(
|
|
173
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
174
|
-
.exists()
|
|
175
|
-
).toBe(false)
|
|
177
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
176
178
|
|
|
177
179
|
await wrapper.setProps({ persistent: true })
|
|
178
180
|
|
|
@@ -185,10 +187,7 @@ describe('[QDialog API]', () => {
|
|
|
185
187
|
await flushPromises()
|
|
186
188
|
await vi.runAllTimers()
|
|
187
189
|
|
|
188
|
-
expect(
|
|
189
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
190
|
-
.exists()
|
|
191
|
-
).toBe(true)
|
|
190
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
192
191
|
})
|
|
193
192
|
})
|
|
194
193
|
|
|
@@ -208,10 +207,7 @@ describe('[QDialog API]', () => {
|
|
|
208
207
|
await flushPromises()
|
|
209
208
|
await vi.runAllTimers()
|
|
210
209
|
|
|
211
|
-
expect(
|
|
212
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
213
|
-
.exists()
|
|
214
|
-
).toBe(false)
|
|
210
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
215
211
|
|
|
216
212
|
await wrapper.setProps({ noEscDismiss: true })
|
|
217
213
|
|
|
@@ -224,10 +220,7 @@ describe('[QDialog API]', () => {
|
|
|
224
220
|
await flushPromises()
|
|
225
221
|
await vi.runAllTimers()
|
|
226
222
|
|
|
227
|
-
expect(
|
|
228
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
229
|
-
.exists()
|
|
230
|
-
).toBe(true)
|
|
223
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
231
224
|
})
|
|
232
225
|
})
|
|
233
226
|
|
|
@@ -247,10 +240,7 @@ describe('[QDialog API]', () => {
|
|
|
247
240
|
await flushPromises()
|
|
248
241
|
await vi.runAllTimers()
|
|
249
242
|
|
|
250
|
-
expect(
|
|
251
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
252
|
-
.exists()
|
|
253
|
-
).toBe(false)
|
|
243
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
254
244
|
|
|
255
245
|
await wrapper.setProps({ noBackdropDismiss: true })
|
|
256
246
|
|
|
@@ -263,23 +253,20 @@ describe('[QDialog API]', () => {
|
|
|
263
253
|
await flushPromises()
|
|
264
254
|
await vi.runAllTimers()
|
|
265
255
|
|
|
266
|
-
expect(
|
|
267
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
268
|
-
.exists()
|
|
269
|
-
).toBe(true)
|
|
256
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
270
257
|
})
|
|
271
258
|
})
|
|
272
259
|
|
|
273
260
|
describe('[(prop)no-route-dismiss]', () => {
|
|
274
261
|
test('type Boolean has effect', async () => {
|
|
275
|
-
const router = await getRouter([
|
|
262
|
+
const router = await getRouter(['/home', '/account'])
|
|
276
263
|
|
|
277
264
|
wrapper = mount(QDialog, {
|
|
278
265
|
props: {
|
|
279
266
|
noRouteDismiss: true
|
|
280
267
|
},
|
|
281
268
|
global: {
|
|
282
|
-
plugins: [
|
|
269
|
+
plugins: [router]
|
|
283
270
|
}
|
|
284
271
|
})
|
|
285
272
|
|
|
@@ -291,10 +278,7 @@ describe('[QDialog API]', () => {
|
|
|
291
278
|
await flushPromises()
|
|
292
279
|
await vi.runAllTimers()
|
|
293
280
|
|
|
294
|
-
expect(
|
|
295
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
296
|
-
.exists()
|
|
297
|
-
).toBe(true)
|
|
281
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
298
282
|
|
|
299
283
|
await wrapper.setProps({ noRouteDismiss: false })
|
|
300
284
|
await flushPromises()
|
|
@@ -303,10 +287,7 @@ describe('[QDialog API]', () => {
|
|
|
303
287
|
await flushPromises()
|
|
304
288
|
await vi.runAllTimers()
|
|
305
289
|
|
|
306
|
-
expect(
|
|
307
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
308
|
-
.exists()
|
|
309
|
-
).toBe(false)
|
|
290
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
310
291
|
})
|
|
311
292
|
})
|
|
312
293
|
|
|
@@ -318,40 +299,30 @@ describe('[QDialog API]', () => {
|
|
|
318
299
|
}
|
|
319
300
|
})
|
|
320
301
|
|
|
321
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
322
|
-
.vm.show()
|
|
302
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
323
303
|
|
|
324
304
|
await flushPromises()
|
|
325
305
|
|
|
326
|
-
await wrapper.findComponent({ name: 'QBtn' })
|
|
327
|
-
.trigger('click')
|
|
306
|
+
await wrapper.findComponent({ name: 'QBtn' }).trigger('click')
|
|
328
307
|
|
|
329
308
|
await flushPromises()
|
|
330
309
|
await vi.runAllTimers()
|
|
331
310
|
|
|
332
|
-
expect(
|
|
333
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
334
|
-
.exists()
|
|
335
|
-
).toBe(true)
|
|
311
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
336
312
|
|
|
337
313
|
await wrapper.setProps({ autoClose: true })
|
|
338
314
|
|
|
339
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
340
|
-
.vm.show()
|
|
315
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
341
316
|
|
|
342
317
|
await flushPromises()
|
|
343
318
|
await vi.runAllTimers()
|
|
344
319
|
|
|
345
|
-
await wrapper.findComponent({ name: 'QBtn' })
|
|
346
|
-
.trigger('click')
|
|
320
|
+
await wrapper.findComponent({ name: 'QBtn' }).trigger('click')
|
|
347
321
|
|
|
348
322
|
await flushPromises()
|
|
349
323
|
await vi.runAllTimers()
|
|
350
324
|
|
|
351
|
-
expect(
|
|
352
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
353
|
-
.exists()
|
|
354
|
-
).toBe(false)
|
|
325
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
355
326
|
})
|
|
356
327
|
})
|
|
357
328
|
|
|
@@ -368,18 +339,14 @@ describe('[QDialog API]', () => {
|
|
|
368
339
|
await vi.runAllTimers()
|
|
369
340
|
|
|
370
341
|
expect(
|
|
371
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
372
|
-
.get('.q-dialog')
|
|
373
|
-
.classes()
|
|
342
|
+
wrapper.findComponent({ name: 'QPortal' }).get('.q-dialog').classes()
|
|
374
343
|
).toContain('q-dialog--seamless')
|
|
375
344
|
|
|
376
345
|
await wrapper.setProps({ seamless: false })
|
|
377
346
|
await flushPromises()
|
|
378
347
|
|
|
379
348
|
expect(
|
|
380
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
381
|
-
.get('.q-dialog')
|
|
382
|
-
.classes()
|
|
349
|
+
wrapper.findComponent({ name: 'QPortal' }).get('.q-dialog').classes()
|
|
383
350
|
).not.toContain('q-dialog--seamless')
|
|
384
351
|
})
|
|
385
352
|
})
|
|
@@ -431,7 +398,8 @@ describe('[QDialog API]', () => {
|
|
|
431
398
|
await vi.runAllTimers()
|
|
432
399
|
|
|
433
400
|
expect(
|
|
434
|
-
wrapper
|
|
401
|
+
wrapper
|
|
402
|
+
.findComponent({ name: 'QPortal' })
|
|
435
403
|
.get('.q-dialog__inner')
|
|
436
404
|
.classes()
|
|
437
405
|
).toContain('q-dialog__inner--maximized')
|
|
@@ -440,7 +408,8 @@ describe('[QDialog API]', () => {
|
|
|
440
408
|
await flushPromises()
|
|
441
409
|
|
|
442
410
|
expect(
|
|
443
|
-
wrapper
|
|
411
|
+
wrapper
|
|
412
|
+
.findComponent({ name: 'QPortal' })
|
|
444
413
|
.get('.q-dialog__inner')
|
|
445
414
|
.classes()
|
|
446
415
|
).not.toContain('q-dialog__inner--maximized')
|
|
@@ -460,7 +429,8 @@ describe('[QDialog API]', () => {
|
|
|
460
429
|
await vi.runAllTimers()
|
|
461
430
|
|
|
462
431
|
expect(
|
|
463
|
-
wrapper
|
|
432
|
+
wrapper
|
|
433
|
+
.findComponent({ name: 'QPortal' })
|
|
464
434
|
.get('.q-dialog__inner')
|
|
465
435
|
.classes()
|
|
466
436
|
).toContain('q-dialog__inner--fullwidth')
|
|
@@ -469,7 +439,8 @@ describe('[QDialog API]', () => {
|
|
|
469
439
|
await flushPromises()
|
|
470
440
|
|
|
471
441
|
expect(
|
|
472
|
-
wrapper
|
|
442
|
+
wrapper
|
|
443
|
+
.findComponent({ name: 'QPortal' })
|
|
473
444
|
.get('.q-dialog__inner')
|
|
474
445
|
.classes()
|
|
475
446
|
).not.toContain('q-dialog__inner--fullwidth')
|
|
@@ -489,7 +460,8 @@ describe('[QDialog API]', () => {
|
|
|
489
460
|
await vi.runAllTimers()
|
|
490
461
|
|
|
491
462
|
expect(
|
|
492
|
-
wrapper
|
|
463
|
+
wrapper
|
|
464
|
+
.findComponent({ name: 'QPortal' })
|
|
493
465
|
.get('.q-dialog__inner')
|
|
494
466
|
.classes()
|
|
495
467
|
).toContain('q-dialog__inner--fullheight')
|
|
@@ -498,7 +470,8 @@ describe('[QDialog API]', () => {
|
|
|
498
470
|
await flushPromises()
|
|
499
471
|
|
|
500
472
|
expect(
|
|
501
|
-
wrapper
|
|
473
|
+
wrapper
|
|
474
|
+
.findComponent({ name: 'QPortal' })
|
|
502
475
|
.get('.q-dialog__inner')
|
|
503
476
|
.classes()
|
|
504
477
|
).not.toContain('q-dialog__inner--fullheight')
|
|
@@ -516,8 +489,9 @@ describe('[QDialog API]', () => {
|
|
|
516
489
|
await flushPromises()
|
|
517
490
|
await vi.runAllTimers()
|
|
518
491
|
|
|
519
|
-
const positionList = [
|
|
520
|
-
const target = wrapper
|
|
492
|
+
const positionList = ['top', 'right', 'bottom', 'left']
|
|
493
|
+
const target = wrapper
|
|
494
|
+
.findComponent({ name: 'QPortal' })
|
|
521
495
|
.get('.q-dialog__inner')
|
|
522
496
|
|
|
523
497
|
for (const position of positionList) {
|
|
@@ -525,8 +499,8 @@ describe('[QDialog API]', () => {
|
|
|
525
499
|
await flushPromises()
|
|
526
500
|
|
|
527
501
|
const cls = target.classes()
|
|
528
|
-
expect(cls).toContain(`q-dialog__inner--${
|
|
529
|
-
expect(cls).toContain(`fixed-${
|
|
502
|
+
expect(cls).toContain(`q-dialog__inner--${position}`)
|
|
503
|
+
expect(cls).toContain(`fixed-${position}`)
|
|
530
504
|
}
|
|
531
505
|
})
|
|
532
506
|
})
|
|
@@ -548,7 +522,7 @@ describe('[QDialog API]', () => {
|
|
|
548
522
|
.findComponent({ name: 'QCard' })
|
|
549
523
|
.get('.q-card')
|
|
550
524
|
.$computedStyle('border-radius')
|
|
551
|
-
).toBe('
|
|
525
|
+
).toBe('0px')
|
|
552
526
|
|
|
553
527
|
await wrapper.setProps({ square: false })
|
|
554
528
|
await flushPromises()
|
|
@@ -558,7 +532,7 @@ describe('[QDialog API]', () => {
|
|
|
558
532
|
.findComponent({ name: 'QCard' })
|
|
559
533
|
.get('.q-card')
|
|
560
534
|
.$computedStyle('border-radius')
|
|
561
|
-
).not.toBe('
|
|
535
|
+
).not.toBe('0px')
|
|
562
536
|
})
|
|
563
537
|
})
|
|
564
538
|
|
|
@@ -570,49 +544,33 @@ describe('[QDialog API]', () => {
|
|
|
570
544
|
|
|
571
545
|
wrapper = mount(QDialog)
|
|
572
546
|
|
|
573
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
574
|
-
.vm.show()
|
|
547
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
575
548
|
|
|
576
549
|
await flushPromises()
|
|
577
550
|
await vi.runAllTimers()
|
|
578
551
|
|
|
579
|
-
expect(
|
|
580
|
-
document.activeElement
|
|
581
|
-
).not.toBe(
|
|
582
|
-
el
|
|
583
|
-
)
|
|
552
|
+
expect(document.activeElement).not.toBe(el)
|
|
584
553
|
|
|
585
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
586
|
-
.vm.hide()
|
|
554
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.hide()
|
|
587
555
|
|
|
588
556
|
await flushPromises()
|
|
589
557
|
await vi.runAllTimers()
|
|
590
558
|
|
|
591
|
-
expect(
|
|
592
|
-
document.activeElement
|
|
593
|
-
).toBe(
|
|
594
|
-
el
|
|
595
|
-
)
|
|
559
|
+
expect(document.activeElement).toBe(el)
|
|
596
560
|
|
|
597
561
|
await wrapper.setProps({ noRefocus: true })
|
|
598
562
|
|
|
599
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
600
|
-
.vm.show()
|
|
563
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
601
564
|
|
|
602
565
|
await flushPromises()
|
|
603
566
|
await vi.runAllTimers()
|
|
604
567
|
|
|
605
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
606
|
-
.vm.hide()
|
|
568
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.hide()
|
|
607
569
|
|
|
608
570
|
await flushPromises()
|
|
609
571
|
await vi.runAllTimers()
|
|
610
572
|
|
|
611
|
-
expect(
|
|
612
|
-
document.activeElement
|
|
613
|
-
).not.toBe(
|
|
614
|
-
el
|
|
615
|
-
)
|
|
573
|
+
expect(document.activeElement).not.toBe(el)
|
|
616
574
|
})
|
|
617
575
|
})
|
|
618
576
|
|
|
@@ -624,43 +582,28 @@ describe('[QDialog API]', () => {
|
|
|
624
582
|
|
|
625
583
|
wrapper = mount(QDialog)
|
|
626
584
|
|
|
627
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
628
|
-
.vm.show()
|
|
585
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
629
586
|
|
|
630
587
|
await flushPromises()
|
|
631
588
|
await vi.runAllTimers()
|
|
632
589
|
|
|
633
|
-
expect(
|
|
634
|
-
document.activeElement
|
|
635
|
-
).not.toBe(
|
|
636
|
-
el
|
|
637
|
-
)
|
|
590
|
+
expect(document.activeElement).not.toBe(el)
|
|
638
591
|
|
|
639
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
640
|
-
.vm.hide()
|
|
592
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.hide()
|
|
641
593
|
|
|
642
594
|
await flushPromises()
|
|
643
595
|
await vi.runAllTimers()
|
|
644
596
|
|
|
645
|
-
expect(
|
|
646
|
-
document.activeElement
|
|
647
|
-
).toBe(
|
|
648
|
-
el
|
|
649
|
-
)
|
|
597
|
+
expect(document.activeElement).toBe(el)
|
|
650
598
|
|
|
651
599
|
await wrapper.setProps({ noFocus: true })
|
|
652
600
|
|
|
653
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
654
|
-
.vm.show()
|
|
601
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
655
602
|
|
|
656
603
|
await flushPromises()
|
|
657
604
|
await vi.runAllTimers()
|
|
658
605
|
|
|
659
|
-
expect(
|
|
660
|
-
document.activeElement
|
|
661
|
-
).toBe(
|
|
662
|
-
el
|
|
663
|
-
)
|
|
606
|
+
expect(document.activeElement).toBe(el)
|
|
664
607
|
})
|
|
665
608
|
})
|
|
666
609
|
|
|
@@ -682,7 +625,8 @@ describe('[QDialog API]', () => {
|
|
|
682
625
|
await flushPromises()
|
|
683
626
|
|
|
684
627
|
expect(
|
|
685
|
-
wrapper
|
|
628
|
+
wrapper
|
|
629
|
+
.findComponent({ name: 'QPortal' })
|
|
686
630
|
.get('.q-dialog__inner')
|
|
687
631
|
.classes()
|
|
688
632
|
).not.toContain('q-animate--scale')
|
|
@@ -693,7 +637,8 @@ describe('[QDialog API]', () => {
|
|
|
693
637
|
await triggerBackdropClick(wrapper)
|
|
694
638
|
|
|
695
639
|
expect(
|
|
696
|
-
wrapper
|
|
640
|
+
wrapper
|
|
641
|
+
.findComponent({ name: 'QPortal' })
|
|
697
642
|
.get('.q-dialog__inner')
|
|
698
643
|
.classes()
|
|
699
644
|
).toContain('q-animate--scale')
|
|
@@ -718,11 +663,7 @@ describe('[QDialog API]', () => {
|
|
|
718
663
|
|
|
719
664
|
await flushPromises()
|
|
720
665
|
|
|
721
|
-
expect(
|
|
722
|
-
document.activeElement
|
|
723
|
-
).not.toBe(
|
|
724
|
-
el
|
|
725
|
-
)
|
|
666
|
+
expect(document.activeElement).not.toBe(el)
|
|
726
667
|
|
|
727
668
|
await wrapper.setProps({ allowFocusOutside: true })
|
|
728
669
|
await flushPromises()
|
|
@@ -732,11 +673,7 @@ describe('[QDialog API]', () => {
|
|
|
732
673
|
await flushPromises()
|
|
733
674
|
await vi.runAllTimers()
|
|
734
675
|
|
|
735
|
-
expect(
|
|
736
|
-
document.activeElement
|
|
737
|
-
).toBe(
|
|
738
|
-
el
|
|
739
|
-
)
|
|
676
|
+
expect(document.activeElement).toBe(el)
|
|
740
677
|
})
|
|
741
678
|
})
|
|
742
679
|
})
|
|
@@ -757,10 +694,9 @@ describe('[QDialog API]', () => {
|
|
|
757
694
|
await flushPromises()
|
|
758
695
|
await vi.runAllTimers()
|
|
759
696
|
|
|
760
|
-
expect(
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
).toContain(slotContent)
|
|
697
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).html()).toContain(
|
|
698
|
+
slotContent
|
|
699
|
+
)
|
|
764
700
|
})
|
|
765
701
|
})
|
|
766
702
|
})
|
|
@@ -780,17 +716,16 @@ describe('[QDialog API]', () => {
|
|
|
780
716
|
await flushPromises()
|
|
781
717
|
await vi.runAllTimers()
|
|
782
718
|
|
|
783
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
784
|
-
.vm.show()
|
|
719
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show()
|
|
785
720
|
|
|
786
721
|
await flushPromises()
|
|
787
722
|
await vi.runAllTimers()
|
|
788
723
|
|
|
789
724
|
const eventList = wrapper.emitted()
|
|
790
725
|
expect(eventList).toHaveProperty('update:modelValue')
|
|
791
|
-
expect(eventList[
|
|
726
|
+
expect(eventList['update:modelValue']).toHaveLength(1)
|
|
792
727
|
|
|
793
|
-
const [
|
|
728
|
+
const [value] = eventList['update:modelValue'][0]
|
|
794
729
|
expect(value).toBeTypeOf('boolean')
|
|
795
730
|
})
|
|
796
731
|
})
|
|
@@ -803,8 +738,7 @@ describe('[QDialog API]', () => {
|
|
|
803
738
|
await flushPromises()
|
|
804
739
|
await vi.runAllTimers()
|
|
805
740
|
|
|
806
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
807
|
-
.vm.show(event)
|
|
741
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show(event)
|
|
808
742
|
|
|
809
743
|
await flushPromises()
|
|
810
744
|
await vi.runAllTimers()
|
|
@@ -813,7 +747,7 @@ describe('[QDialog API]', () => {
|
|
|
813
747
|
expect(eventList).toHaveProperty('show')
|
|
814
748
|
expect(eventList.show).toHaveLength(1)
|
|
815
749
|
|
|
816
|
-
const [
|
|
750
|
+
const [evt] = eventList.show[0]
|
|
817
751
|
expect(evt).toBe(evt)
|
|
818
752
|
})
|
|
819
753
|
})
|
|
@@ -826,8 +760,7 @@ describe('[QDialog API]', () => {
|
|
|
826
760
|
await flushPromises()
|
|
827
761
|
await vi.runAllTimers()
|
|
828
762
|
|
|
829
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
830
|
-
.vm.show(event)
|
|
763
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.show(event)
|
|
831
764
|
|
|
832
765
|
await flushPromises()
|
|
833
766
|
await vi.runAllTimers()
|
|
@@ -836,7 +769,7 @@ describe('[QDialog API]', () => {
|
|
|
836
769
|
expect(eventList).toHaveProperty('beforeShow')
|
|
837
770
|
expect(eventList.beforeShow).toHaveLength(1)
|
|
838
771
|
|
|
839
|
-
const [
|
|
772
|
+
const [evt] = eventList.beforeShow[0]
|
|
840
773
|
expect(evt).toBe(event)
|
|
841
774
|
})
|
|
842
775
|
})
|
|
@@ -856,8 +789,7 @@ describe('[QDialog API]', () => {
|
|
|
856
789
|
await flushPromises()
|
|
857
790
|
await vi.runAllTimers()
|
|
858
791
|
|
|
859
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
860
|
-
.vm.hide(event)
|
|
792
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.hide(event)
|
|
861
793
|
|
|
862
794
|
await flushPromises()
|
|
863
795
|
await vi.runAllTimers()
|
|
@@ -866,7 +798,7 @@ describe('[QDialog API]', () => {
|
|
|
866
798
|
expect(eventList).toHaveProperty('hide')
|
|
867
799
|
expect(eventList.hide).toHaveLength(1)
|
|
868
800
|
|
|
869
|
-
const [
|
|
801
|
+
const [evt] = eventList.hide[0]
|
|
870
802
|
expect(evt).toBe(event)
|
|
871
803
|
})
|
|
872
804
|
})
|
|
@@ -886,8 +818,7 @@ describe('[QDialog API]', () => {
|
|
|
886
818
|
await flushPromises()
|
|
887
819
|
await vi.runAllTimers()
|
|
888
820
|
|
|
889
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
890
|
-
.vm.hide(event)
|
|
821
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.hide(event)
|
|
891
822
|
|
|
892
823
|
await flushPromises()
|
|
893
824
|
await vi.runAllTimers()
|
|
@@ -896,7 +827,7 @@ describe('[QDialog API]', () => {
|
|
|
896
827
|
expect(eventList).toHaveProperty('beforeHide')
|
|
897
828
|
expect(eventList.beforeHide).toHaveLength(1)
|
|
898
829
|
|
|
899
|
-
const [
|
|
830
|
+
const [evt] = eventList.beforeHide[0]
|
|
900
831
|
expect(evt).toBe(event)
|
|
901
832
|
})
|
|
902
833
|
})
|
|
@@ -916,7 +847,8 @@ describe('[QDialog API]', () => {
|
|
|
916
847
|
await triggerEscKey(wrapper)
|
|
917
848
|
|
|
918
849
|
expect(
|
|
919
|
-
wrapper
|
|
850
|
+
wrapper
|
|
851
|
+
.findComponent({ name: 'QPortal' })
|
|
920
852
|
.get('.q-dialog__inner')
|
|
921
853
|
.classes()
|
|
922
854
|
).toContain('q-animate--scale')
|
|
@@ -925,7 +857,7 @@ describe('[QDialog API]', () => {
|
|
|
925
857
|
expect(eventList).toHaveProperty('shake')
|
|
926
858
|
expect(eventList.shake).toHaveLength(1)
|
|
927
859
|
|
|
928
|
-
expect(eventList.shake[
|
|
860
|
+
expect(eventList.shake[0]).toHaveLength(0)
|
|
929
861
|
})
|
|
930
862
|
})
|
|
931
863
|
|
|
@@ -946,7 +878,7 @@ describe('[QDialog API]', () => {
|
|
|
946
878
|
expect(eventList).toHaveProperty('escapeKey')
|
|
947
879
|
expect(eventList.escapeKey).toHaveLength(1)
|
|
948
880
|
|
|
949
|
-
expect(eventList.escapeKey[
|
|
881
|
+
expect(eventList.escapeKey[0]).toHaveLength(0)
|
|
950
882
|
})
|
|
951
883
|
})
|
|
952
884
|
})
|
|
@@ -956,22 +888,14 @@ describe('[QDialog API]', () => {
|
|
|
956
888
|
test('should be callable', async () => {
|
|
957
889
|
wrapper = mount(QDialog)
|
|
958
890
|
|
|
959
|
-
expect(
|
|
960
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
961
|
-
.exists()
|
|
962
|
-
).toBe(false)
|
|
891
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
963
892
|
|
|
964
|
-
expect(
|
|
965
|
-
wrapper.vm.show()
|
|
966
|
-
).toBeUndefined()
|
|
893
|
+
expect(wrapper.vm.show()).toBeUndefined()
|
|
967
894
|
|
|
968
895
|
await flushPromises()
|
|
969
896
|
await vi.runAllTimers()
|
|
970
897
|
|
|
971
|
-
expect(
|
|
972
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
973
|
-
.exists()
|
|
974
|
-
).toBe(true)
|
|
898
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
975
899
|
})
|
|
976
900
|
})
|
|
977
901
|
|
|
@@ -986,22 +910,14 @@ describe('[QDialog API]', () => {
|
|
|
986
910
|
await flushPromises()
|
|
987
911
|
await vi.runAllTimers()
|
|
988
912
|
|
|
989
|
-
expect(
|
|
990
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
991
|
-
.exists()
|
|
992
|
-
).toBe(true)
|
|
913
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
993
914
|
|
|
994
|
-
expect(
|
|
995
|
-
wrapper.vm.hide()
|
|
996
|
-
).toBeUndefined()
|
|
915
|
+
expect(wrapper.vm.hide()).toBeUndefined()
|
|
997
916
|
|
|
998
917
|
await flushPromises()
|
|
999
918
|
await vi.runAllTimers()
|
|
1000
919
|
|
|
1001
|
-
expect(
|
|
1002
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
1003
|
-
.exists()
|
|
1004
|
-
).toBe(false)
|
|
920
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
1005
921
|
})
|
|
1006
922
|
})
|
|
1007
923
|
|
|
@@ -1016,34 +932,21 @@ describe('[QDialog API]', () => {
|
|
|
1016
932
|
await flushPromises()
|
|
1017
933
|
await vi.runAllTimers()
|
|
1018
934
|
|
|
1019
|
-
expect(
|
|
1020
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
1021
|
-
.exists()
|
|
1022
|
-
).toBe(true)
|
|
935
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
1023
936
|
|
|
1024
|
-
expect(
|
|
1025
|
-
wrapper.vm.toggle()
|
|
1026
|
-
).toBeUndefined()
|
|
937
|
+
expect(wrapper.vm.toggle()).toBeUndefined()
|
|
1027
938
|
|
|
1028
939
|
await flushPromises()
|
|
1029
940
|
await vi.runAllTimers()
|
|
1030
941
|
|
|
1031
|
-
expect(
|
|
1032
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
1033
|
-
.exists()
|
|
1034
|
-
).toBe(false)
|
|
942
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(false)
|
|
1035
943
|
|
|
1036
|
-
expect(
|
|
1037
|
-
wrapper.vm.toggle()
|
|
1038
|
-
).toBeUndefined()
|
|
944
|
+
expect(wrapper.vm.toggle()).toBeUndefined()
|
|
1039
945
|
|
|
1040
946
|
await flushPromises()
|
|
1041
947
|
await vi.runAllTimers()
|
|
1042
948
|
|
|
1043
|
-
expect(
|
|
1044
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
1045
|
-
.exists()
|
|
1046
|
-
).toBe(true)
|
|
949
|
+
expect(wrapper.findComponent({ name: 'QPortal' }).exists()).toBe(true)
|
|
1047
950
|
})
|
|
1048
951
|
})
|
|
1049
952
|
|
|
@@ -1059,15 +962,12 @@ describe('[QDialog API]', () => {
|
|
|
1059
962
|
await vi.runAllTimers()
|
|
1060
963
|
|
|
1061
964
|
expect(
|
|
1062
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
1063
|
-
.vm.focus('.q-btn')
|
|
965
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.focus('.q-btn')
|
|
1064
966
|
).toBeUndefined()
|
|
1065
967
|
|
|
1066
968
|
await flushPromises()
|
|
1067
969
|
|
|
1068
|
-
expect(
|
|
1069
|
-
document.activeElement
|
|
1070
|
-
).toBe(
|
|
970
|
+
expect(document.activeElement).toBe(
|
|
1071
971
|
wrapper.findComponent({ name: 'QBtn' }).element
|
|
1072
972
|
)
|
|
1073
973
|
})
|
|
@@ -1083,17 +983,14 @@ describe('[QDialog API]', () => {
|
|
|
1083
983
|
await vi.runAllTimers()
|
|
1084
984
|
|
|
1085
985
|
expect(
|
|
1086
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
1087
|
-
.vm.focus()
|
|
986
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.focus()
|
|
1088
987
|
).toBeUndefined()
|
|
1089
988
|
|
|
1090
989
|
await flushPromises()
|
|
1091
990
|
|
|
1092
|
-
expect(
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
wrapper.findComponent({ name: 'QPortal' })
|
|
1096
|
-
.get('.q-dialog__inner').element
|
|
991
|
+
expect(document.activeElement).toBe(
|
|
992
|
+
wrapper.findComponent({ name: 'QPortal' }).get('.q-dialog__inner')
|
|
993
|
+
.element
|
|
1097
994
|
)
|
|
1098
995
|
})
|
|
1099
996
|
})
|
|
@@ -1109,11 +1006,11 @@ describe('[QDialog API]', () => {
|
|
|
1109
1006
|
await flushPromises()
|
|
1110
1007
|
await vi.runAllTimers()
|
|
1111
1008
|
|
|
1112
|
-
wrapper.findComponent({ name: 'QDialog' })
|
|
1113
|
-
.vm.shake()
|
|
1009
|
+
wrapper.findComponent({ name: 'QDialog' }).vm.shake()
|
|
1114
1010
|
|
|
1115
1011
|
expect(
|
|
1116
|
-
wrapper
|
|
1012
|
+
wrapper
|
|
1013
|
+
.findComponent({ name: 'QPortal' })
|
|
1117
1014
|
.get('.q-dialog__inner')
|
|
1118
1015
|
.classes()
|
|
1119
1016
|
).toContain('q-animate--scale')
|
|
@@ -1133,9 +1030,7 @@ describe('[QDialog API]', () => {
|
|
|
1133
1030
|
await flushPromises()
|
|
1134
1031
|
await vi.runAllTimers()
|
|
1135
1032
|
|
|
1136
|
-
expect(
|
|
1137
|
-
wrapper.vm.contentEl
|
|
1138
|
-
).toBeInstanceOf(Element)
|
|
1033
|
+
expect(wrapper.vm.contentEl).toBeInstanceOf(Element)
|
|
1139
1034
|
})
|
|
1140
1035
|
})
|
|
1141
1036
|
})
|