primevue 2.10.0 → 2.10.2
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 +150 -3
- package/accordion/accordion.common.js +2 -7
- package/accordion/accordion.umd.js +2 -7
- package/accordiontab/accordiontab.common.js +1203 -104
- package/accordiontab/accordiontab.umd.js +1203 -104
- package/accordiontab/accordiontab.umd.min.js +1 -1
- package/api/Api.d.ts +24 -2
- package/api/Api.js +0 -6
- package/api/FilterService.js +3 -56
- package/api/PrimeIcons.js +24 -2
- package/api/api.common.js +78 -133
- package/api/api.umd.js +78 -133
- package/api/api.umd.min.js +1 -1
- package/api/filterservice.common.js +54 -131
- package/api/filterservice.umd.js +54 -131
- package/api/filterservice.umd.min.js +1 -1
- package/api/primeicons.common.js +24 -2
- package/api/primeicons.umd.js +24 -2
- package/api/primeicons.umd.min.js +1 -1
- package/autocomplete/autocomplete.common.js +84 -246
- package/autocomplete/autocomplete.umd.js +84 -246
- package/autocomplete/autocomplete.umd.min.js +1 -1
- package/avatar/avatar.common.js +2 -4
- package/avatar/avatar.umd.js +2 -4
- package/avatargroup/avatargroup.common.js +2 -4
- package/avatargroup/avatargroup.umd.js +2 -4
- package/badge/badge.common.js +2 -4
- package/badge/badge.umd.js +2 -4
- package/badgedirective/BadgeDirective.js +0 -13
- package/badgedirective/badgedirective.common.js +1183 -89
- package/badgedirective/badgedirective.umd.js +1183 -89
- package/badgedirective/badgedirective.umd.min.js +1 -1
- package/blockui/blockui.common.js +1180 -86
- package/blockui/blockui.umd.js +1180 -86
- package/blockui/blockui.umd.min.js +1 -1
- package/breadcrumb/breadcrumb.common.js +7 -12
- package/breadcrumb/breadcrumb.umd.js +7 -12
- package/breadcrumb/breadcrumbitem.common.js +5 -8
- package/breadcrumb/breadcrumbitem.umd.js +5 -8
- package/button/button.common.js +1211 -125
- package/button/button.umd.js +1211 -125
- package/button/button.umd.min.js +1 -1
- package/calendar/Calendar.vue +9 -7
- package/calendar/calendar.common.js +224 -613
- package/calendar/calendar.umd.js +224 -613
- package/calendar/calendar.umd.min.js +1 -1
- package/card/card.common.js +2 -4
- package/card/card.umd.js +2 -4
- package/carousel/carousel.common.js +1190 -146
- package/carousel/carousel.umd.js +1190 -146
- package/carousel/carousel.umd.min.js +1 -1
- package/cascadeselect/CascadeSelect.vue +1 -1
- package/cascadeselect/cascadeselect.common.js +136 -286
- package/cascadeselect/cascadeselect.umd.js +136 -286
- package/cascadeselect/cascadeselect.umd.min.js +1 -1
- package/cascadeselect/cascadeselectsub.common.js +69 -185
- package/cascadeselect/cascadeselectsub.umd.js +69 -185
- package/cascadeselect/cascadeselectsub.umd.min.js +1 -1
- package/cascadeselect/demo.html +4 -3
- package/chart/chart.common.js +2 -9
- package/chart/chart.umd.js +2 -9
- package/checkbox/checkbox.common.js +58 -116
- package/checkbox/checkbox.umd.js +58 -116
- package/checkbox/checkbox.umd.min.js +1 -1
- package/chip/chip.common.js +2 -4
- package/chip/chip.umd.js +2 -4
- package/chips/chips.common.js +12 -59
- package/chips/chips.umd.js +12 -59
- package/chips/chips.umd.min.js +1 -1
- package/colorpicker/colorpicker.common.js +1197 -140
- package/colorpicker/colorpicker.umd.js +1197 -140
- package/colorpicker/colorpicker.umd.min.js +1 -1
- package/columngroup/columngroup.common.js +2 -4
- package/columngroup/columngroup.umd.js +2 -4
- package/config/PrimeVue.js +4 -6
- package/config/primevue.common.js +124 -155
- package/config/primevue.umd.js +124 -155
- package/config/primevue.umd.min.js +1 -1
- package/confirmationeventbus/ConfirmationEventBus.js +0 -4
- package/confirmationeventbus/confirmationeventbus.common.js +0 -2
- package/confirmationeventbus/confirmationeventbus.umd.js +0 -2
- package/confirmationservice/ConfirmationService.js +0 -3
- package/confirmationservice/confirmationservice.common.js +0 -2
- package/confirmationservice/confirmationservice.umd.js +0 -2
- package/confirmdialog/confirmdialog.common.js +1252 -186
- package/confirmdialog/confirmdialog.umd.js +1252 -186
- package/confirmdialog/confirmdialog.umd.min.js +1 -1
- package/confirmpopup/confirmpopup.common.js +1212 -152
- package/confirmpopup/confirmpopup.umd.js +1212 -152
- package/confirmpopup/confirmpopup.umd.min.js +1 -1
- package/contextmenu/contextmenu.common.js +1209 -140
- package/contextmenu/contextmenu.umd.js +1209 -140
- package/contextmenu/contextmenu.umd.min.js +1 -1
- package/contextmenu/contextmenusub.common.js +1187 -107
- package/contextmenu/contextmenusub.umd.js +1187 -107
- package/contextmenu/contextmenusub.umd.min.js +1 -1
- package/datatable/TableBody.vue +1 -0
- package/datatable/bodycell.common.js +87 -215
- package/datatable/bodycell.umd.js +87 -215
- package/datatable/bodycell.umd.min.js +1 -1
- package/datatable/columnfilter.common.js +97 -299
- package/datatable/columnfilter.umd.js +97 -299
- package/datatable/columnfilter.umd.min.js +1 -1
- package/datatable/datatable.common.js +258 -950
- package/datatable/datatable.umd.js +258 -950
- package/datatable/datatable.umd.min.js +1 -1
- package/datatable/demo.html +3 -5
- package/datatable/footercell.common.js +83 -170
- package/datatable/footercell.umd.js +83 -170
- package/datatable/footercell.umd.min.js +1 -1
- package/datatable/headercell.common.js +101 -318
- package/datatable/headercell.umd.js +101 -318
- package/datatable/headercell.umd.min.js +1 -1
- package/datatable/headercheckbox.common.js +2 -4
- package/datatable/headercheckbox.umd.js +2 -4
- package/datatable/rowcheckbox.common.js +2 -4
- package/datatable/rowcheckbox.umd.js +2 -4
- package/datatable/rowradiobutton.common.js +2 -4
- package/datatable/rowradiobutton.umd.js +2 -4
- package/datatable/tablebody.common.js +91 -243
- package/datatable/tablebody.umd.js +91 -243
- package/datatable/tablebody.umd.min.js +1 -1
- package/datatable/tablefooter.common.js +88 -204
- package/datatable/tablefooter.umd.js +88 -204
- package/datatable/tablefooter.umd.min.js +1 -1
- package/datatable/tableheader.common.js +104 -342
- package/datatable/tableheader.umd.js +104 -342
- package/datatable/tableheader.umd.min.js +1 -1
- package/datatable/tableloadingbody.common.js +2 -4
- package/datatable/tableloadingbody.umd.js +2 -4
- package/dataview/dataview.common.js +172 -464
- package/dataview/dataview.umd.js +172 -464
- package/dataview/dataview.umd.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.common.js +2 -4
- package/dataviewlayoutoptions/dataviewlayoutoptions.umd.js +2 -4
- package/deferredcontent/deferredcontent.common.js +2 -7
- package/deferredcontent/deferredcontent.umd.js +2 -7
- package/dialog/dialog.common.js +1191 -115
- package/dialog/dialog.umd.js +1191 -115
- package/dialog/dialog.umd.min.js +1 -1
- package/divider/divider.common.js +2 -4
- package/divider/divider.umd.js +2 -4
- package/dock/dock.common.js +7 -14
- package/dock/dock.umd.js +7 -14
- package/dock/docksub.common.js +5 -9
- package/dock/docksub.umd.js +5 -9
- package/dropdown/dropdown.common.js +91 -240
- package/dropdown/dropdown.umd.js +91 -240
- package/dropdown/dropdown.umd.min.js +1 -1
- package/editor/editor.common.js +8 -21
- package/editor/editor.umd.js +8 -21
- package/fieldset/fieldset.common.js +1211 -125
- package/fieldset/fieldset.umd.js +1211 -125
- package/fieldset/fieldset.umd.min.js +1 -1
- package/fileupload/fileupload.common.js +86 -192
- package/fileupload/fileupload.umd.js +86 -192
- package/fileupload/fileupload.umd.min.js +1 -1
- package/fullcalendar/fullcalendar.common.js +1304 -36
- package/fullcalendar/fullcalendar.umd.js +1304 -36
- package/fullcalendar/fullcalendar.umd.min.js +3 -3
- package/galleria/demo.html +3 -3
- package/galleria/galleria.common.js +86 -200
- package/galleria/galleria.umd.js +86 -200
- package/galleria/galleria.umd.min.js +1 -1
- package/galleria/galleriacontent.common.js +84 -190
- package/galleria/galleriacontent.umd.js +84 -190
- package/galleria/galleriacontent.umd.min.js +1 -1
- package/galleria/galleriaitem.common.js +1212 -134
- package/galleria/galleriaitem.umd.js +1212 -134
- package/galleria/galleriaitem.umd.min.js +1 -1
- package/galleria/galleriaitemslot.common.js +4 -10
- package/galleria/galleriaitemslot.umd.js +4 -10
- package/galleria/galleriathumbnails.common.js +76 -174
- package/galleria/galleriathumbnails.umd.js +76 -174
- package/galleria/galleriathumbnails.umd.min.js +1 -1
- package/imagepreview/imagepreview.common.js +1176 -79
- package/imagepreview/imagepreview.umd.js +1176 -79
- package/imagepreview/imagepreview.umd.min.js +1 -1
- package/inlinemessage/inlinemessage.common.js +2 -5
- package/inlinemessage/inlinemessage.umd.js +2 -5
- package/inplace/inplace.common.js +1189 -105
- package/inplace/inplace.umd.js +1189 -105
- package/inplace/inplace.umd.min.js +1 -1
- package/inputmask/inputmask.common.js +1237 -217
- package/inputmask/inputmask.umd.js +1237 -217
- package/inputmask/inputmask.umd.min.js +1 -1
- package/inputnumber/InputNumber.vue +2 -2
- package/inputnumber/inputnumber.common.js +136 -286
- package/inputnumber/inputnumber.umd.js +136 -286
- package/inputnumber/inputnumber.umd.min.js +1 -1
- package/inputswitch/inputswitch.common.js +2 -5
- package/inputswitch/inputswitch.umd.js +2 -5
- package/inputtext/inputtext.common.js +1177 -31
- package/inputtext/inputtext.umd.js +1177 -31
- package/inputtext/inputtext.umd.min.js +1 -1
- package/knob/knob.common.js +4 -5
- package/knob/knob.umd.js +4 -5
- package/listbox/listbox.common.js +76 -213
- package/listbox/listbox.umd.js +76 -213
- package/listbox/listbox.umd.min.js +1 -1
- package/megamenu/megamenu.common.js +1186 -121
- package/megamenu/megamenu.umd.js +1186 -121
- package/megamenu/megamenu.umd.min.js +1 -1
- package/menu/menu.common.js +1203 -138
- package/menu/menu.umd.js +1203 -138
- package/menu/menu.umd.min.js +1 -1
- package/menu/menuitem.common.js +1214 -128
- package/menu/menuitem.umd.js +1214 -128
- package/menu/menuitem.umd.min.js +1 -1
- package/menubar/menubar.common.js +1204 -141
- package/menubar/menubar.umd.js +1204 -141
- package/menubar/menubar.umd.min.js +1 -1
- package/menubar/menubarsub.common.js +1202 -135
- package/menubar/menubarsub.umd.js +1202 -135
- package/menubar/menubarsub.umd.min.js +1 -1
- package/message/message.common.js +1187 -102
- package/message/message.umd.js +1187 -102
- package/message/message.umd.min.js +1 -1
- package/multiselect/MultiSelect.vue +1 -1
- package/multiselect/multiselect.common.js +139 -304
- package/multiselect/multiselect.umd.js +139 -304
- package/multiselect/multiselect.umd.min.js +1 -1
- package/orderlist/orderlist.common.js +88 -230
- package/orderlist/orderlist.umd.js +88 -230
- package/orderlist/orderlist.umd.min.js +1 -1
- package/organizationchart/organizationchart.common.js +1200 -111
- package/organizationchart/organizationchart.umd.js +1200 -111
- package/organizationchart/organizationchart.umd.min.js +1 -1
- package/organizationchart/organizationchartnode.common.js +1186 -87
- package/organizationchart/organizationchartnode.umd.js +1186 -87
- package/organizationchart/organizationchartnode.umd.min.js +1 -1
- package/overlayeventbus/OverlayEventBus.js +0 -4
- package/overlayeventbus/overlayeventbus.common.js +0 -2
- package/overlayeventbus/overlayeventbus.umd.js +0 -2
- package/overlaypanel/OverlayPanel.d.ts +3 -1
- package/overlaypanel/OverlayPanel.vue +2 -0
- package/overlaypanel/overlaypanel.common.js +1223 -158
- package/overlaypanel/overlaypanel.umd.js +1223 -158
- package/overlaypanel/overlaypanel.umd.min.js +1 -1
- package/package.json +2 -2
- package/paginator/currentpagereport.common.js +2 -4
- package/paginator/currentpagereport.umd.js +2 -4
- package/paginator/firstpagelink.common.js +1211 -125
- package/paginator/firstpagelink.umd.js +1211 -125
- package/paginator/firstpagelink.umd.min.js +1 -1
- package/paginator/jumptopagedropdown.common.js +93 -246
- package/paginator/jumptopagedropdown.umd.js +93 -246
- package/paginator/jumptopagedropdown.umd.min.js +1 -1
- package/paginator/jumptopageinput.common.js +142 -294
- package/paginator/jumptopageinput.umd.js +142 -294
- package/paginator/jumptopageinput.umd.min.js +1 -1
- package/paginator/lastpagelink.common.js +1211 -125
- package/paginator/lastpagelink.umd.js +1211 -125
- package/paginator/lastpagelink.umd.min.js +1 -1
- package/paginator/nextpagelink.common.js +1211 -125
- package/paginator/nextpagelink.umd.js +1211 -125
- package/paginator/nextpagelink.umd.min.js +1 -1
- package/paginator/pagelinks.common.js +1211 -125
- package/paginator/pagelinks.umd.js +1211 -125
- package/paginator/pagelinks.umd.min.js +1 -1
- package/paginator/paginator.common.js +186 -472
- package/paginator/paginator.umd.js +186 -472
- package/paginator/paginator.umd.min.js +1 -1
- package/paginator/prevpagelink.common.js +1211 -125
- package/paginator/prevpagelink.umd.js +1211 -125
- package/paginator/prevpagelink.umd.min.js +1 -1
- package/paginator/rowsperpagedropdown.common.js +93 -246
- package/paginator/rowsperpagedropdown.umd.js +93 -246
- package/paginator/rowsperpagedropdown.umd.min.js +1 -1
- package/panel/panel.common.js +1211 -125
- package/panel/panel.umd.js +1211 -125
- package/panel/panel.umd.min.js +1 -1
- package/panelmenu/panelmenu.common.js +10 -22
- package/panelmenu/panelmenu.umd.js +10 -22
- package/panelmenu/panelmenusub.common.js +5 -11
- package/panelmenu/panelmenusub.umd.js +5 -11
- package/password/Password.vue +40 -12
- package/password/password.common.js +1306 -212
- package/password/password.umd.js +1306 -212
- package/password/password.umd.min.js +1 -1
- package/picklist/picklist.common.js +88 -262
- package/picklist/picklist.umd.js +88 -262
- package/picklist/picklist.umd.min.js +1 -1
- package/progressbar/progressbar.common.js +2 -4
- package/progressbar/progressbar.umd.js +2 -4
- package/progressspinner/progressspinner.common.js +2 -5
- package/progressspinner/progressspinner.umd.js +2 -5
- package/radiobutton/radiobutton.common.js +53 -91
- package/radiobutton/radiobutton.umd.js +53 -91
- package/radiobutton/radiobutton.umd.min.js +1 -1
- package/rating/rating.common.js +2 -4
- package/rating/rating.umd.js +2 -4
- package/resources/primevue.css +0 -0
- package/resources/primevue.min.css +0 -0
- package/ripple/Ripple.js +0 -18
- package/ripple/ripple.common.js +1178 -90
- package/ripple/ripple.umd.js +1178 -90
- package/ripple/ripple.umd.min.js +1 -1
- package/row/row.common.js +2 -4
- package/row/row.umd.js +2 -4
- package/scrollpanel/scrollpanel.common.js +1190 -103
- package/scrollpanel/scrollpanel.umd.js +1190 -103
- package/scrollpanel/scrollpanel.umd.min.js +1 -1
- package/scrolltop/scrolltop.common.js +1183 -87
- package/scrolltop/scrolltop.umd.js +1183 -87
- package/scrolltop/scrolltop.umd.min.js +1 -1
- package/selectbutton/selectbutton.common.js +74 -200
- package/selectbutton/selectbutton.umd.js +74 -200
- package/selectbutton/selectbutton.umd.min.js +1 -1
- package/sidebar/Sidebar.d.ts +1 -0
- package/sidebar/Sidebar.vue +3 -0
- package/sidebar/sidebar.common.js +1223 -145
- package/sidebar/sidebar.umd.js +1223 -145
- package/sidebar/sidebar.umd.min.js +1 -1
- package/skeleton/skeleton.common.js +2 -4
- package/skeleton/skeleton.umd.js +2 -4
- package/slider/Slider.vue +1 -1
- package/slider/slider.common.js +121 -188
- package/slider/slider.umd.js +121 -188
- package/slider/slider.umd.min.js +1 -1
- package/speeddial/SpeedDial.vue +2 -2
- package/speeddial/speeddial.common.js +1269 -204
- package/speeddial/speeddial.umd.js +1269 -204
- package/speeddial/speeddial.umd.min.js +1 -1
- package/splitbutton/splitbutton.common.js +1209 -148
- package/splitbutton/splitbutton.umd.js +1209 -148
- package/splitbutton/splitbutton.umd.min.js +1 -1
- package/splitter/splitter.common.js +1182 -101
- package/splitter/splitter.umd.js +1182 -101
- package/splitter/splitter.umd.min.js +1 -1
- package/steps/steps.common.js +5 -9
- package/steps/steps.umd.js +5 -9
- package/styleclass/StyleClass.js +0 -43
- package/styleclass/styleclass.common.js +1199 -133
- package/styleclass/styleclass.umd.js +1199 -133
- package/styleclass/styleclass.umd.min.js +1 -1
- package/tabmenu/TabMenu.vue +1 -9
- package/tabmenu/tabmenu.common.js +1215 -206
- package/tabmenu/tabmenu.umd.js +1215 -206
- package/tabmenu/tabmenu.umd.min.js +1 -1
- package/tabpanel/tabpanel.common.js +2 -5
- package/tabpanel/tabpanel.umd.js +2 -5
- package/tabview/tabview.common.js +86 -185
- package/tabview/tabview.umd.js +86 -185
- package/tabview/tabview.umd.min.js +1 -1
- package/tag/tag.common.js +2 -4
- package/tag/tag.umd.js +2 -4
- package/terminal/terminal.common.js +2 -4
- package/terminal/terminal.umd.js +2 -4
- package/terminalservice/TerminalService.js +0 -3
- package/textarea/Textarea.vue +24 -1
- package/textarea/textarea.common.js +3233 -94
- package/textarea/textarea.umd.js +3233 -94
- package/textarea/textarea.umd.min.js +1 -1
- package/tieredmenu/demo.html +4 -3
- package/tieredmenu/tieredmenu.common.js +1199 -149
- package/tieredmenu/tieredmenu.umd.js +1199 -149
- package/tieredmenu/tieredmenu.umd.min.js +1 -1
- package/tieredmenu/tieredmenusub.common.js +1206 -136
- package/tieredmenu/tieredmenusub.umd.js +1206 -136
- package/tieredmenu/tieredmenusub.umd.min.js +1 -1
- package/timeline/timeline.common.js +53 -90
- package/timeline/timeline.umd.js +53 -90
- package/timeline/timeline.umd.min.js +1 -1
- package/toast/toast.common.js +74 -146
- package/toast/toast.umd.js +74 -146
- package/toast/toast.umd.min.js +1 -1
- package/toast/toastmessage.common.js +1187 -102
- package/toast/toastmessage.umd.js +1187 -102
- package/toast/toastmessage.umd.min.js +1 -1
- package/toastservice/ToastEventBus.js +0 -3
- package/toastservice/ToastService.js +0 -3
- package/togglebutton/togglebutton.common.js +1211 -125
- package/togglebutton/togglebutton.umd.js +1211 -125
- package/togglebutton/togglebutton.umd.min.js +1 -1
- package/toolbar/toolbar.common.js +2 -4
- package/toolbar/toolbar.umd.js +2 -4
- package/tooltip/Tooltip.js +7 -87
- package/tooltip/tooltip.common.js +84 -201
- package/tooltip/tooltip.umd.js +84 -201
- package/tooltip/tooltip.umd.min.js +1 -1
- package/tree/demo.html +3 -3
- package/tree/tree.common.js +100 -281
- package/tree/tree.umd.js +100 -281
- package/tree/tree.umd.min.js +1 -1
- package/tree/treenode.common.js +1240 -183
- package/tree/treenode.umd.js +1240 -183
- package/tree/treenode.umd.min.js +1 -1
- package/treetable/demo.html +3 -3
- package/treetable/footercell.common.js +83 -170
- package/treetable/footercell.umd.js +83 -170
- package/treetable/footercell.umd.min.js +1 -1
- package/treetable/headercell.common.js +83 -178
- package/treetable/headercell.umd.js +83 -178
- package/treetable/headercell.umd.min.js +1 -1
- package/treetable/treetable.common.js +220 -702
- package/treetable/treetable.umd.js +220 -702
- package/treetable/treetable.umd.min.js +1 -1
- package/treetable/treetablerow.common.js +91 -211
- package/treetable/treetablerow.umd.js +91 -211
- package/treetable/treetablerow.umd.min.js +1 -1
- package/treetable/treetablerowloader.common.js +94 -232
- package/treetable/treetablerowloader.umd.js +94 -232
- package/treetable/treetablerowloader.umd.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.common.js +2 -12
- package/tristatecheckbox/tristatecheckbox.umd.js +2 -12
- package/utils/ConnectedOverlayScrollHandler.js +4 -13
- package/utils/DomHandler.js +18 -63
- package/utils/EventBus.js +0 -3
- package/utils/ObjectUtils.js +15 -59
- package/utils/UniqueComponentId.js +0 -1
- package/utils/Utils.js +0 -6
- package/utils/connectedoverlayscrollhandler.common.js +1183 -88
- package/utils/connectedoverlayscrollhandler.umd.js +1183 -88
- package/utils/connectedoverlayscrollhandler.umd.min.js +1 -1
- package/utils/domhandler.common.js +1187 -85
- package/utils/domhandler.umd.js +1187 -85
- package/utils/domhandler.umd.min.js +1 -1
- package/utils/eventbus.common.js +0 -2
- package/utils/eventbus.umd.js +0 -2
- package/utils/objectutils.common.js +51 -86
- package/utils/objectutils.umd.js +51 -86
- package/utils/objectutils.umd.min.js +1 -1
- package/utils/utils.common.js +81 -170
- package/utils/utils.umd.js +81 -170
- package/utils/utils.umd.min.js +1 -1
- package/web-types.json +8 -1
package/README.md
CHANGED
|
@@ -1,9 +1,156 @@
|
|
|
1
1
|
|
|
2
2
|
[](https://opensource.org/licenses/MIT)
|
|
3
3
|
[](https://badge.fury.io/js/primevue)
|
|
4
|
+
[](https://discord.gg/gzKFYnpmCY)
|
|
4
5
|
|
|
5
|
-
[](https://www.primefaces.org/primevue)
|
|
6
|
+
[](https://www.primefaces.org/primevue-v2/#/)
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
# PrimeVue
|
|
8
9
|
|
|
9
|
-
Visit the [PrimeVue Website](https://www.primefaces.org/primevue
|
|
10
|
+
Visit the [PrimeVue Website](https://www.primefaces.org/primevue-v2/#/) for general information, demos and documentation.
|
|
11
|
+
|
|
12
|
+
## Downloads
|
|
13
|
+
|
|
14
|
+
PrimeVue is available at npm, if you have an existing application run the following command to download it to your project.
|
|
15
|
+
|
|
16
|
+
````
|
|
17
|
+
npm install primevue@^2 --save
|
|
18
|
+
npm install primeicons --save
|
|
19
|
+
````
|
|
20
|
+
|
|
21
|
+
or
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
yarn add primevue@^2
|
|
25
|
+
yarn add primeicons
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Import
|
|
29
|
+
|
|
30
|
+
### Module
|
|
31
|
+
|
|
32
|
+
```javascript
|
|
33
|
+
import PrimeVue from 'primevue/config';
|
|
34
|
+
import Dialog from 'primevue/dialog';
|
|
35
|
+
|
|
36
|
+
Vue.component('Dialog', Dialog);
|
|
37
|
+
Vue.use(PrimeVue);
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Finally you'll be able to utilize the component in your application. See the Styles section to apply styling.
|
|
41
|
+
|
|
42
|
+
```vue
|
|
43
|
+
<Dialog></Dialog>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Script Tag
|
|
47
|
+
|
|
48
|
+
Other alternative is utilizing the components directly within the browser with the ***iife*** build. Note that PrimeVue does not provide a ***umd*** build.
|
|
49
|
+
|
|
50
|
+
```javascript
|
|
51
|
+
<html>
|
|
52
|
+
<head>
|
|
53
|
+
<meta charset="utf-8">
|
|
54
|
+
<title>calendar demo</title>
|
|
55
|
+
<link href="https://unpkg.com/primevue^2/resources/themes/saga-blue/theme.css " rel="stylesheet">
|
|
56
|
+
<link href="https://unpkg.com/primevue^2/resources/primevue.min.css " rel="stylesheet">
|
|
57
|
+
<link href="https://unpkg.com/primeicons/primeicons.css " rel="stylesheet">
|
|
58
|
+
<script src="https://unpkg.com/vue"></script>
|
|
59
|
+
<script src="https://unpkg.com/primevue^2/calendar/calendar.umd.min.js"></script>
|
|
60
|
+
|
|
61
|
+
<div id="app">
|
|
62
|
+
<p-calendar></p-calendar>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<script>
|
|
66
|
+
new Vue({
|
|
67
|
+
components: {
|
|
68
|
+
'p-calendar': calendar
|
|
69
|
+
}
|
|
70
|
+
}).$mount('#app')
|
|
71
|
+
</script>
|
|
72
|
+
|
|
73
|
+
</head>
|
|
74
|
+
</html>
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
## Configuration
|
|
78
|
+
|
|
79
|
+
### Dependencies
|
|
80
|
+
|
|
81
|
+
Majority of PrimeVue components (95%) are native and there are some exceptions having 3rd party dependencies such as Quill for Editor.
|
|
82
|
+
|
|
83
|
+
In addition, components require PrimeIcons library for icons.
|
|
84
|
+
|
|
85
|
+
```javascript
|
|
86
|
+
dependencies: {
|
|
87
|
+
"vue": "^2.6.10",
|
|
88
|
+
"primeicons": "^6.0.0"
|
|
89
|
+
}
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
## Styles
|
|
93
|
+
|
|
94
|
+
The css dependencies are as follows, note that you may change the theme with another one of your choice.
|
|
95
|
+
|
|
96
|
+
```css
|
|
97
|
+
primevue/resources/themes/saga-blue/theme.css //theme
|
|
98
|
+
primevue/resources/primevue.min.css //core css
|
|
99
|
+
primeicons/primeicons.css //icons
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
|
|
103
|
+
|
|
104
|
+
```javascript
|
|
105
|
+
import 'primevue/resources/themes/lara-light-indigo/theme.css';
|
|
106
|
+
import 'primevue/resources/primevue.min.css';
|
|
107
|
+
import 'primeicons/primeicons.css';
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
## Nuxt Integration
|
|
111
|
+
|
|
112
|
+
PrimeVue has a built-in nuxt module. Open ***nuxt.config.js*** and add ***primevue/nuxt*** to the modules section along with your configuration.
|
|
113
|
+
|
|
114
|
+
**nuxt.config.js**
|
|
115
|
+
|
|
116
|
+
Open the nuxt configuration file and add the css dependencies.
|
|
117
|
+
|
|
118
|
+
```javascript
|
|
119
|
+
modules: [
|
|
120
|
+
[
|
|
121
|
+
'primevue/nuxt', {
|
|
122
|
+
theme: string, //name of the theme, defaults to saga-blue
|
|
123
|
+
ripple: boolean, //whether the ripple animation is enabled, defaults to false
|
|
124
|
+
components: [], //an array of components to be registered
|
|
125
|
+
directives: [] //an array of directives to be registered
|
|
126
|
+
}
|
|
127
|
+
]
|
|
128
|
+
]
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
Here is an example configuration.
|
|
132
|
+
|
|
133
|
+
```javascript
|
|
134
|
+
modules: [
|
|
135
|
+
[
|
|
136
|
+
'primevue/nuxt', {
|
|
137
|
+
theme: 'md-light-indigo',
|
|
138
|
+
ripple: true,
|
|
139
|
+
components: ['InputText','Button','DataTable','Dialog'],
|
|
140
|
+
directives: ['Tooltip','Badge']
|
|
141
|
+
}
|
|
142
|
+
]
|
|
143
|
+
]
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
An alternative configuration is possible using the ***primevue*** property.
|
|
147
|
+
|
|
148
|
+
```javascript
|
|
149
|
+
modules: ['primevue/nuxt'],
|
|
150
|
+
primevue: {
|
|
151
|
+
theme: 'md-light-indigo',
|
|
152
|
+
ripple: true,
|
|
153
|
+
components: ['InputText','Button','DataTable','Dialog'],
|
|
154
|
+
directives: ['Tooltip','Badge']
|
|
155
|
+
}
|
|
156
|
+
```
|
|
@@ -1359,16 +1359,14 @@ if (typeof window !== 'undefined') {
|
|
|
1359
1359
|
// Indicate to webpack that this file can be concatenated
|
|
1360
1360
|
/* harmony default export */ var setPublicPath = (null);
|
|
1361
1361
|
|
|
1362
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1362
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"51d147ac-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/accordion/Accordion.vue?vue&type=template&id=75d59bb8&
|
|
1363
1363
|
var render = function render() {
|
|
1364
1364
|
var _vm = this,
|
|
1365
|
-
|
|
1366
|
-
|
|
1365
|
+
_c = _vm._self._c;
|
|
1367
1366
|
return _c('div', {
|
|
1368
1367
|
staticClass: "p-accordion p-component"
|
|
1369
1368
|
}, [_vm._t("default")], 2);
|
|
1370
1369
|
};
|
|
1371
|
-
|
|
1372
1370
|
var staticRenderFns = [];
|
|
1373
1371
|
|
|
1374
1372
|
// CONCATENATED MODULE: ./src/components/accordion/Accordion.vue?vue&type=template&id=75d59bb8&
|
|
@@ -1404,10 +1402,8 @@ var es6_number_constructor = __webpack_require__("c5f6");
|
|
|
1404
1402
|
methods: {
|
|
1405
1403
|
onToggle: function onToggle(event, tab, index, isActive) {
|
|
1406
1404
|
var eventName = isActive ? 'tab-close' : 'tab-open';
|
|
1407
|
-
|
|
1408
1405
|
if (this.multiple) {
|
|
1409
1406
|
var x = this.d_activeIndex;
|
|
1410
|
-
|
|
1411
1407
|
if (x && x.some(function (i) {
|
|
1412
1408
|
return i === index;
|
|
1413
1409
|
})) {
|
|
@@ -1418,7 +1414,6 @@ var es6_number_constructor = __webpack_require__("c5f6");
|
|
|
1418
1414
|
} else {
|
|
1419
1415
|
index === this.d_activeIndex ? this.d_activeIndex = null : this.d_activeIndex = index;
|
|
1420
1416
|
}
|
|
1421
|
-
|
|
1422
1417
|
this.$emit('update:activeIndex', this.d_activeIndex);
|
|
1423
1418
|
this.$emit(eventName, {
|
|
1424
1419
|
originalEvent: event,
|
|
@@ -1368,16 +1368,14 @@ if (typeof window !== 'undefined') {
|
|
|
1368
1368
|
// Indicate to webpack that this file can be concatenated
|
|
1369
1369
|
/* harmony default export */ var setPublicPath = (null);
|
|
1370
1370
|
|
|
1371
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1371
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"51d147ac-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/accordion/Accordion.vue?vue&type=template&id=75d59bb8&
|
|
1372
1372
|
var render = function render() {
|
|
1373
1373
|
var _vm = this,
|
|
1374
|
-
|
|
1375
|
-
|
|
1374
|
+
_c = _vm._self._c;
|
|
1376
1375
|
return _c('div', {
|
|
1377
1376
|
staticClass: "p-accordion p-component"
|
|
1378
1377
|
}, [_vm._t("default")], 2);
|
|
1379
1378
|
};
|
|
1380
|
-
|
|
1381
1379
|
var staticRenderFns = [];
|
|
1382
1380
|
|
|
1383
1381
|
// CONCATENATED MODULE: ./src/components/accordion/Accordion.vue?vue&type=template&id=75d59bb8&
|
|
@@ -1413,10 +1411,8 @@ var es6_number_constructor = __webpack_require__("c5f6");
|
|
|
1413
1411
|
methods: {
|
|
1414
1412
|
onToggle: function onToggle(event, tab, index, isActive) {
|
|
1415
1413
|
var eventName = isActive ? 'tab-close' : 'tab-open';
|
|
1416
|
-
|
|
1417
1414
|
if (this.multiple) {
|
|
1418
1415
|
var x = this.d_activeIndex;
|
|
1419
|
-
|
|
1420
1416
|
if (x && x.some(function (i) {
|
|
1421
1417
|
return i === index;
|
|
1422
1418
|
})) {
|
|
@@ -1427,7 +1423,6 @@ var es6_number_constructor = __webpack_require__("c5f6");
|
|
|
1427
1423
|
} else {
|
|
1428
1424
|
index === this.d_activeIndex ? this.d_activeIndex = null : this.d_activeIndex = index;
|
|
1429
1425
|
}
|
|
1430
|
-
|
|
1431
1426
|
this.$emit('update:activeIndex', this.d_activeIndex);
|
|
1432
1427
|
this.$emit(eventName, {
|
|
1433
1428
|
originalEvent: event,
|