primevue 3.22.4 → 3.24.0
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/LICENSE.md +1 -1
- package/README.md +13 -13
- package/accordion/Accordion.d.ts +53 -21
- package/accordiontab/AccordionTab.d.ts +33 -12
- package/autocomplete/AutoComplete.d.ts +111 -84
- package/avatar/Avatar.d.ts +38 -25
- package/avatar/Avatar.vue +1 -1
- package/avatar/avatar.cjs.js +2 -1
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +2 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +2 -1
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/AvatarGroup.d.ts +30 -14
- package/badge/Badge.d.ts +34 -20
- package/badge/Badge.vue +16 -5
- package/badge/badge.cjs.js +15 -5
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +15 -5
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +16 -7
- package/badge/badge.min.js +1 -1
- package/badgedirective/BadgeDirective.d.ts +60 -1
- package/blockui/BlockUI.d.ts +36 -16
- package/breadcrumb/Breadcrumb.d.ts +37 -20
- package/breadcrumb/Breadcrumb.vue +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/Button.d.ts +74 -17
- package/button/Button.vue +51 -8
- package/button/button.cjs.js +51 -8
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +51 -8
- package/button/button.esm.min.js +1 -1
- package/button/button.js +51 -8
- package/button/button.min.js +1 -1
- package/calendar/Calendar.d.ts +112 -77
- package/calendar/Calendar.vue +4 -4
- package/calendar/calendar.cjs.js +4 -4
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +4 -4
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +4 -4
- package/calendar/calendar.min.js +1 -1
- package/card/Card.d.ts +35 -15
- package/carousel/Carousel.d.ts +47 -29
- package/cascadeselect/CascadeSelect.d.ts +70 -59
- package/chart/Chart.d.ts +41 -23
- package/checkbox/Checkbox.d.ts +39 -15
- package/checkbox/Checkbox.vue +1 -1
- package/checkbox/checkbox.cjs.js +1 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +1 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +1 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/Chip.d.ts +35 -14
- package/chips/Chips.d.ts +45 -20
- package/colorpicker/ColorPicker.d.ts +46 -28
- package/column/Column.d.ts +81 -65
- package/columngroup/ColumnGroup.d.ts +29 -13
- package/config/PrimeVue.d.ts +1 -2
- package/config/config.cjs.js +20 -2
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +20 -2
- package/config/config.esm.min.js +1 -1
- package/config/config.js +20 -2
- package/config/config.min.js +1 -1
- package/confirmationoptions/ConfirmationOptions.d.ts +15 -6
- package/confirmationservice/ConfirmationService.d.ts +11 -0
- package/confirmdialog/ConfirmDialog.d.ts +35 -17
- package/confirmpopup/ConfirmPopup.d.ts +32 -17
- package/contextmenu/ContextMenu.d.ts +51 -35
- package/core/core.js +368 -121
- package/core/core.min.js +8 -8
- package/datatable/DataTable.d.ts +248 -205
- package/datatable/DataTable.vue +78 -117
- package/datatable/TableBody.vue +3 -17
- package/datatable/datatable.cjs.js +73 -67
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +73 -67
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +73 -67
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +65 -47
- package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts +33 -13
- package/deferredcontent/DeferredContent.d.ts +30 -13
- package/dialog/Dialog.d.ts +67 -46
- package/dialog/Dialog.vue +1 -1
- package/dialog/dialog.cjs.js +1 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +1 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +1 -1
- package/dialog/dialog.min.js +1 -1
- package/dialogservice/DialogService.d.ts +13 -2
- package/divider/Divider.d.ts +35 -30
- package/dock/Dock.d.ts +49 -36
- package/dropdown/Dropdown.d.ts +90 -82
- package/dropdown/Dropdown.vue +1 -1
- package/dropdown/dropdown.cjs.js +1 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +1 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +1 -1
- package/dropdown/dropdown.min.js +1 -1
- package/dynamicdialog/DynamicDialog.d.ts +30 -10
- package/dynamicdialog/DynamicDialog.vue +2 -2
- package/dynamicdialog/dynamicdialog.cjs.js +3 -3
- package/dynamicdialog/dynamicdialog.cjs.min.js +1 -1
- package/dynamicdialog/dynamicdialog.esm.js +2 -2
- package/dynamicdialog/dynamicdialog.esm.min.js +1 -1
- package/dynamicdialog/dynamicdialog.js +3 -3
- package/dynamicdialog/dynamicdialog.min.js +1 -1
- package/dynamicdialogoptions/DynamicDialogOptions.d.ts +28 -8
- package/editor/Editor.d.ts +48 -17
- package/fieldset/Fieldset.d.ts +43 -16
- package/fileupload/FileUpload.d.ts +101 -47
- package/focustrap/FocusTrap.d.ts +42 -3
- package/fullcalendar/FullCalendar.d.ts +1 -1
- package/galleria/Galleria.d.ts +64 -40
- package/image/Image.d.ts +33 -14
- package/inlinemessage/InlineMessage.d.ts +31 -17
- package/inplace/Inplace.d.ts +41 -18
- package/inputmask/InputMask.d.ts +41 -17
- package/inputnumber/InputNumber.d.ts +60 -41
- package/inputswitch/InputSwitch.d.ts +35 -15
- package/inputswitch/InputSwitch.vue +1 -0
- package/inputswitch/inputswitch.cjs.js +1 -1
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +1 -1
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +1 -1
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/InputText.d.ts +32 -12
- package/knob/Knob.d.ts +47 -21
- package/listbox/Listbox.d.ts +81 -60
- package/megamenu/MegaMenu.d.ts +42 -27
- package/megamenu/MegaMenu.vue +17 -0
- package/megamenu/megamenu.cjs.js +1 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +57 -28
- package/menu/Menu.vue +6 -0
- package/menu/menu.cjs.js +26 -8
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +27 -9
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +26 -8
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +36 -19
- package/menuitem/MenuItem.d.ts +22 -10
- package/message/Message.d.ts +40 -21
- package/multiselect/MultiSelect.d.ts +111 -90
- package/orderlist/OrderList.d.ts +51 -23
- package/organizationchart/OrganizationChart.d.ts +43 -26
- package/overlaypanel/OverlayPanel.d.ts +46 -26
- package/package.json +2 -2
- package/paginator/Paginator.d.ts +49 -24
- package/panel/Panel.d.ts +39 -14
- package/panelmenu/PanelMenu.d.ts +49 -21
- package/password/Password.d.ts +47 -28
- package/picklist/PickList.d.ts +74 -33
- package/progressbar/ProgressBar.d.ts +34 -17
- package/progressspinner/ProgressSpinner.d.ts +32 -13
- package/radiobutton/RadioButton.d.ts +32 -14
- package/rating/Rating.d.ts +51 -25
- package/resources/themes/arya-blue/theme.css +34 -11
- package/resources/themes/arya-green/theme.css +34 -11
- package/resources/themes/arya-orange/theme.css +34 -11
- package/resources/themes/arya-purple/theme.css +34 -11
- package/resources/themes/bootstrap4-dark-blue/theme.css +34 -11
- package/resources/themes/bootstrap4-dark-purple/theme.css +34 -11
- package/resources/themes/bootstrap4-light-blue/theme.css +34 -11
- package/resources/themes/bootstrap4-light-purple/theme.css +34 -11
- package/resources/themes/fluent-light/theme.css +34 -11
- package/resources/themes/lara-dark-blue/theme.css +34 -11
- package/resources/themes/lara-dark-indigo/theme.css +34 -11
- package/resources/themes/lara-dark-purple/theme.css +34 -11
- package/resources/themes/lara-dark-teal/theme.css +34 -11
- package/resources/themes/lara-light-blue/theme.css +34 -11
- package/resources/themes/lara-light-indigo/theme.css +34 -11
- package/resources/themes/lara-light-purple/theme.css +34 -11
- package/resources/themes/lara-light-teal/theme.css +34 -11
- package/resources/themes/luna-amber/theme.css +34 -11
- package/resources/themes/luna-blue/theme.css +34 -11
- package/resources/themes/luna-green/theme.css +34 -11
- package/resources/themes/luna-pink/theme.css +34 -11
- package/resources/themes/md-dark-deeppurple/theme.css +34 -11
- package/resources/themes/md-dark-indigo/theme.css +34 -11
- package/resources/themes/md-light-deeppurple/theme.css +34 -11
- package/resources/themes/md-light-indigo/theme.css +34 -11
- package/resources/themes/mdc-dark-deeppurple/theme.css +34 -11
- package/resources/themes/mdc-dark-indigo/theme.css +34 -11
- package/resources/themes/mdc-light-deeppurple/theme.css +34 -11
- package/resources/themes/mdc-light-indigo/theme.css +34 -11
- package/resources/themes/mira/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/mira/theme.css +6089 -0
- package/resources/themes/nano/theme.css +5861 -0
- package/resources/themes/nova/theme.css +34 -11
- package/resources/themes/nova-accent/theme.css +34 -11
- package/resources/themes/nova-alt/theme.css +34 -11
- package/resources/themes/nova-vue/theme.css +34 -11
- package/resources/themes/rhea/theme.css +34 -11
- package/resources/themes/saga-blue/theme.css +34 -11
- package/resources/themes/saga-green/theme.css +34 -11
- package/resources/themes/saga-orange/theme.css +34 -11
- package/resources/themes/saga-purple/theme.css +34 -11
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-dark/theme.css +5854 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-light/theme.css +5908 -0
- package/resources/themes/tailwind-light/theme.css +34 -11
- package/resources/themes/vela-blue/theme.css +34 -11
- package/resources/themes/vela-green/theme.css +34 -11
- package/resources/themes/vela-orange/theme.css +34 -11
- package/resources/themes/vela-purple/theme.css +34 -11
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-dark/theme.css +6016 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-light/theme.css +6016 -0
- package/ripple/Ripple.d.ts +24 -1
- package/row/Row.d.ts +28 -10
- package/scrollpanel/ScrollPanel.d.ts +29 -11
- package/scrolltop/ScrollTop.d.ts +35 -18
- package/selectbutton/SelectButton.d.ts +47 -27
- package/sidebar/Sidebar.d.ts +46 -27
- package/skeleton/Skeleton.d.ts +36 -22
- package/slider/Slider.d.ts +46 -23
- package/speeddial/SpeedDial.d.ts +64 -51
- package/splitbutton/SplitButton.d.ts +73 -24
- package/splitbutton/SplitButton.vue +41 -1
- package/splitbutton/splitbutton.cjs.js +43 -3
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +43 -3
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +43 -3
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/Splitter.d.ts +49 -30
- package/splitterpanel/SplitterPanel.d.ts +28 -10
- package/steps/Steps.d.ts +36 -15
- package/styleclass/StyleClass.d.ts +72 -1
- package/tabmenu/TabMenu.d.ts +41 -16
- package/tabmenu/TabMenu.vue +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabpanel/TabPanel.d.ts +29 -11
- package/tabview/TabView.d.ts +47 -19
- package/tag/Tag.d.ts +33 -15
- package/tag/Tag.vue +1 -1
- package/tag/tag.cjs.js +4 -2
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +5 -3
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +4 -2
- package/tag/tag.min.js +1 -1
- package/terminal/Terminal.d.ts +30 -14
- package/terminalservice/TerminalService.d.ts +24 -5
- package/textarea/Textarea.d.ts +33 -11
- package/tieredmenu/TieredMenu.d.ts +45 -31
- package/timeline/Timeline.d.ts +41 -32
- package/toast/Toast.d.ts +63 -35
- package/toast/Toast.vue +4 -2
- package/toast/ToastMessage.vue +4 -4
- package/toast/toast.cjs.js +8 -6
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +8 -6
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +8 -6
- package/toast/toast.min.js +1 -1
- package/toastservice/ToastService.d.ts +16 -3
- package/togglebutton/ToggleButton.d.ts +42 -22
- package/toolbar/Toolbar.d.ts +34 -14
- package/tooltip/Tooltip.d.ts +99 -1
- package/tree/Tree.d.ts +55 -36
- package/treeselect/TreeSelect.d.ts +63 -55
- package/treetable/TreeTable.d.ts +121 -107
- package/tristatecheckbox/TriStateCheckbox.d.ts +35 -12
- package/ts-helpers.d.ts +2 -2
- package/utils/utils.cjs.js +20 -22
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +20 -22
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +20 -22
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +62 -2
- package/vetur-tags.json +17 -2
- package/virtualscroller/VirtualScroller.d.ts +99 -43
- package/virtualscroller/VirtualScroller.vue +248 -72
- package/virtualscroller/virtualscroller.cjs.js +234 -72
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +234 -72
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +235 -74
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1930 -1742
package/LICENSE.md
CHANGED
package/README.md
CHANGED
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
[](https://badge.fury.io/js/primevue)
|
|
4
4
|
[](https://discord.gg/gzKFYnpmCY)
|
|
5
5
|
|
|
6
|
-
[](https://
|
|
6
|
+
[](https://primevue.org/)
|
|
7
7
|
|
|
8
8
|
# PrimeVue
|
|
9
9
|
|
|
10
|
-
PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homepage](https://
|
|
10
|
+
PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homepage](https://primevue.org/) for live showcase and documentation.
|
|
11
11
|
|
|
12
12
|
## Download
|
|
13
13
|
|
|
14
14
|
PrimeVue is available at npm, if you have an existing application run the following command to download it to your project.
|
|
15
15
|
|
|
16
16
|
````
|
|
17
|
-
npm install primevue
|
|
17
|
+
npm install primevue --save
|
|
18
18
|
npm install primeicons --save
|
|
19
19
|
````
|
|
20
20
|
|
|
@@ -61,8 +61,8 @@ Finally you'll be able to utilize the component in your application. See the Sty
|
|
|
61
61
|
### CDN
|
|
62
62
|
|
|
63
63
|
```javascript
|
|
64
|
-
<script src="https://unpkg.com/primevue
|
|
65
|
-
<script src="https://unpkg.com/primevue
|
|
64
|
+
<script src="https://unpkg.com/primevue/core/core.min.js"></script>
|
|
65
|
+
<script src="https://unpkg.com/primevue/multiselect/multiselect.min.js"></script>
|
|
66
66
|
```
|
|
67
67
|
|
|
68
68
|
## Single File Components
|
|
@@ -82,13 +82,13 @@ Other alternative is utilizing the components directly within the browser with t
|
|
|
82
82
|
<head>
|
|
83
83
|
<meta charset="utf-8">
|
|
84
84
|
<title>PrimeVue Demo</title>
|
|
85
|
-
<link href="https://unpkg.com/primevue/resources/themes/lara-light-
|
|
85
|
+
<link href="https://unpkg.com/primevue/resources/themes/lara-light-blue/theme.css" rel="stylesheet">
|
|
86
86
|
<link href="https://unpkg.com/primevue/resources/primevue.min.css" rel="stylesheet">
|
|
87
87
|
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
|
|
88
88
|
|
|
89
89
|
<script src="https://unpkg.com/vue@next"></script>
|
|
90
|
-
<script src="https://unpkg.com/primevue
|
|
91
|
-
<script src="https://unpkg.com/primevue
|
|
90
|
+
<script src="https://unpkg.com/primevue/core/core.min.js"></script>
|
|
91
|
+
<script src="https://unpkg.com/primevue/slider/slider.min.js"></script>
|
|
92
92
|
</head>
|
|
93
93
|
|
|
94
94
|
<body>
|
|
@@ -124,7 +124,7 @@ Other alternative is utilizing the components directly within the browser with t
|
|
|
124
124
|
The css dependencies are as follows, note that you may change the theme with another one of your choice.
|
|
125
125
|
|
|
126
126
|
```css
|
|
127
|
-
primevue/resources/themes/
|
|
127
|
+
primevue/resources/themes/lara-light-blue/theme.css //theme
|
|
128
128
|
primevue/resources/primevue.min.css //core css
|
|
129
129
|
primeicons/primeicons.css //icons
|
|
130
130
|
```
|
|
@@ -132,7 +132,7 @@ primeicons/primeicons.css //icons
|
|
|
132
132
|
If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
|
|
133
133
|
|
|
134
134
|
```javascript
|
|
135
|
-
import 'primevue/resources/themes/lara-light-
|
|
135
|
+
import 'primevue/resources/themes/lara-light-blue/theme.css';
|
|
136
136
|
import 'primevue/resources/primevue.min.css';
|
|
137
137
|
import 'primeicons/primeicons.css';
|
|
138
138
|
```
|
|
@@ -150,7 +150,7 @@ import { defineNuxtConfig } from 'nuxt3';
|
|
|
150
150
|
|
|
151
151
|
export default defineNuxtConfig({
|
|
152
152
|
css: [
|
|
153
|
-
'primevue/resources/themes/
|
|
153
|
+
'primevue/resources/themes/lara-light-blue/theme.css',
|
|
154
154
|
'primevue/resources/primevue.css',
|
|
155
155
|
'primeicons/primeicons.css'
|
|
156
156
|
]
|
|
@@ -245,7 +245,7 @@ app.use(PrimeVue, {
|
|
|
245
245
|
|
|
246
246
|
## Locale
|
|
247
247
|
|
|
248
|
-
PrimeVue provides a Locale API to support i18n and l7n, visit the [Locale](https://
|
|
248
|
+
PrimeVue provides a Locale API to support i18n and l7n, visit the [Locale](https://primevue.org/configuration/#locale) documentation for more information.
|
|
249
249
|
|
|
250
250
|
## Quickstart with Vue CLI
|
|
251
251
|
|
|
@@ -261,4 +261,4 @@ A [sample application](https://github.com/primefaces/primevue-quickstart-nuxt3)
|
|
|
261
261
|
|
|
262
262
|
## Quickstart with TypeScript
|
|
263
263
|
|
|
264
|
-
Typescript is fully supported as type definition files are provided in the npm package of PrimeVue. A sample [typescript-primevue](https://github.com/primefaces/primevue-typescript-quickstart) application with Vue CLI is available as at github.
|
|
264
|
+
Typescript is fully supported as type definition files are provided in the npm package of PrimeVue. A sample [typescript-primevue](https://github.com/primefaces/primevue-typescript-quickstart) application with Vue CLI is available as at github.
|
package/accordion/Accordion.d.ts
CHANGED
|
@@ -1,6 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Accordion groups a collection of contents in tabs.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/accordion/)
|
|
6
|
+
*
|
|
7
|
+
* @module accordion
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { VNode } from 'vue';
|
|
2
11
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
|
3
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Custom tab open event.
|
|
15
|
+
* @see {@link AccordionEmits.tab-open}
|
|
16
|
+
*/
|
|
4
17
|
export interface AccordionTabOpenEvent {
|
|
5
18
|
/**
|
|
6
19
|
* Browser mouse event.
|
|
@@ -14,76 +27,108 @@ export interface AccordionTabOpenEvent {
|
|
|
14
27
|
}
|
|
15
28
|
|
|
16
29
|
/**
|
|
30
|
+
* Custom tab close event.
|
|
31
|
+
* @see {@link AccordionEmits.tab-close}
|
|
17
32
|
* @extends {AccordionTabOpenEvent}
|
|
18
33
|
*/
|
|
19
34
|
export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {}
|
|
20
35
|
|
|
21
36
|
/**
|
|
37
|
+
* Custom tab open event.
|
|
38
|
+
* @see {@link AccordionEmits.tab-open}
|
|
22
39
|
* @extends AccordionTabOpenEvent
|
|
23
40
|
*/
|
|
24
41
|
export interface AccordionClickEvent extends AccordionTabOpenEvent {}
|
|
25
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Defines valid properties in Accordion component.
|
|
45
|
+
*/
|
|
26
46
|
export interface AccordionProps {
|
|
27
47
|
/**
|
|
28
48
|
* When enabled, multiple tabs can be activated at the same time.
|
|
49
|
+
* @defaultValue false
|
|
29
50
|
*/
|
|
30
51
|
multiple?: boolean | undefined;
|
|
31
52
|
/**
|
|
32
53
|
* Index of the active tab or an array of indexes in multiple mode.
|
|
54
|
+
* @defaultValue null
|
|
33
55
|
*/
|
|
34
|
-
activeIndex?: number | number[] | undefined;
|
|
56
|
+
activeIndex?: number | number[] | null | undefined;
|
|
35
57
|
/**
|
|
36
58
|
* When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
|
|
59
|
+
* @defaultValue false
|
|
37
60
|
*/
|
|
38
61
|
lazy?: boolean | undefined;
|
|
39
62
|
/**
|
|
40
63
|
* Icon of a collapsed tab.
|
|
64
|
+
* @defaultValue pi pi-chevron-right
|
|
41
65
|
*/
|
|
42
66
|
expandIcon?: string | undefined;
|
|
43
67
|
/**
|
|
44
68
|
* Icon of an expanded tab.
|
|
69
|
+
* @defaultValue pi pi-chevron-down
|
|
45
70
|
*/
|
|
46
71
|
collapseIcon?: string | undefined;
|
|
47
72
|
/**
|
|
48
73
|
* Index of the element in tabbing order.
|
|
74
|
+
* @defaultValue 0
|
|
49
75
|
*/
|
|
50
76
|
tabindex?: number | undefined;
|
|
51
77
|
/**
|
|
52
78
|
* When enabled, the focused tab is activated.
|
|
79
|
+
* @defaultValue false
|
|
53
80
|
*/
|
|
54
81
|
selectOnFocus?: boolean | undefined;
|
|
55
82
|
}
|
|
56
83
|
|
|
84
|
+
/**
|
|
85
|
+
* Defines valid slots in Accordion slots.
|
|
86
|
+
*/
|
|
57
87
|
export interface AccordionSlots {
|
|
58
88
|
/**
|
|
59
89
|
* Default slot to detect AccordionTab components.
|
|
60
90
|
*/
|
|
61
|
-
default
|
|
91
|
+
default(): VNode[];
|
|
62
92
|
}
|
|
63
93
|
|
|
64
|
-
|
|
94
|
+
/**
|
|
95
|
+
* Defines valid emits in Accordion component.
|
|
96
|
+
*/
|
|
97
|
+
export interface AccordionEmits {
|
|
65
98
|
/**
|
|
66
99
|
* Emitted when the active tab changes.
|
|
67
100
|
* @param {number | undefined} value - Index of new active tab.
|
|
68
101
|
*/
|
|
69
|
-
'update:activeIndex'
|
|
102
|
+
'update:activeIndex'(value: number | undefined): void;
|
|
70
103
|
/**
|
|
71
104
|
* Callback to invoke when a tab gets expanded.
|
|
72
105
|
* @param {AccordionTabOpenEvent} event - Custom tab open event.
|
|
73
106
|
*/
|
|
74
|
-
'tab-open'
|
|
107
|
+
'tab-open'(event: AccordionTabOpenEvent): void;
|
|
75
108
|
/**
|
|
76
109
|
* Callback to invoke when an active tab is collapsed by clicking on the header.
|
|
77
110
|
* @param {AccordionTabCloseEvent} event - Custom tab close event.
|
|
78
111
|
*/
|
|
79
|
-
'tab-close'
|
|
112
|
+
'tab-close'(event: AccordionTabCloseEvent): void;
|
|
80
113
|
/**
|
|
81
114
|
* Callback to invoke when an active tab is clicked.
|
|
82
115
|
* @param {AccordionClickEvent} event - Custom tab click event.
|
|
83
116
|
*/
|
|
84
|
-
'tab-click'
|
|
85
|
-
}
|
|
117
|
+
'tab-click'(event: AccordionClickEvent): void;
|
|
118
|
+
}
|
|
86
119
|
|
|
120
|
+
/**
|
|
121
|
+
* **PrimeVue - Accordion**
|
|
122
|
+
*
|
|
123
|
+
* _Accordion groups a collection of contents in tabs._
|
|
124
|
+
*
|
|
125
|
+
* [Live Demo](https://www.primevue.org/accordion/)
|
|
126
|
+
* --- ---
|
|
127
|
+
* 
|
|
128
|
+
*
|
|
129
|
+
* @group Component
|
|
130
|
+
*
|
|
131
|
+
*/
|
|
87
132
|
declare class Accordion extends ClassComponent<AccordionProps, AccordionSlots, AccordionEmits> {}
|
|
88
133
|
|
|
89
134
|
declare module '@vue/runtime-core' {
|
|
@@ -92,17 +137,4 @@ declare module '@vue/runtime-core' {
|
|
|
92
137
|
}
|
|
93
138
|
}
|
|
94
139
|
|
|
95
|
-
/**
|
|
96
|
-
*
|
|
97
|
-
* Accordion groups a collection of contents in tabs.
|
|
98
|
-
*
|
|
99
|
-
* Helper Components:
|
|
100
|
-
*
|
|
101
|
-
* - AccordionTab
|
|
102
|
-
*
|
|
103
|
-
* Demos:
|
|
104
|
-
*
|
|
105
|
-
* - [Accordion](https://www.primefaces.org/primevue/accordion)
|
|
106
|
-
*
|
|
107
|
-
*/
|
|
108
140
|
export default Accordion;
|
|
@@ -1,6 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* AccordionTab is a helper component for Accordion.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/accordion/)
|
|
6
|
+
*
|
|
7
|
+
* @module accordiontab
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { AnchorHTMLAttributes, HTMLAttributes, VNode } from 'vue';
|
|
2
11
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
|
3
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Defines valid properties in AccordionTab component.
|
|
15
|
+
*/
|
|
4
16
|
export interface AccordionTabProps {
|
|
5
17
|
/**
|
|
6
18
|
* Orientation of tab headers.
|
|
@@ -36,23 +48,41 @@ export interface AccordionTabProps {
|
|
|
36
48
|
contentProps?: HTMLAttributes | undefined;
|
|
37
49
|
/**
|
|
38
50
|
* Whether the tab is disabled.
|
|
51
|
+
* @defaultValue false
|
|
39
52
|
*/
|
|
40
53
|
disabled?: boolean | undefined;
|
|
41
54
|
}
|
|
42
55
|
|
|
56
|
+
/**
|
|
57
|
+
* Defines valid slots in AcordionTab slots.
|
|
58
|
+
*/
|
|
43
59
|
export interface AccordionTabSlots {
|
|
44
60
|
/**
|
|
45
61
|
* Default slot for content.
|
|
46
62
|
*/
|
|
47
|
-
default
|
|
63
|
+
default(): VNode[];
|
|
48
64
|
/**
|
|
49
65
|
* Custom content for the title section of a panel is defined using the header template.
|
|
50
66
|
*/
|
|
51
|
-
header
|
|
67
|
+
header(): VNode[];
|
|
52
68
|
}
|
|
53
69
|
|
|
54
|
-
|
|
70
|
+
/**
|
|
71
|
+
* Defines valid emits in AcordionTab component.
|
|
72
|
+
*/
|
|
73
|
+
export interface AccordionTabEmits {}
|
|
55
74
|
|
|
75
|
+
/**
|
|
76
|
+
* **PrimeVue - Accordion**
|
|
77
|
+
*
|
|
78
|
+
* _AccordionTab is a helper component for Accordion.._
|
|
79
|
+
*
|
|
80
|
+
* [Live Demo](https://www.primevue.org/accordion/)
|
|
81
|
+
* --- ---
|
|
82
|
+
* 
|
|
83
|
+
*
|
|
84
|
+
* @group Component
|
|
85
|
+
*/
|
|
56
86
|
declare class AccordionTab extends ClassComponent<AccordionTabProps, AccordionTabSlots, AccordionTabEmits> {}
|
|
57
87
|
|
|
58
88
|
declare module '@vue/runtime-core' {
|
|
@@ -61,13 +91,4 @@ declare module '@vue/runtime-core' {
|
|
|
61
91
|
}
|
|
62
92
|
}
|
|
63
93
|
|
|
64
|
-
/**
|
|
65
|
-
*
|
|
66
|
-
* AccordionTab is a helper component for Accordion.
|
|
67
|
-
*
|
|
68
|
-
* Demos:
|
|
69
|
-
*
|
|
70
|
-
* - [Accordion](https://www.primefaces.org/primevue/accordion)
|
|
71
|
-
*
|
|
72
|
-
*/
|
|
73
94
|
export default AccordionTab;
|