primereact 10.5.3 → 10.6.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/accordion/accordion.cjs.js +1 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -0
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +41 -9
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +1 -0
- package/api/api.esm.js +41 -9
- package/api/api.esm.min.js +1 -1
- package/api/api.js +41 -9
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +51 -54
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +51 -54
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +51 -54
- package/autocomplete/autocomplete.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +66 -0
- package/buttongroup/buttongroup.cjs.min.js +1 -0
- package/buttongroup/buttongroup.d.ts +86 -0
- package/buttongroup/buttongroup.esm.js +42 -0
- package/buttongroup/buttongroup.esm.min.js +1 -0
- package/buttongroup/buttongroup.js +65 -0
- package/buttongroup/buttongroup.min.js +1 -0
- package/buttongroup/package.json +7 -0
- package/calendar/calendar.cjs.js +217 -162
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +217 -162
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +217 -162
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +8 -8
- package/carousel/carousel.esm.js +8 -8
- package/carousel/carousel.js +8 -8
- package/cascadeselect/cascadeselect.cjs.js +6 -8
- package/cascadeselect/cascadeselect.esm.js +6 -8
- package/cascadeselect/cascadeselect.js +6 -8
- package/checkbox/checkbox.cjs.js +5 -6
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +5 -6
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -6
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +1 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +1 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +1 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -6
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +8 -6
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -6
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +8 -6
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +8 -6
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +8 -6
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +8 -52
- package/componentbase/componentbase.cjs.js +23 -11
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +23 -11
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +23 -11
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +1 -1
- package/confirmpopup/confirmpopup.js +1 -1
- package/contextmenu/contextmenu.cjs.js +8 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +8 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +969 -522
- package/core/core.min.js +10 -10
- package/csstransition/csstransition.cjs.js +17 -18
- package/csstransition/csstransition.esm.js +17 -18
- package/csstransition/csstransition.js +17 -18
- package/datascroller/datascroller.cjs.js +18 -20
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +18 -20
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +18 -20
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +645 -376
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -5
- package/datatable/datatable.esm.js +648 -379
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +646 -377
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -1
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -4
- package/deferredcontent/deferredcontent.esm.js +3 -4
- package/deferredcontent/deferredcontent.js +3 -4
- package/dialog/dialog.cjs.js +22 -17
- package/dialog/dialog.esm.js +22 -17
- package/dialog/dialog.js +22 -17
- package/dock/dock.cjs.js +13 -4
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +13 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +13 -4
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +66 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +66 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +66 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +74 -75
- package/editor/editor.esm.js +74 -75
- package/editor/editor.js +74 -75
- package/fieldset/fieldset.cjs.js +1 -1
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +1 -1
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +1 -1
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +21 -11
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +21 -11
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +21 -11
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +67 -0
- package/floatlabel/floatlabel.cjs.min.js +1 -0
- package/floatlabel/floatlabel.d.ts +81 -0
- package/floatlabel/floatlabel.esm.js +43 -0
- package/floatlabel/floatlabel.esm.min.js +1 -0
- package/floatlabel/floatlabel.js +66 -0
- package/floatlabel/floatlabel.min.js +1 -0
- package/floatlabel/package.json +7 -0
- package/focustrap/focustrap.cjs.js +1 -1
- package/focustrap/focustrap.esm.js +1 -1
- package/focustrap/focustrap.js +1 -1
- package/galleria/galleria.cjs.js +4 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +4 -3
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +32 -11
- package/hooks/hooks.esm.js +32 -11
- package/hooks/hooks.js +32 -11
- package/iconfield/iconfield.cjs.js +121 -0
- package/iconfield/iconfield.cjs.min.js +1 -0
- package/iconfield/iconfield.d.ts +95 -0
- package/iconfield/iconfield.esm.js +113 -0
- package/iconfield/iconfield.esm.min.js +1 -0
- package/iconfield/iconfield.js +120 -0
- package/iconfield/iconfield.min.js +1 -0
- package/image/image.cjs.js +7 -3
- package/image/image.esm.js +7 -3
- package/image/image.js +7 -3
- package/inplace/inplace.cjs.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputicon/inputicon.cjs.js +107 -0
- package/inputicon/inputicon.cjs.min.js +1 -0
- package/inputicon/inputicon.d.ts +78 -0
- package/inputicon/inputicon.esm.js +99 -0
- package/inputicon/inputicon.esm.min.js +1 -0
- package/inputicon/inputicon.js +106 -0
- package/inputicon/inputicon.min.js +1 -0
- package/inputmask/inputmask.cjs.js +56 -36
- package/inputmask/inputmask.esm.js +56 -36
- package/inputmask/inputmask.js +56 -36
- package/inputnumber/inputnumber.cjs.js +27 -17
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +27 -17
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +27 -17
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +2 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +2 -2
- package/keyfilter/keyfilter.esm.js +2 -2
- package/keyfilter/keyfilter.js +2 -2
- package/knob/knob.cjs.js +14 -2
- package/knob/knob.esm.js +14 -2
- package/knob/knob.js +14 -2
- package/listbox/listbox.cjs.js +189 -67
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +17 -12
- package/listbox/listbox.esm.js +189 -67
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +189 -67
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +94 -96
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +94 -96
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +94 -96
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -6
- package/mention/mention.esm.js +4 -6
- package/mention/mention.js +4 -6
- package/menu/menu.cjs.js +5 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +5 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +5 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +24 -23
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +24 -23
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +24 -23
- package/menubar/menubar.min.js +1 -1
- package/metergroup/metergroup.cjs.js +4 -5
- package/metergroup/metergroup.esm.js +4 -5
- package/metergroup/metergroup.js +4 -5
- package/multiselect/multiselect.cjs.js +203 -169
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +203 -169
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +203 -169
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +227 -28
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +228 -29
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +228 -30
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +75 -50
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +7 -2
- package/orderlist/orderlist.esm.js +75 -50
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +75 -50
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +7 -3
- package/organizationchart/organizationchart.esm.js +7 -3
- package/organizationchart/organizationchart.js +7 -3
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.js +2 -2
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +19 -20
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +19 -20
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +19 -20
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +18 -9
- package/panelmenu/panelmenu.esm.js +18 -9
- package/panelmenu/panelmenu.js +18 -9
- package/passthrough/tailwind/index.cjs.js +4 -2
- package/passthrough/tailwind/index.esm.js +4 -2
- package/passthrough/tailwind/index.js +4 -2
- package/password/password.cjs.js +3 -5
- package/password/password.esm.js +3 -5
- package/password/password.js +3 -5
- package/picklist/picklist.cjs.js +40 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +7 -2
- package/picklist/picklist.esm.js +40 -11
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +40 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +3576 -2762
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3576 -2762
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3576 -2762
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +6 -1
- package/progressbar/progressbar.esm.js +6 -1
- package/progressbar/progressbar.js +6 -1
- package/radiobutton/radiobutton.cjs.js +10 -12
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +10 -12
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +10 -12
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +4 -4
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -4
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +4 -4
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +378 -63
- package/resources/themes/arya-green/theme.css +378 -63
- package/resources/themes/arya-orange/theme.css +378 -63
- package/resources/themes/bootstrap4-dark-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-dark-purple/theme.css +966 -188
- package/resources/themes/bootstrap4-light-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-light-purple/theme.css +966 -188
- package/resources/themes/fluent-light/theme.css +372 -63
- package/resources/themes/lara-dark-amber/theme.css +396 -151
- package/resources/themes/lara-dark-blue/theme.css +396 -151
- package/resources/themes/lara-dark-cyan/theme.css +396 -151
- package/resources/themes/lara-dark-green/theme.css +396 -151
- package/resources/themes/lara-dark-indigo/theme.css +396 -151
- package/resources/themes/lara-dark-pink/theme.css +396 -151
- package/resources/themes/lara-dark-teal/theme.css +396 -151
- package/resources/themes/lara-light-amber/theme.css +392 -151
- package/resources/themes/lara-light-blue/theme.css +392 -151
- package/resources/themes/lara-light-cyan/theme.css +392 -151
- package/resources/themes/lara-light-green/theme.css +392 -151
- package/resources/themes/lara-light-indigo/theme.css +392 -151
- package/resources/themes/lara-light-pink/theme.css +392 -151
- package/resources/themes/lara-light-teal/theme.css +392 -151
- package/resources/themes/luna-amber/theme.css +378 -63
- package/resources/themes/luna-blue/theme.css +378 -63
- package/resources/themes/luna-green/theme.css +378 -63
- package/resources/themes/luna-pink/theme.css +378 -63
- package/resources/themes/md-dark-deeppurple/theme.css +323 -202
- package/resources/themes/md-dark-indigo/theme.css +444 -189
- package/resources/themes/md-light-deeppurple/theme.css +323 -202
- package/resources/themes/md-light-indigo/theme.css +444 -202
- package/resources/themes/mdc-dark-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-dark-indigo/theme.css +444 -202
- package/resources/themes/mdc-light-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-light-indigo/theme.css +444 -202
- package/resources/themes/mira/theme.css +378 -63
- package/resources/themes/nano/theme.css +378 -63
- package/resources/themes/nova/theme.css +378 -63
- package/resources/themes/nova-accent/theme.css +378 -63
- package/resources/themes/nova-alt/theme.css +378 -63
- package/resources/themes/rhea/theme.css +378 -63
- package/resources/themes/saga-blue/theme.css +378 -63
- package/resources/themes/saga-green/theme.css +378 -63
- package/resources/themes/saga-orange/theme.css +378 -63
- package/resources/themes/soho-dark/theme.css +388 -73
- package/resources/themes/soho-light/theme.css +388 -73
- package/resources/themes/tailwind-light/theme.css +378 -63
- package/resources/themes/vela-blue/theme.css +378 -63
- package/resources/themes/vela-green/theme.css +378 -63
- package/resources/themes/vela-orange/theme.css +378 -63
- package/resources/themes/viva-dark/theme.css +389 -74
- package/resources/themes/viva-light/theme.css +389 -74
- package/ripple/ripple.cjs.js +3 -1
- package/ripple/ripple.esm.js +3 -1
- package/ripple/ripple.js +3 -1
- package/scrollpanel/scrollpanel.cjs.js +2 -2
- package/scrollpanel/scrollpanel.esm.js +2 -2
- package/scrollpanel/scrollpanel.js +2 -2
- package/scrolltop/scrolltop.cjs.js +6 -2
- package/scrolltop/scrolltop.esm.js +6 -2
- package/scrolltop/scrolltop.js +6 -2
- package/selectbutton/selectbutton.cjs.js +20 -11
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +20 -11
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +20 -11
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/slidemenu/slidemenu.cjs.js +1 -1
- package/slidemenu/slidemenu.esm.js +1 -1
- package/slidemenu/slidemenu.js +1 -1
- package/slider/slider.cjs.js +37 -10
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +37 -10
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +37 -10
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +18 -17
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +18 -17
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +18 -17
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +24 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +24 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +24 -7
- package/splitter/splitter.min.js +1 -1
- package/stepper/package.json +7 -0
- package/stepper/stepper.cjs.js +567 -0
- package/stepper/stepper.cjs.min.js +1 -0
- package/stepper/stepper.d.ts +137 -0
- package/stepper/stepper.esm.js +541 -0
- package/stepper/stepper.esm.min.js +1 -0
- package/stepper/stepper.js +565 -0
- package/stepper/stepper.min.js +1 -0
- package/stepperpanel/package.json +7 -0
- package/stepperpanel/stepperpanel.cjs.js +56 -0
- package/stepperpanel/stepperpanel.cjs.min.js +1 -0
- package/stepperpanel/stepperpanel.d.ts +158 -0
- package/stepperpanel/stepperpanel.esm.js +32 -0
- package/stepperpanel/stepperpanel.esm.min.js +1 -0
- package/stepperpanel/stepperpanel.js +57 -0
- package/stepperpanel/stepperpanel.min.js +1 -0
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +5 -1
- package/styleclass/styleclass.esm.js +5 -1
- package/styleclass/styleclass.js +5 -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/tabview/tabview.cjs.js +23 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +23 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +23 -18
- package/tabview/tabview.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +18 -17
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +18 -17
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +18 -17
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +20 -17
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +20 -17
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +20 -17
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +377 -148
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +378 -149
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +378 -150
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +24 -17
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +24 -17
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +24 -17
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +492 -295
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +4 -4
- package/treetable/treetable.esm.js +494 -297
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +493 -296
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +11 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +11 -5
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +11 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +262 -139
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +262 -139
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +262 -139
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +46 -43
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +46 -43
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +46 -43
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +502 -33
|
@@ -344,11 +344,9 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
344
344
|
} else if (viewport.first.cols - first.cols > index[1]) {
|
|
345
345
|
scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
|
|
346
346
|
}
|
|
347
|
-
} else {
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
|
|
351
|
-
}
|
|
347
|
+
} else if (viewport.first - first > index) {
|
|
348
|
+
var pos = (viewport.first - 1) * props.itemSize;
|
|
349
|
+
horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
|
|
352
350
|
}
|
|
353
351
|
} else if (isToEnd) {
|
|
354
352
|
if (both) {
|
|
@@ -357,11 +355,9 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
357
355
|
} else if (viewport.last.cols - first.cols <= index[1] + 1) {
|
|
358
356
|
scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
|
|
359
357
|
}
|
|
360
|
-
} else {
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
|
|
364
|
-
}
|
|
358
|
+
} else if (viewport.last - first <= index + 1) {
|
|
359
|
+
var _pos2 = (viewport.first + 1) * props.itemSize;
|
|
360
|
+
horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
|
|
365
361
|
}
|
|
366
362
|
}
|
|
367
363
|
} else {
|
|
@@ -592,12 +588,15 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
592
588
|
return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
|
|
593
589
|
};
|
|
594
590
|
var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
|
|
595
|
-
if (_currentIndex <= _numT)
|
|
591
|
+
if (_currentIndex <= _numT) {
|
|
592
|
+
return 0;
|
|
593
|
+
}
|
|
594
|
+
return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
|
|
596
595
|
};
|
|
597
596
|
var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
|
|
598
597
|
var lastValue = _first + _num + 2 * _numT;
|
|
599
598
|
if (_currentIndex >= _numT) {
|
|
600
|
-
lastValue
|
|
599
|
+
lastValue = lastValue + (_numT + 1);
|
|
601
600
|
}
|
|
602
601
|
return getLast(lastValue, _isCols);
|
|
603
602
|
};
|
|
@@ -757,9 +756,14 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
757
756
|
var loadedItems = function loadedItems() {
|
|
758
757
|
var items = props.items;
|
|
759
758
|
if (items && !loadingState) {
|
|
760
|
-
if (both)
|
|
761
|
-
return
|
|
762
|
-
|
|
759
|
+
if (both) {
|
|
760
|
+
return items.slice(props.appendOnly ? 0 : firstState.rows, lastState.rows).map(function (item) {
|
|
761
|
+
return props.columns ? item : item.slice(props.appendOnly ? 0 : firstState.cols, lastState.cols);
|
|
762
|
+
});
|
|
763
|
+
} else if (horizontal && props.columns) {
|
|
764
|
+
return items;
|
|
765
|
+
}
|
|
766
|
+
return items.slice(props.appendOnly ? 0 : firstState, lastState);
|
|
763
767
|
}
|
|
764
768
|
return [];
|
|
765
769
|
};
|
|
@@ -845,12 +849,12 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
845
849
|
props: props
|
|
846
850
|
});
|
|
847
851
|
if (!props.loaderDisabled && props.showLoader && loadingState) {
|
|
848
|
-
var
|
|
852
|
+
var _className = classNames('p-virtualscroller-loader', {
|
|
849
853
|
'p-component-overlay': !props.loadingTemplate
|
|
850
854
|
});
|
|
851
|
-
var
|
|
855
|
+
var _content = loadingIcon;
|
|
852
856
|
if (props.loadingTemplate) {
|
|
853
|
-
|
|
857
|
+
_content = loaderArrState.map(function (_, index) {
|
|
854
858
|
return createLoaderItem(index, both && {
|
|
855
859
|
numCols: numItemsInViewportState.cols
|
|
856
860
|
});
|
|
@@ -858,15 +862,15 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
858
862
|
} else if (props.loaderIconTemplate) {
|
|
859
863
|
var defaultContentOptions = {
|
|
860
864
|
iconClassName: iconClassName,
|
|
861
|
-
element:
|
|
865
|
+
element: _content,
|
|
862
866
|
props: props
|
|
863
867
|
};
|
|
864
|
-
|
|
868
|
+
_content = ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
|
|
865
869
|
}
|
|
866
870
|
var loaderProps = mergeProps({
|
|
867
|
-
className:
|
|
871
|
+
className: _className
|
|
868
872
|
}, ptm('loader'));
|
|
869
|
-
return /*#__PURE__*/React.createElement("div", loaderProps,
|
|
873
|
+
return /*#__PURE__*/React.createElement("div", loaderProps, _content);
|
|
870
874
|
}
|
|
871
875
|
return null;
|
|
872
876
|
};
|
|
@@ -941,32 +945,31 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
|
|
|
941
945
|
return content;
|
|
942
946
|
};
|
|
943
947
|
if (props.disabled) {
|
|
944
|
-
var
|
|
948
|
+
var _content2 = ObjectUtils.getJSXElement(props.contentTemplate, {
|
|
945
949
|
items: props.items,
|
|
946
950
|
rows: props.items,
|
|
947
951
|
columns: props.columns
|
|
948
952
|
});
|
|
949
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, props.children,
|
|
950
|
-
} else {
|
|
951
|
-
var className = classNames('p-virtualscroller', {
|
|
952
|
-
'p-virtualscroller-inline': props.inline,
|
|
953
|
-
'p-virtualscroller-both p-both-scroll': both,
|
|
954
|
-
'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
|
|
955
|
-
}, props.className);
|
|
956
|
-
var loader = createLoader();
|
|
957
|
-
var _content = createContent();
|
|
958
|
-
var spacer = createSpacer();
|
|
959
|
-
var rootProps = mergeProps({
|
|
960
|
-
ref: elementRef,
|
|
961
|
-
className: className,
|
|
962
|
-
tabIndex: props.tabIndex,
|
|
963
|
-
style: props.style,
|
|
964
|
-
onScroll: function onScroll(e) {
|
|
965
|
-
return _onScroll(e);
|
|
966
|
-
}
|
|
967
|
-
}, VirtualScrollerBase.getOtherProps(props), ptm('root'));
|
|
968
|
-
return /*#__PURE__*/React.createElement("div", rootProps, _content, spacer, loader);
|
|
953
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, props.children, _content2);
|
|
969
954
|
}
|
|
955
|
+
var className = classNames('p-virtualscroller', {
|
|
956
|
+
'p-virtualscroller-inline': props.inline,
|
|
957
|
+
'p-virtualscroller-both p-both-scroll': both,
|
|
958
|
+
'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
|
|
959
|
+
}, props.className);
|
|
960
|
+
var loader = createLoader();
|
|
961
|
+
var content = createContent();
|
|
962
|
+
var spacer = createSpacer();
|
|
963
|
+
var rootProps = mergeProps({
|
|
964
|
+
ref: elementRef,
|
|
965
|
+
className: className,
|
|
966
|
+
tabIndex: props.tabIndex,
|
|
967
|
+
style: props.style,
|
|
968
|
+
onScroll: function onScroll(e) {
|
|
969
|
+
return _onScroll(e);
|
|
970
|
+
}
|
|
971
|
+
}, VirtualScrollerBase.getOtherProps(props), ptm('root'));
|
|
972
|
+
return /*#__PURE__*/React.createElement("div", rootProps, content, spacer, loader);
|
|
970
973
|
}));
|
|
971
974
|
VirtualScroller.displayName = 'VirtualScroller';
|
|
972
975
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useMergeProps as r,usePrevious as n,useStyle as o,useResizeListener as l,useEventListener as i,useMountEffect as s,useUpdateEffect as c}from"primereact/hooks";import{SpinnerIcon as a}from"primereact/icons/spinner";import{DomHandler as u,ObjectUtils as f,classNames as m,IconUtils as p}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function v(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=v(e,"string");return"symbol"===g(t)?t:String(t)}function w(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function T(e,t){if(e){if("string"==typeof e)return z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?z(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return S(e)||b(e,t)||T(e,t)||I()}var x=d.extend({defaultProps:{__TYPE:"VirtualScroller",__parentMetadata:null,id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,children:void 0},css:{styles:"\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n position: static;\n}\n"}});function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=e.memo(e.forwardRef((function(d,g){var v=r(),y=e.useContext(t),S=x.getProps(d,y),b=n(d)||{},z="vertical"===S.orientation,T="horizontal"===S.orientation,I="both"===S.orientation,R=O(e.useState(I?{rows:0,cols:0}:0),2),E=R[0],P=R[1],L=O(e.useState(I?{rows:0,cols:0}:0),2),M=L[0],H=L[1],W=O(e.useState(0),2),C=W[0],D=W[1],F=O(e.useState(I?{rows:0,cols:0}:0),2),N=F[0],A=F[1],V=O(e.useState(S.numToleratedItems),2),k=V[0],J=V[1],X=O(e.useState(S.loading||!1),2),_=X[0],B=X[1],U=O(e.useState([]),2),Y=U[0],Z=U[1],$=x.setMetaData({props:S,state:{first:E,last:M,page:C,numItemsInViewport:N,numToleratedItems:k,loading:_,loaderArr:Y}}).ptm;o(x.css.styles,{name:"virtualscroller"});var q=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Q=e.useRef(null),ee=e.useRef(I?{top:0,left:0}:0),te=e.useRef(null),re=e.useRef(null),ne=e.useRef({}),oe=e.useRef({}),le=e.useRef(null),ie=e.useRef(null),se=e.useRef(null),ce=e.useRef(null),ae=e.useRef(!1),ue=e.useRef(null),fe=O(l({listener:function(e){return Pe()},when:!S.disabled}),1)[0],me=O(i({target:"window",type:"orientationchange",listener:function(e){return Pe()},when:!S.disabled}),1)[0],pe=function(){return q},de=function(e){return Math.floor((e+4*k)/(S.step||1))},he=function(e){return!S.step||C!==de(e)},ge=function(e){ee.current=I?{top:0,left:0}:0,q.current&&q.current.scrollTo(e)},ve=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=Se().numToleratedItems,n=Te(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return ge({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=I?{rows:0,cols:0}:0,c=!1;I?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,S.itemSize[1],n.left),l(s.rows,S.itemSize[0],n.top)),c=E.rows!==s.rows||E.cols!==s.cols):(s=o(e,r),T?i(l(s,S.itemSize,n.left),0):i(0,l(s,S.itemSize,n.top)),c=E!==s),ae.current=c,P(s)},ye=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=we(),o=n.first,l=n.viewport,i=function(){return ge({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(I)l.first.rows-o.rows>e[0]?i(l.first.cols*S.itemSize[1],(l.first.rows-1)*S.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*S.itemSize[1],l.first.rows*S.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*S.itemSize;T?i(c,0):i(0,c)}}else if(s)if(I)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*S.itemSize[1],(l.first.rows+1)*S.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*S.itemSize[1],l.first.rows*S.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*S.itemSize;T?i(a,0):i(0,a)}}else ve(e,r)},we=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=E,r=0;if(q.current){var n=q.current,o=n.scrollTop,l=n.scrollLeft;if(I)r={rows:(t={rows:e(o,S.itemSize[0]),cols:e(l,S.itemSize[1])}).rows+N.rows,cols:t.cols+N.cols};else r=(t=e(T?l:o,S.itemSize))+N}return{first:E,last:M,viewport:{first:t,last:r}}},Se=function(){var e=Te(),t=q.current?q.current.offsetWidth-e.left:0,r=q.current?q.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=I?{rows:n(r,S.itemSize[0]),cols:n(t,S.itemSize[1])}:n(T?t:r,S.itemSize);return{numItemsInViewport:l,numToleratedItems:k||(I?[o(l.rows),o(l.cols)]:o(l))}},be=function(e){S.autoSize&&!e&&Promise.resolve().then((function(){if(G.current){G.current.style.minHeight=G.current.style.minWidth="auto",G.current.style.position="relative",q.current.style.contain="none";var e=[u.getWidth(q.current),u.getHeight(q.current)],t=e[0],r=e[1];(I||T)&&(q.current.style.width=(t<le.current?t:S.scrollWidth||le.current)+"px"),(I||z)&&(q.current.style.height=(r<ie.current?r:S.scrollHeight||ie.current)+"px"),G.current.style.minHeight=G.current.style.minWidth="",G.current.style.position="",q.current.style.contain=""}}))},ze=function(){var e;return S.items?Math.min((arguments.length>1?arguments[1]:void 0)?(null===(e=S.columns||S.items[0])||void 0===e?void 0:e.length)||0:(S.items||[]).length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},Te=function(){if(G.current){var e=getComputedStyle(G.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Ie=function(){if(q.current){var e=q.current.parentElement,t=S.scrollWidth||"".concat(q.current.offsetWidth||e.offsetWidth,"px"),r=S.scrollHeight||"".concat(q.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return q.current.style[e]=t};I||T?(n("height",r),n("width",t)):n("height",r)}},Oe=function(){var e=S.items;if(e){var t=Te(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return oe.current=j(j({},oe.current),w({},"".concat(e),(t||[]).length*r+n+"px"))};I?(r("height",e,S.itemSize[0],t.y),r("width",S.columns||e[1],S.itemSize[1],t.x)):T?r("width",S.columns||e,S.itemSize,t.x):r("height",e,S.itemSize,t.y)}},xe=function(e){if(G.current&&!S.appendOnly){var t=e?e.first:E,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;Q.current&&(Q.current.style.top="-".concat(t,"px")),ne.current=j(j({},ne.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(I)n(r(t.cols,S.itemSize[1]),r(t.rows,S.itemSize[0]));else{var o=r(t,S.itemSize);T?n(o,0):n(0,o)}}},Re=function(e){var t=e.target,r=Te(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),ze(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),u=I?{rows:0,cols:0}:0,f=M,m=!1,p=ee.current;if(I){var d=ee.current.top<=c,h=ee.current.left<=a;if(!S.appendOnly||S.appendOnly&&(d||h)){var g={rows:o(c,S.itemSize[0]),cols:o(a,S.itemSize[1])},v={rows:l(g.rows,E.rows,M.rows,N.rows,k[0],d),cols:l(g.cols,E.cols,M.cols,N.cols,k[1],h)};u={rows:i(g.rows,v.rows,E.rows,0,0,k[0],d),cols:i(g.cols,v.cols,E.cols,0,0,k[1],h)},f={rows:s(g.rows,u.rows,0,N.rows,k[0]),cols:s(g.cols,u.cols,0,N.cols,k[1],!0)},m=u.rows!==E.rows||f.rows!==M.rows||u.cols!==E.cols||f.cols!==M.cols||ae.current,p={top:c,left:a}}}else{var y=T?a:c,w=ee.current<=y;if(!S.appendOnly||S.appendOnly&&w){var b=o(y,S.itemSize);f=s(b,u=i(b,l(b,E,M,N,k,w),E,0,0,k,w),0,N,k),m=u!==E||f!==M||ae.current,p=y}}return{first:u,last:f,isRangeChanged:m,scrollPos:p}},je=function(e){var t=Re(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(xe(l),P(r),H(n),ee.current=o,S.onScrollIndexChange&&S.onScrollIndexChange(l),S.lazy&&he(r)){var i={first:S.step?Math.min(de(r)*S.step,(S.items||[]).length-S.step):r,last:Math.min(S.step?(de(r)+1)*S.step:n,(S.items||[]).length)};(!ue.current||ue.current.first!==i.first||ue.current.last!==i.last)&&S.onLazyLoad&&S.onLazyLoad(i),ue.current=i}}},Ee=function(e){if(S.onScroll&&S.onScroll(e),S.delay){if(te.current&&clearTimeout(te.current),he(E)){if(!_&&S.showLoader)(Re(e).isRangeChanged||!!S.step&&he(E))&&B(!0);te.current=setTimeout((function(){je(e),!_||!S.showLoader||S.lazy&&void 0!==S.loading||(B(!1),D(de(E)))}),S.delay)}}else je(e)},Pe=function(){re.current&&clearTimeout(re.current),re.current=setTimeout((function(){if(q.current){var e=[u.getWidth(q.current),u.getHeight(q.current)],t=e[0],r=e[1],n=t!==le.current,o=r!==ie.current;(I?n||o:T?n:!!z&&o)&&(J(S.numToleratedItems),le.current=t,ie.current=r,se.current=u.getWidth(G.current),ce.current=u.getHeight(G.current))}}),S.resizeDelay)},Le=function(e){var t=(S.items||[]).length,r=I?E.rows+e:E+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:S}},Me=function(e,t){var r=Y.length||0;return j({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:S},t)},He=function(){var e=S.items;return e&&!_?I?e.slice(S.appendOnly?0:E.rows,M.rows).map((function(e){return S.columns?e:e.slice(S.appendOnly?0:E.cols,M.cols)})):T&&S.columns?e:e.slice(S.appendOnly?0:E,M):[]},We=function(){var e,t,r,n,o;S.disabled||(Ie(),e=Se(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return ze(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=I?{rows:n(E.rows,t.rows,r[0]),cols:n(E.cols,t.cols,r[1],!0)}:n(E,t,r),A(t),J(r),H(o),S.showLoader&&Z(I?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),S.lazy&&Promise.resolve().then((function(){ue.current={first:S.step?I?{rows:0,cols:E.cols}:0:E,last:Math.min(S.step?S.step:o,(S.items||[]).length)},S.onLazyLoad&&S.onLazyLoad(ue.current)})),Oe())};s((function(){q.current&&u.isVisible(q.current)&&(G.current=G.current||G.current||u.findSingle(q.current,".p-virtualscroller-content"),We(),fe(),me(),le.current=u.getWidth(q.current),ie.current=u.getHeight(q.current),se.current=u.getWidth(G.current),ce.current=u.getHeight(G.current))})),c((function(){We()}),[S.itemSize,S.scrollHeight,S.scrollWidth]),c((function(){S.numToleratedItems!==k&&J(S.numToleratedItems)}),[S.numToleratedItems]),c((function(){S.numToleratedItems===k&&We()}),[k]),c((function(){b.items&&b.items.length===(S.items||[]).length||We();var e=_;S.lazy&&b.loading!==S.loading&&S.loading!==_&&(B(S.loading),e=S.loading),be(e)})),c((function(){ee.current=I?{top:0,left:0}:0}),[S.orientation]),e.useImperativeHandle(g,(function(){return{props:S,getElementRef:pe,scrollTo:ge,scrollToIndex:ve,scrollInView:ye,getRenderedRange:we}}));var Ce=function(t){var r=Me(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=f.getJSXElement(S.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},De=function(t,r){var n=Le(r),o=f.getJSXElement(S.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(S.disabled){var Fe=f.getJSXElement(S.contentTemplate,{items:S.items,rows:S.items,columns:S.columns});return e.createElement(e.Fragment,null,S.children,Fe)}var Ne=m("p-virtualscroller",{"p-virtualscroller-inline":S.inline,"p-virtualscroller-both p-both-scroll":I,"p-virtualscroller-horizontal p-horizontal-scroll":T},S.className),Ae=function(){var t="p-virtualscroller-loading-icon",r=v({className:t},$("loadingIcon")),n=S.loadingIcon||e.createElement(a,h({},r,{spin:!0})),o=p.getJSXIcon(n,j({},r),{props:S});if(!S.loaderDisabled&&S.showLoader&&_){var l=m("p-virtualscroller-loader",{"p-component-overlay":!S.loadingTemplate}),i=o;S.loadingTemplate?i=Y.map((function(e,t){return Ce(t,I&&{numCols:N.cols})})):S.loaderIconTemplate&&(i=f.getJSXElement(S.loaderIconTemplate,{iconClassName:t,element:i,props:S}));var s=v({className:l},$("loader"));return e.createElement("div",s,i)}return null}(),Ve=function(){var t=He().map(De),r=m("p-virtualscroller-content",{"p-virtualscroller-loading":_}),n=v({ref:G,style:ne.current,className:r},$("content")),o=e.createElement("div",n,t);if(S.contentTemplate){var l={style:ne.current,className:r,spacerStyle:oe.current,contentRef:function(e){return G.current=f.getRefElement(e)},spacerRef:function(e){return K.current=f.getRefElement(e)},stickyRef:function(e){return Q.current=f.getRefElement(e)},items:He(),getItemOptions:function(e){return Le(e)},children:t,element:o,props:S,loading:_,getLoaderOptions:function(e,t){return Me(e,t)},loadingTemplate:S.loadingTemplate,itemSize:S.itemSize,rows:_?S.loaderDisabled?Y:[]:He(),columns:S.columns&&I||T?_&&S.loaderDisabled?I?Y[0]:Y:S.columns.slice(I?E.cols:E,I?M.cols:M):S.columns,vertical:z,horizontal:T,both:I};return f.getJSXElement(S.contentTemplate,l)}return o}(),ke=function(){if(S.showSpacer){var t=v({ref:K,style:oe.current,className:"p-virtualscroller-spacer"},$("spacer"));return e.createElement("div",t)}return null}(),Je=v({ref:q,className:Ne,tabIndex:S.tabIndex,style:S.style,onScroll:function(e){return Ee(e)}},x.getOtherProps(S),$("root"));return e.createElement("div",Je,Ve,ke,Ae)})));E.displayName="VirtualScroller";export{E as VirtualScroller};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useMergeProps as r,usePrevious as n,useStyle as o,useResizeListener as l,useEventListener as i,useMountEffect as s,useUpdateEffect as c}from"primereact/hooks";import{SpinnerIcon as a}from"primereact/icons/spinner";import{DomHandler as u,ObjectUtils as f,classNames as m,IconUtils as p}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function v(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=v(e,"string");return"symbol"===g(t)?t:String(t)}function w(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function T(e,t){if(e){if("string"==typeof e)return z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?z(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return S(e)||b(e,t)||T(e,t)||I()}var x=d.extend({defaultProps:{__TYPE:"VirtualScroller",__parentMetadata:null,id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,children:void 0},css:{styles:"\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n position: static;\n}\n"}});function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=e.memo(e.forwardRef((function(d,g){var v=r(),y=e.useContext(t),S=x.getProps(d,y),b=n(d)||{},z="vertical"===S.orientation,T="horizontal"===S.orientation,I="both"===S.orientation,R=O(e.useState(I?{rows:0,cols:0}:0),2),E=R[0],P=R[1],L=O(e.useState(I?{rows:0,cols:0}:0),2),M=L[0],H=L[1],W=O(e.useState(0),2),C=W[0],D=W[1],F=O(e.useState(I?{rows:0,cols:0}:0),2),N=F[0],A=F[1],V=O(e.useState(S.numToleratedItems),2),k=V[0],J=V[1],X=O(e.useState(S.loading||!1),2),_=X[0],B=X[1],U=O(e.useState([]),2),Y=U[0],Z=U[1],$=x.setMetaData({props:S,state:{first:E,last:M,page:C,numItemsInViewport:N,numToleratedItems:k,loading:_,loaderArr:Y}}).ptm;o(x.css.styles,{name:"virtualscroller"});var q=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Q=e.useRef(null),ee=e.useRef(I?{top:0,left:0}:0),te=e.useRef(null),re=e.useRef(null),ne=e.useRef({}),oe=e.useRef({}),le=e.useRef(null),ie=e.useRef(null),se=e.useRef(null),ce=e.useRef(null),ae=e.useRef(!1),ue=e.useRef(null),fe=O(l({listener:function(e){return Pe()},when:!S.disabled}),1)[0],me=O(i({target:"window",type:"orientationchange",listener:function(e){return Pe()},when:!S.disabled}),1)[0],pe=function(){return q},de=function(e){return Math.floor((e+4*k)/(S.step||1))},he=function(e){return!S.step||C!==de(e)},ge=function(e){ee.current=I?{top:0,left:0}:0,q.current&&q.current.scrollTo(e)},ve=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=Se().numToleratedItems,n=Te(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return ge({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=I?{rows:0,cols:0}:0,c=!1;I?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,S.itemSize[1],n.left),l(s.rows,S.itemSize[0],n.top)),c=E.rows!==s.rows||E.cols!==s.cols):(s=o(e,r),T?i(l(s,S.itemSize,n.left),0):i(0,l(s,S.itemSize,n.top)),c=E!==s),ae.current=c,P(s)},ye=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=we(),o=n.first,l=n.viewport,i=function(){return ge({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(I)l.first.rows-o.rows>e[0]?i(l.first.cols*S.itemSize[1],(l.first.rows-1)*S.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*S.itemSize[1],l.first.rows*S.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*S.itemSize;T?i(c,0):i(0,c)}}else if(s)if(I)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*S.itemSize[1],(l.first.rows+1)*S.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*S.itemSize[1],l.first.rows*S.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*S.itemSize;T?i(a,0):i(0,a)}}else ve(e,r)},we=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=E,r=0;if(q.current){var n=q.current,o=n.scrollTop,l=n.scrollLeft;if(I)r={rows:(t={rows:e(o,S.itemSize[0]),cols:e(l,S.itemSize[1])}).rows+N.rows,cols:t.cols+N.cols};else r=(t=e(T?l:o,S.itemSize))+N}return{first:E,last:M,viewport:{first:t,last:r}}},Se=function(){var e=Te(),t=q.current?q.current.offsetWidth-e.left:0,r=q.current?q.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=I?{rows:n(r,S.itemSize[0]),cols:n(t,S.itemSize[1])}:n(T?t:r,S.itemSize);return{numItemsInViewport:l,numToleratedItems:k||(I?[o(l.rows),o(l.cols)]:o(l))}},be=function(e){S.autoSize&&!e&&Promise.resolve().then((function(){if(G.current){G.current.style.minHeight=G.current.style.minWidth="auto",G.current.style.position="relative",q.current.style.contain="none";var e=[u.getWidth(q.current),u.getHeight(q.current)],t=e[0],r=e[1];(I||T)&&(q.current.style.width=(t<le.current?t:S.scrollWidth||le.current)+"px"),(I||z)&&(q.current.style.height=(r<ie.current?r:S.scrollHeight||ie.current)+"px"),G.current.style.minHeight=G.current.style.minWidth="",G.current.style.position="",q.current.style.contain=""}}))},ze=function(){var e;return S.items?Math.min((arguments.length>1?arguments[1]:void 0)?(null===(e=S.columns||S.items[0])||void 0===e?void 0:e.length)||0:(S.items||[]).length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},Te=function(){if(G.current){var e=getComputedStyle(G.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Ie=function(){if(q.current){var e=q.current.parentElement,t=S.scrollWidth||"".concat(q.current.offsetWidth||e.offsetWidth,"px"),r=S.scrollHeight||"".concat(q.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return q.current.style[e]=t};I||T?(n("height",r),n("width",t)):n("height",r)}},Oe=function(){var e=S.items;if(e){var t=Te(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return oe.current=j(j({},oe.current),w({},"".concat(e),(t||[]).length*r+n+"px"))};I?(r("height",e,S.itemSize[0],t.y),r("width",S.columns||e[1],S.itemSize[1],t.x)):T?r("width",S.columns||e,S.itemSize,t.x):r("height",e,S.itemSize,t.y)}},xe=function(e){if(G.current&&!S.appendOnly){var t=e?e.first:E,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;Q.current&&(Q.current.style.top="-".concat(t,"px")),ne.current=j(j({},ne.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(I)n(r(t.cols,S.itemSize[1]),r(t.rows,S.itemSize[0]));else{var o=r(t,S.itemSize);T?n(o,0):n(0,o)}}},Re=function(e){var t=e.target,r=Te(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),ze(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),u=I?{rows:0,cols:0}:0,f=M,m=!1,p=ee.current;if(I){var d=ee.current.top<=c,h=ee.current.left<=a;if(!S.appendOnly||S.appendOnly&&(d||h)){var g={rows:o(c,S.itemSize[0]),cols:o(a,S.itemSize[1])},v={rows:l(g.rows,E.rows,M.rows,N.rows,k[0],d),cols:l(g.cols,E.cols,M.cols,N.cols,k[1],h)};u={rows:i(g.rows,v.rows,E.rows,0,0,k[0],d),cols:i(g.cols,v.cols,E.cols,0,0,k[1],h)},f={rows:s(g.rows,u.rows,0,N.rows,k[0]),cols:s(g.cols,u.cols,0,N.cols,k[1],!0)},m=u.rows!==E.rows||f.rows!==M.rows||u.cols!==E.cols||f.cols!==M.cols||ae.current,p={top:c,left:a}}}else{var y=T?a:c,w=ee.current<=y;if(!S.appendOnly||S.appendOnly&&w){var b=o(y,S.itemSize);f=s(b,u=i(b,l(b,E,M,N,k,w),E,0,0,k,w),0,N,k),m=u!==E||f!==M||ae.current,p=y}}return{first:u,last:f,isRangeChanged:m,scrollPos:p}},je=function(e){var t=Re(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(xe(l),P(r),H(n),ee.current=o,S.onScrollIndexChange&&S.onScrollIndexChange(l),S.lazy&&he(r)){var i={first:S.step?Math.min(de(r)*S.step,(S.items||[]).length-S.step):r,last:Math.min(S.step?(de(r)+1)*S.step:n,(S.items||[]).length)};(!ue.current||ue.current.first!==i.first||ue.current.last!==i.last)&&S.onLazyLoad&&S.onLazyLoad(i),ue.current=i}}},Ee=function(e){if(S.onScroll&&S.onScroll(e),S.delay){if(te.current&&clearTimeout(te.current),he(E)){if(!_&&S.showLoader)(Re(e).isRangeChanged||!!S.step&&he(E))&&B(!0);te.current=setTimeout((function(){je(e),!_||!S.showLoader||S.lazy&&void 0!==S.loading||(B(!1),D(de(E)))}),S.delay)}}else je(e)},Pe=function(){re.current&&clearTimeout(re.current),re.current=setTimeout((function(){if(q.current){var e=[u.getWidth(q.current),u.getHeight(q.current)],t=e[0],r=e[1],n=t!==le.current,o=r!==ie.current;(I?n||o:T?n:!!z&&o)&&(J(S.numToleratedItems),le.current=t,ie.current=r,se.current=u.getWidth(G.current),ce.current=u.getHeight(G.current))}}),S.resizeDelay)},Le=function(e){var t=(S.items||[]).length,r=I?E.rows+e:E+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:S}},Me=function(e,t){var r=Y.length||0;return j({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:S},t)},He=function(){var e=S.items;return e&&!_?I?e.slice(S.appendOnly?0:E.rows,M.rows).map((function(e){return S.columns?e:e.slice(S.appendOnly?0:E.cols,M.cols)})):T&&S.columns?e:e.slice(S.appendOnly?0:E,M):[]},We=function(){var e,t,r,n,o;S.disabled||(Ie(),e=Se(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return ze(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=I?{rows:n(E.rows,t.rows,r[0]),cols:n(E.cols,t.cols,r[1],!0)}:n(E,t,r),A(t),J(r),H(o),S.showLoader&&Z(I?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),S.lazy&&Promise.resolve().then((function(){ue.current={first:S.step?I?{rows:0,cols:E.cols}:0:E,last:Math.min(S.step?S.step:o,(S.items||[]).length)},S.onLazyLoad&&S.onLazyLoad(ue.current)})),Oe())};s((function(){q.current&&u.isVisible(q.current)&&(G.current=G.current||G.current||u.findSingle(q.current,".p-virtualscroller-content"),We(),fe(),me(),le.current=u.getWidth(q.current),ie.current=u.getHeight(q.current),se.current=u.getWidth(G.current),ce.current=u.getHeight(G.current))})),c((function(){We()}),[S.itemSize,S.scrollHeight,S.scrollWidth]),c((function(){S.numToleratedItems!==k&&J(S.numToleratedItems)}),[S.numToleratedItems]),c((function(){S.numToleratedItems===k&&We()}),[k]),c((function(){b.items&&b.items.length===(S.items||[]).length||We();var e=_;S.lazy&&b.loading!==S.loading&&S.loading!==_&&(B(S.loading),e=S.loading),be(e)})),c((function(){ee.current=I?{top:0,left:0}:0}),[S.orientation]),e.useImperativeHandle(g,(function(){return{props:S,getElementRef:pe,scrollTo:ge,scrollToIndex:ve,scrollInView:ye,getRenderedRange:we}}));var Ce=function(t){var r=Me(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=f.getJSXElement(S.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},De=function(t,r){var n=Le(r),o=f.getJSXElement(S.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(S.disabled){var Fe=f.getJSXElement(S.contentTemplate,{items:S.items,rows:S.items,columns:S.columns});return e.createElement(e.Fragment,null,S.children,Fe)}var Ne=m("p-virtualscroller",{"p-virtualscroller-inline":S.inline,"p-virtualscroller-both p-both-scroll":I,"p-virtualscroller-horizontal p-horizontal-scroll":T},S.className),Ae=function(){var t="p-virtualscroller-loading-icon",r=v({className:t},$("loadingIcon")),n=S.loadingIcon||e.createElement(a,h({},r,{spin:!0})),o=p.getJSXIcon(n,j({},r),{props:S});if(!S.loaderDisabled&&S.showLoader&&_){var l=m("p-virtualscroller-loader",{"p-component-overlay":!S.loadingTemplate}),i=o;if(S.loadingTemplate)i=Y.map((function(e,t){return Ce(t,I&&{numCols:N.cols})}));else if(S.loaderIconTemplate){i=f.getJSXElement(S.loaderIconTemplate,{iconClassName:t,element:i,props:S})}var s=v({className:l},$("loader"));return e.createElement("div",s,i)}return null}(),Ve=function(){var t=He().map(De),r=m("p-virtualscroller-content",{"p-virtualscroller-loading":_}),n=v({ref:G,style:ne.current,className:r},$("content")),o=e.createElement("div",n,t);if(S.contentTemplate){var l={style:ne.current,className:r,spacerStyle:oe.current,contentRef:function(e){return G.current=f.getRefElement(e)},spacerRef:function(e){return K.current=f.getRefElement(e)},stickyRef:function(e){return Q.current=f.getRefElement(e)},items:He(),getItemOptions:function(e){return Le(e)},children:t,element:o,props:S,loading:_,getLoaderOptions:function(e,t){return Me(e,t)},loadingTemplate:S.loadingTemplate,itemSize:S.itemSize,rows:_?S.loaderDisabled?Y:[]:He(),columns:S.columns&&I||T?_&&S.loaderDisabled?I?Y[0]:Y:S.columns.slice(I?E.cols:E,I?M.cols:M):S.columns,vertical:z,horizontal:T,both:I};return f.getJSXElement(S.contentTemplate,l)}return o}(),ke=function(){if(S.showSpacer){var t=v({ref:K,style:oe.current,className:"p-virtualscroller-spacer"},$("spacer"));return e.createElement("div",t)}return null}(),Je=v({ref:q,className:Ne,tabIndex:S.tabIndex,style:S.style,onScroll:function(e){return Ee(e)}},x.getOtherProps(S),$("root"));return e.createElement("div",Je,Ve,ke,Ae)})));E.displayName="VirtualScroller";export{E as VirtualScroller};
|
|
@@ -360,11 +360,9 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
360
360
|
} else if (viewport.first.cols - first.cols > index[1]) {
|
|
361
361
|
scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
|
|
362
362
|
}
|
|
363
|
-
} else {
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
|
|
367
|
-
}
|
|
363
|
+
} else if (viewport.first - first > index) {
|
|
364
|
+
var pos = (viewport.first - 1) * props.itemSize;
|
|
365
|
+
horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
|
|
368
366
|
}
|
|
369
367
|
} else if (isToEnd) {
|
|
370
368
|
if (both) {
|
|
@@ -373,11 +371,9 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
373
371
|
} else if (viewport.last.cols - first.cols <= index[1] + 1) {
|
|
374
372
|
scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
|
|
375
373
|
}
|
|
376
|
-
} else {
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
|
|
380
|
-
}
|
|
374
|
+
} else if (viewport.last - first <= index + 1) {
|
|
375
|
+
var _pos2 = (viewport.first + 1) * props.itemSize;
|
|
376
|
+
horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
|
|
381
377
|
}
|
|
382
378
|
}
|
|
383
379
|
} else {
|
|
@@ -608,12 +604,15 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
608
604
|
return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
|
|
609
605
|
};
|
|
610
606
|
var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
|
|
611
|
-
if (_currentIndex <= _numT)
|
|
607
|
+
if (_currentIndex <= _numT) {
|
|
608
|
+
return 0;
|
|
609
|
+
}
|
|
610
|
+
return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
|
|
612
611
|
};
|
|
613
612
|
var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
|
|
614
613
|
var lastValue = _first + _num + 2 * _numT;
|
|
615
614
|
if (_currentIndex >= _numT) {
|
|
616
|
-
lastValue
|
|
615
|
+
lastValue = lastValue + (_numT + 1);
|
|
617
616
|
}
|
|
618
617
|
return getLast(lastValue, _isCols);
|
|
619
618
|
};
|
|
@@ -773,9 +772,14 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
773
772
|
var loadedItems = function loadedItems() {
|
|
774
773
|
var items = props.items;
|
|
775
774
|
if (items && !loadingState) {
|
|
776
|
-
if (both)
|
|
777
|
-
return
|
|
778
|
-
|
|
775
|
+
if (both) {
|
|
776
|
+
return items.slice(props.appendOnly ? 0 : firstState.rows, lastState.rows).map(function (item) {
|
|
777
|
+
return props.columns ? item : item.slice(props.appendOnly ? 0 : firstState.cols, lastState.cols);
|
|
778
|
+
});
|
|
779
|
+
} else if (horizontal && props.columns) {
|
|
780
|
+
return items;
|
|
781
|
+
}
|
|
782
|
+
return items.slice(props.appendOnly ? 0 : firstState, lastState);
|
|
779
783
|
}
|
|
780
784
|
return [];
|
|
781
785
|
};
|
|
@@ -861,12 +865,12 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
861
865
|
props: props
|
|
862
866
|
});
|
|
863
867
|
if (!props.loaderDisabled && props.showLoader && loadingState) {
|
|
864
|
-
var
|
|
868
|
+
var _className = utils.classNames('p-virtualscroller-loader', {
|
|
865
869
|
'p-component-overlay': !props.loadingTemplate
|
|
866
870
|
});
|
|
867
|
-
var
|
|
871
|
+
var _content = loadingIcon;
|
|
868
872
|
if (props.loadingTemplate) {
|
|
869
|
-
|
|
873
|
+
_content = loaderArrState.map(function (_, index) {
|
|
870
874
|
return createLoaderItem(index, both && {
|
|
871
875
|
numCols: numItemsInViewportState.cols
|
|
872
876
|
});
|
|
@@ -874,15 +878,15 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
874
878
|
} else if (props.loaderIconTemplate) {
|
|
875
879
|
var defaultContentOptions = {
|
|
876
880
|
iconClassName: iconClassName,
|
|
877
|
-
element:
|
|
881
|
+
element: _content,
|
|
878
882
|
props: props
|
|
879
883
|
};
|
|
880
|
-
|
|
884
|
+
_content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
|
|
881
885
|
}
|
|
882
886
|
var loaderProps = mergeProps({
|
|
883
|
-
className:
|
|
887
|
+
className: _className
|
|
884
888
|
}, ptm('loader'));
|
|
885
|
-
return /*#__PURE__*/React__namespace.createElement("div", loaderProps,
|
|
889
|
+
return /*#__PURE__*/React__namespace.createElement("div", loaderProps, _content);
|
|
886
890
|
}
|
|
887
891
|
return null;
|
|
888
892
|
};
|
|
@@ -957,32 +961,31 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
|
|
|
957
961
|
return content;
|
|
958
962
|
};
|
|
959
963
|
if (props.disabled) {
|
|
960
|
-
var
|
|
964
|
+
var _content2 = utils.ObjectUtils.getJSXElement(props.contentTemplate, {
|
|
961
965
|
items: props.items,
|
|
962
966
|
rows: props.items,
|
|
963
967
|
columns: props.columns
|
|
964
968
|
});
|
|
965
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children,
|
|
966
|
-
} else {
|
|
967
|
-
var className = utils.classNames('p-virtualscroller', {
|
|
968
|
-
'p-virtualscroller-inline': props.inline,
|
|
969
|
-
'p-virtualscroller-both p-both-scroll': both,
|
|
970
|
-
'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
|
|
971
|
-
}, props.className);
|
|
972
|
-
var loader = createLoader();
|
|
973
|
-
var _content = createContent();
|
|
974
|
-
var spacer = createSpacer();
|
|
975
|
-
var rootProps = mergeProps({
|
|
976
|
-
ref: elementRef,
|
|
977
|
-
className: className,
|
|
978
|
-
tabIndex: props.tabIndex,
|
|
979
|
-
style: props.style,
|
|
980
|
-
onScroll: function onScroll(e) {
|
|
981
|
-
return _onScroll(e);
|
|
982
|
-
}
|
|
983
|
-
}, VirtualScrollerBase.getOtherProps(props), ptm('root'));
|
|
984
|
-
return /*#__PURE__*/React__namespace.createElement("div", rootProps, _content, spacer, loader);
|
|
969
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children, _content2);
|
|
985
970
|
}
|
|
971
|
+
var className = utils.classNames('p-virtualscroller', {
|
|
972
|
+
'p-virtualscroller-inline': props.inline,
|
|
973
|
+
'p-virtualscroller-both p-both-scroll': both,
|
|
974
|
+
'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
|
|
975
|
+
}, props.className);
|
|
976
|
+
var loader = createLoader();
|
|
977
|
+
var content = createContent();
|
|
978
|
+
var spacer = createSpacer();
|
|
979
|
+
var rootProps = mergeProps({
|
|
980
|
+
ref: elementRef,
|
|
981
|
+
className: className,
|
|
982
|
+
tabIndex: props.tabIndex,
|
|
983
|
+
style: props.style,
|
|
984
|
+
onScroll: function onScroll(e) {
|
|
985
|
+
return _onScroll(e);
|
|
986
|
+
}
|
|
987
|
+
}, VirtualScrollerBase.getOtherProps(props), ptm('root'));
|
|
988
|
+
return /*#__PURE__*/React__namespace.createElement("div", rootProps, content, spacer, loader);
|
|
986
989
|
}));
|
|
987
990
|
VirtualScroller.displayName = 'VirtualScroller';
|
|
988
991
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n,o,l,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return d(e)||h(e,t)||v(e,t)||y()}var b=i.ComponentBase.extend({defaultProps:{__TYPE:"VirtualScroller",__parentMetadata:null,id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,children:void 0},css:{styles:"\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n position: static;\n}\n"}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=c.memo(c.forwardRef((function(e,t){var i=n.useMergeProps(),s=c.useContext(r.PrimeReactContext),u=b.getProps(e,s),f=n.usePrevious(e)||{},m="vertical"===u.orientation,d="horizontal"===u.orientation,h="both"===u.orientation,g=w(c.useState(h?{rows:0,cols:0}:0),2),v=g[0],y=g[1],S=w(c.useState(h?{rows:0,cols:0}:0),2),O=S[0],I=S[1],T=w(c.useState(0),2),j=T[0],x=T[1],R=w(c.useState(h?{rows:0,cols:0}:0),2),E=R[0],H=R[1],P=w(c.useState(u.numToleratedItems),2),D=P[0],L=P[1],M=w(c.useState(u.loading||!1),2),U=M[0],N=M[1],W=w(c.useState([]),2),C=W[0],F=W[1],A=b.setMetaData({props:u,state:{first:v,last:O,page:j,numItemsInViewport:E,numToleratedItems:D,loading:U,loaderArr:C}}).ptm;n.useStyle(b.css.styles,{name:"virtualscroller"});var V=c.useRef(null),_=c.useRef(null),k=c.useRef(null),J=c.useRef(null),X=c.useRef(h?{top:0,left:0}:0),B=c.useRef(null),Y=c.useRef(null),Z=c.useRef({}),$=c.useRef({}),q=c.useRef(null),G=c.useRef(null),K=c.useRef(null),Q=c.useRef(null),ee=c.useRef(!1),te=c.useRef(null),re=w(n.useResizeListener({listener:function(e){return Se()},when:!u.disabled}),1)[0],ne=w(n.useEventListener({target:"window",type:"orientationchange",listener:function(e){return Se()},when:!u.disabled}),1)[0],oe=function(){return V},le=function(e){return Math.floor((e+4*D)/(u.step||1))},ie=function(e){return!u.step||j!==le(e)},se=function(e){X.current=h?{top:0,left:0}:0,V.current&&V.current.scrollTo(e)},ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=fe().numToleratedItems,n=de(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return se({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=h?{rows:0,cols:0}:0,c=!1;h?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,u.itemSize[1],n.left),l(s.rows,u.itemSize[0],n.top)),c=v.rows!==s.rows||v.cols!==s.cols):(s=o(e,r),d?i(l(s,u.itemSize,n.left),0):i(0,l(s,u.itemSize,n.top)),c=v!==s),ee.current=c,y(s)},ae=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ue(),o=n.first,l=n.viewport,i=function(){return se({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(h)l.first.rows-o.rows>e[0]?i(l.first.cols*u.itemSize[1],(l.first.rows-1)*u.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*u.itemSize;d?i(c,0):i(0,c)}}else if(s)if(h)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*u.itemSize[1],(l.first.rows+1)*u.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*u.itemSize;d?i(a,0):i(0,a)}}else ce(e,r)},ue=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=v,r=0;if(V.current){var n=V.current,o=n.scrollTop,l=n.scrollLeft;if(h)r={rows:(t={rows:e(o,u.itemSize[0]),cols:e(l,u.itemSize[1])}).rows+E.rows,cols:t.cols+E.cols};else r=(t=e(d?l:o,u.itemSize))+E}return{first:v,last:O,viewport:{first:t,last:r}}},fe=function(){var e=de(),t=V.current?V.current.offsetWidth-e.left:0,r=V.current?V.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=h?{rows:n(r,u.itemSize[0]),cols:n(t,u.itemSize[1])}:n(d?t:r,u.itemSize);return{numItemsInViewport:l,numToleratedItems:D||(h?[o(l.rows),o(l.cols)]:o(l))}},me=function(e){u.autoSize&&!e&&Promise.resolve().then((function(){if(_.current){_.current.style.minHeight=_.current.style.minWidth="auto",_.current.style.position="relative",V.current.style.contain="none";var e=[l.DomHandler.getWidth(V.current),l.DomHandler.getHeight(V.current)],t=e[0],r=e[1];(h||d)&&(V.current.style.width=(t<q.current?t:u.scrollWidth||q.current)+"px"),(h||m)&&(V.current.style.height=(r<G.current?r:u.scrollHeight||G.current)+"px"),_.current.style.minHeight=_.current.style.minWidth="",_.current.style.position="",V.current.style.contain=""}}))},pe=function(){var e;return u.items?Math.min((arguments.length>1?arguments[1]:void 0)?(null===(e=u.columns||u.items[0])||void 0===e?void 0:e.length)||0:(u.items||[]).length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},de=function(){if(_.current){var e=getComputedStyle(_.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},he=function(){if(V.current){var e=V.current.parentElement,t=u.scrollWidth||"".concat(V.current.offsetWidth||e.offsetWidth,"px"),r=u.scrollHeight||"".concat(V.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return V.current.style[e]=t};h||d?(n("height",r),n("width",t)):n("height",r)}},ge=function(){var e=u.items;if(e){var t=de(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return $.current=z(z({},$.current),p({},"".concat(e),(t||[]).length*r+n+"px"))};h?(r("height",e,u.itemSize[0],t.y),r("width",u.columns||e[1],u.itemSize[1],t.x)):d?r("width",u.columns||e,u.itemSize,t.x):r("height",e,u.itemSize,t.y)}},ve=function(e){if(_.current&&!u.appendOnly){var t=e?e.first:v,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;J.current&&(J.current.style.top="-".concat(t,"px")),Z.current=z(z({},Z.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(h)n(r(t.cols,u.itemSize[1]),r(t.rows,u.itemSize[0]));else{var o=r(t,u.itemSize);d?n(o,0):n(0,o)}}},ye=function(e){var t=e.target,r=de(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),pe(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),f=h?{rows:0,cols:0}:0,m=O,p=!1,g=X.current;if(h){var y=X.current.top<=c,w=X.current.left<=a;if(!u.appendOnly||u.appendOnly&&(y||w)){var b={rows:o(c,u.itemSize[0]),cols:o(a,u.itemSize[1])},S={rows:l(b.rows,v.rows,O.rows,E.rows,D[0],y),cols:l(b.cols,v.cols,O.cols,E.cols,D[1],w)};f={rows:i(b.rows,S.rows,v.rows,0,0,D[0],y),cols:i(b.cols,S.cols,v.cols,0,0,D[1],w)},m={rows:s(b.rows,f.rows,0,E.rows,D[0]),cols:s(b.cols,f.cols,0,E.cols,D[1],!0)},p=f.rows!==v.rows||m.rows!==O.rows||f.cols!==v.cols||m.cols!==O.cols||ee.current,g={top:c,left:a}}}else{var z=d?a:c,I=X.current<=z;if(!u.appendOnly||u.appendOnly&&I){var T=o(z,u.itemSize);m=s(T,f=i(T,l(T,v,O,E,D,I),v,0,0,D,I),0,E,D),p=f!==v||m!==O||ee.current,g=z}}return{first:f,last:m,isRangeChanged:p,scrollPos:g}},we=function(e){var t=ye(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(ve(l),y(r),I(n),X.current=o,u.onScrollIndexChange&&u.onScrollIndexChange(l),u.lazy&&ie(r)){var i={first:u.step?Math.min(le(r)*u.step,(u.items||[]).length-u.step):r,last:Math.min(u.step?(le(r)+1)*u.step:n,(u.items||[]).length)};(!te.current||te.current.first!==i.first||te.current.last!==i.last)&&u.onLazyLoad&&u.onLazyLoad(i),te.current=i}}},be=function(e){if(u.onScroll&&u.onScroll(e),u.delay){if(B.current&&clearTimeout(B.current),ie(v)){if(!U&&u.showLoader)(ye(e).isRangeChanged||!!u.step&&ie(v))&&N(!0);B.current=setTimeout((function(){we(e),!U||!u.showLoader||u.lazy&&void 0!==u.loading||(N(!1),x(le(v)))}),u.delay)}}else we(e)},Se=function(){Y.current&&clearTimeout(Y.current),Y.current=setTimeout((function(){if(V.current){var e=[l.DomHandler.getWidth(V.current),l.DomHandler.getHeight(V.current)],t=e[0],r=e[1],n=t!==q.current,o=r!==G.current;(h?n||o:d?n:!!m&&o)&&(L(u.numToleratedItems),q.current=t,G.current=r,K.current=l.DomHandler.getWidth(_.current),Q.current=l.DomHandler.getHeight(_.current))}}),u.resizeDelay)},ze=function(e){var t=(u.items||[]).length,r=h?v.rows+e:v+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:u}},Oe=function(e,t){var r=C.length||0;return z({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:u},t)},Ie=function(){var e=u.items;return e&&!U?h?e.slice(u.appendOnly?0:v.rows,O.rows).map((function(e){return u.columns?e:e.slice(u.appendOnly?0:v.cols,O.cols)})):d&&u.columns?e:e.slice(u.appendOnly?0:v,O):[]},Te=function(){var e,t,r,n,o;u.disabled||(he(),e=fe(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return pe(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=h?{rows:n(v.rows,t.rows,r[0]),cols:n(v.cols,t.cols,r[1],!0)}:n(v,t,r),H(t),L(r),I(o),u.showLoader&&F(h?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),u.lazy&&Promise.resolve().then((function(){te.current={first:u.step?h?{rows:0,cols:v.cols}:0:v,last:Math.min(u.step?u.step:o,(u.items||[]).length)},u.onLazyLoad&&u.onLazyLoad(te.current)})),ge())};n.useMountEffect((function(){V.current&&l.DomHandler.isVisible(V.current)&&(_.current=_.current||_.current||l.DomHandler.findSingle(V.current,".p-virtualscroller-content"),Te(),re(),ne(),q.current=l.DomHandler.getWidth(V.current),G.current=l.DomHandler.getHeight(V.current),K.current=l.DomHandler.getWidth(_.current),Q.current=l.DomHandler.getHeight(_.current))})),n.useUpdateEffect((function(){Te()}),[u.itemSize,u.scrollHeight,u.scrollWidth]),n.useUpdateEffect((function(){u.numToleratedItems!==D&&L(u.numToleratedItems)}),[u.numToleratedItems]),n.useUpdateEffect((function(){u.numToleratedItems===D&&Te()}),[D]),n.useUpdateEffect((function(){f.items&&f.items.length===(u.items||[]).length||Te();var e=U;u.lazy&&f.loading!==u.loading&&u.loading!==U&&(N(u.loading),e=u.loading),me(e)})),n.useUpdateEffect((function(){X.current=h?{top:0,left:0}:0}),[u.orientation]),c.useImperativeHandle(t,(function(){return{props:u,getElementRef:oe,scrollTo:se,scrollToIndex:ce,scrollInView:ae,getRenderedRange:ue}}));var je=function(e){var t=Oe(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),r=l.ObjectUtils.getJSXElement(u.loadingTemplate,t);return c.createElement(c.Fragment,{key:e},r)},xe=function(e,t){var r=ze(t),n=l.ObjectUtils.getJSXElement(u.itemTemplate,e,r);return c.createElement(c.Fragment,{key:r.index},n)};if(u.disabled){var Re=l.ObjectUtils.getJSXElement(u.contentTemplate,{items:u.items,rows:u.items,columns:u.columns});return c.createElement(c.Fragment,null,u.children,Re)}var Ee=l.classNames("p-virtualscroller",{"p-virtualscroller-inline":u.inline,"p-virtualscroller-both p-both-scroll":h,"p-virtualscroller-horizontal p-horizontal-scroll":d},u.className),He=function(){var e="p-virtualscroller-loading-icon",t=i({className:e},A("loadingIcon")),r=u.loadingIcon||c.createElement(o.SpinnerIcon,a({},t,{spin:!0})),n=l.IconUtils.getJSXIcon(r,z({},t),{props:u});if(!u.loaderDisabled&&u.showLoader&&U){var s=l.classNames("p-virtualscroller-loader",{"p-component-overlay":!u.loadingTemplate}),f=n;u.loadingTemplate?f=C.map((function(e,t){return je(t,h&&{numCols:E.cols})})):u.loaderIconTemplate&&(f=l.ObjectUtils.getJSXElement(u.loaderIconTemplate,{iconClassName:e,element:f,props:u}));var m=i({className:s},A("loader"));return c.createElement("div",m,f)}return null}(),Pe=function(){var e=Ie().map(xe),t=l.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":U}),r=i({ref:_,style:Z.current,className:t},A("content")),n=c.createElement("div",r,e);if(u.contentTemplate){var o={style:Z.current,className:t,spacerStyle:$.current,contentRef:function(e){return _.current=l.ObjectUtils.getRefElement(e)},spacerRef:function(e){return k.current=l.ObjectUtils.getRefElement(e)},stickyRef:function(e){return J.current=l.ObjectUtils.getRefElement(e)},items:Ie(),getItemOptions:function(e){return ze(e)},children:e,element:n,props:u,loading:U,getLoaderOptions:function(e,t){return Oe(e,t)},loadingTemplate:u.loadingTemplate,itemSize:u.itemSize,rows:U?u.loaderDisabled?C:[]:Ie(),columns:u.columns&&h||d?U&&u.loaderDisabled?h?C[0]:C:u.columns.slice(h?v.cols:v,h?O.cols:O):u.columns,vertical:m,horizontal:d,both:h};return l.ObjectUtils.getJSXElement(u.contentTemplate,o)}return n}(),De=function(){if(u.showSpacer){var e=i({ref:k,style:$.current,className:"p-virtualscroller-spacer"},A("spacer"));return c.createElement("div",e)}return null}(),Le=i({ref:V,className:Ee,tabIndex:u.tabIndex,style:u.style,onScroll:function(e){return be(e)}},b.getOtherProps(u),A("root"));return c.createElement("div",Le,Pe,De,He)})));return O.displayName="VirtualScroller",e.VirtualScroller=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.spinner,primereact.utils,primereact.componentbase);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n,o,l,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return d(e)||h(e,t)||v(e,t)||y()}var b=i.ComponentBase.extend({defaultProps:{__TYPE:"VirtualScroller",__parentMetadata:null,id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,children:void 0},css:{styles:"\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n position: static;\n}\n"}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=c.memo(c.forwardRef((function(e,t){var i=n.useMergeProps(),s=c.useContext(r.PrimeReactContext),u=b.getProps(e,s),f=n.usePrevious(e)||{},m="vertical"===u.orientation,d="horizontal"===u.orientation,h="both"===u.orientation,g=w(c.useState(h?{rows:0,cols:0}:0),2),v=g[0],y=g[1],S=w(c.useState(h?{rows:0,cols:0}:0),2),O=S[0],I=S[1],T=w(c.useState(0),2),j=T[0],x=T[1],R=w(c.useState(h?{rows:0,cols:0}:0),2),E=R[0],H=R[1],P=w(c.useState(u.numToleratedItems),2),D=P[0],L=P[1],M=w(c.useState(u.loading||!1),2),U=M[0],N=M[1],W=w(c.useState([]),2),C=W[0],F=W[1],A=b.setMetaData({props:u,state:{first:v,last:O,page:j,numItemsInViewport:E,numToleratedItems:D,loading:U,loaderArr:C}}).ptm;n.useStyle(b.css.styles,{name:"virtualscroller"});var V=c.useRef(null),_=c.useRef(null),k=c.useRef(null),J=c.useRef(null),X=c.useRef(h?{top:0,left:0}:0),B=c.useRef(null),Y=c.useRef(null),Z=c.useRef({}),$=c.useRef({}),q=c.useRef(null),G=c.useRef(null),K=c.useRef(null),Q=c.useRef(null),ee=c.useRef(!1),te=c.useRef(null),re=w(n.useResizeListener({listener:function(e){return Se()},when:!u.disabled}),1)[0],ne=w(n.useEventListener({target:"window",type:"orientationchange",listener:function(e){return Se()},when:!u.disabled}),1)[0],oe=function(){return V},le=function(e){return Math.floor((e+4*D)/(u.step||1))},ie=function(e){return!u.step||j!==le(e)},se=function(e){X.current=h?{top:0,left:0}:0,V.current&&V.current.scrollTo(e)},ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=fe().numToleratedItems,n=de(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return se({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=h?{rows:0,cols:0}:0,c=!1;h?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,u.itemSize[1],n.left),l(s.rows,u.itemSize[0],n.top)),c=v.rows!==s.rows||v.cols!==s.cols):(s=o(e,r),d?i(l(s,u.itemSize,n.left),0):i(0,l(s,u.itemSize,n.top)),c=v!==s),ee.current=c,y(s)},ae=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ue(),o=n.first,l=n.viewport,i=function(){return se({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(h)l.first.rows-o.rows>e[0]?i(l.first.cols*u.itemSize[1],(l.first.rows-1)*u.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*u.itemSize;d?i(c,0):i(0,c)}}else if(s)if(h)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*u.itemSize[1],(l.first.rows+1)*u.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*u.itemSize[1],l.first.rows*u.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*u.itemSize;d?i(a,0):i(0,a)}}else ce(e,r)},ue=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=v,r=0;if(V.current){var n=V.current,o=n.scrollTop,l=n.scrollLeft;if(h)r={rows:(t={rows:e(o,u.itemSize[0]),cols:e(l,u.itemSize[1])}).rows+E.rows,cols:t.cols+E.cols};else r=(t=e(d?l:o,u.itemSize))+E}return{first:v,last:O,viewport:{first:t,last:r}}},fe=function(){var e=de(),t=V.current?V.current.offsetWidth-e.left:0,r=V.current?V.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=h?{rows:n(r,u.itemSize[0]),cols:n(t,u.itemSize[1])}:n(d?t:r,u.itemSize);return{numItemsInViewport:l,numToleratedItems:D||(h?[o(l.rows),o(l.cols)]:o(l))}},me=function(e){u.autoSize&&!e&&Promise.resolve().then((function(){if(_.current){_.current.style.minHeight=_.current.style.minWidth="auto",_.current.style.position="relative",V.current.style.contain="none";var e=[l.DomHandler.getWidth(V.current),l.DomHandler.getHeight(V.current)],t=e[0],r=e[1];(h||d)&&(V.current.style.width=(t<q.current?t:u.scrollWidth||q.current)+"px"),(h||m)&&(V.current.style.height=(r<G.current?r:u.scrollHeight||G.current)+"px"),_.current.style.minHeight=_.current.style.minWidth="",_.current.style.position="",V.current.style.contain=""}}))},pe=function(){var e;return u.items?Math.min((arguments.length>1?arguments[1]:void 0)?(null===(e=u.columns||u.items[0])||void 0===e?void 0:e.length)||0:(u.items||[]).length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},de=function(){if(_.current){var e=getComputedStyle(_.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},he=function(){if(V.current){var e=V.current.parentElement,t=u.scrollWidth||"".concat(V.current.offsetWidth||e.offsetWidth,"px"),r=u.scrollHeight||"".concat(V.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return V.current.style[e]=t};h||d?(n("height",r),n("width",t)):n("height",r)}},ge=function(){var e=u.items;if(e){var t=de(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return $.current=z(z({},$.current),p({},"".concat(e),(t||[]).length*r+n+"px"))};h?(r("height",e,u.itemSize[0],t.y),r("width",u.columns||e[1],u.itemSize[1],t.x)):d?r("width",u.columns||e,u.itemSize,t.x):r("height",e,u.itemSize,t.y)}},ve=function(e){if(_.current&&!u.appendOnly){var t=e?e.first:v,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;J.current&&(J.current.style.top="-".concat(t,"px")),Z.current=z(z({},Z.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(h)n(r(t.cols,u.itemSize[1]),r(t.rows,u.itemSize[0]));else{var o=r(t,u.itemSize);d?n(o,0):n(0,o)}}},ye=function(e){var t=e.target,r=de(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),pe(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),f=h?{rows:0,cols:0}:0,m=O,p=!1,g=X.current;if(h){var y=X.current.top<=c,w=X.current.left<=a;if(!u.appendOnly||u.appendOnly&&(y||w)){var b={rows:o(c,u.itemSize[0]),cols:o(a,u.itemSize[1])},S={rows:l(b.rows,v.rows,O.rows,E.rows,D[0],y),cols:l(b.cols,v.cols,O.cols,E.cols,D[1],w)};f={rows:i(b.rows,S.rows,v.rows,0,0,D[0],y),cols:i(b.cols,S.cols,v.cols,0,0,D[1],w)},m={rows:s(b.rows,f.rows,0,E.rows,D[0]),cols:s(b.cols,f.cols,0,E.cols,D[1],!0)},p=f.rows!==v.rows||m.rows!==O.rows||f.cols!==v.cols||m.cols!==O.cols||ee.current,g={top:c,left:a}}}else{var z=d?a:c,I=X.current<=z;if(!u.appendOnly||u.appendOnly&&I){var T=o(z,u.itemSize);m=s(T,f=i(T,l(T,v,O,E,D,I),v,0,0,D,I),0,E,D),p=f!==v||m!==O||ee.current,g=z}}return{first:f,last:m,isRangeChanged:p,scrollPos:g}},we=function(e){var t=ye(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(ve(l),y(r),I(n),X.current=o,u.onScrollIndexChange&&u.onScrollIndexChange(l),u.lazy&&ie(r)){var i={first:u.step?Math.min(le(r)*u.step,(u.items||[]).length-u.step):r,last:Math.min(u.step?(le(r)+1)*u.step:n,(u.items||[]).length)};(!te.current||te.current.first!==i.first||te.current.last!==i.last)&&u.onLazyLoad&&u.onLazyLoad(i),te.current=i}}},be=function(e){if(u.onScroll&&u.onScroll(e),u.delay){if(B.current&&clearTimeout(B.current),ie(v)){if(!U&&u.showLoader)(ye(e).isRangeChanged||!!u.step&&ie(v))&&N(!0);B.current=setTimeout((function(){we(e),!U||!u.showLoader||u.lazy&&void 0!==u.loading||(N(!1),x(le(v)))}),u.delay)}}else we(e)},Se=function(){Y.current&&clearTimeout(Y.current),Y.current=setTimeout((function(){if(V.current){var e=[l.DomHandler.getWidth(V.current),l.DomHandler.getHeight(V.current)],t=e[0],r=e[1],n=t!==q.current,o=r!==G.current;(h?n||o:d?n:!!m&&o)&&(L(u.numToleratedItems),q.current=t,G.current=r,K.current=l.DomHandler.getWidth(_.current),Q.current=l.DomHandler.getHeight(_.current))}}),u.resizeDelay)},ze=function(e){var t=(u.items||[]).length,r=h?v.rows+e:v+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:u}},Oe=function(e,t){var r=C.length||0;return z({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:u},t)},Ie=function(){var e=u.items;return e&&!U?h?e.slice(u.appendOnly?0:v.rows,O.rows).map((function(e){return u.columns?e:e.slice(u.appendOnly?0:v.cols,O.cols)})):d&&u.columns?e:e.slice(u.appendOnly?0:v,O):[]},Te=function(){var e,t,r,n,o;u.disabled||(he(),e=fe(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return pe(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=h?{rows:n(v.rows,t.rows,r[0]),cols:n(v.cols,t.cols,r[1],!0)}:n(v,t,r),H(t),L(r),I(o),u.showLoader&&F(h?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),u.lazy&&Promise.resolve().then((function(){te.current={first:u.step?h?{rows:0,cols:v.cols}:0:v,last:Math.min(u.step?u.step:o,(u.items||[]).length)},u.onLazyLoad&&u.onLazyLoad(te.current)})),ge())};n.useMountEffect((function(){V.current&&l.DomHandler.isVisible(V.current)&&(_.current=_.current||_.current||l.DomHandler.findSingle(V.current,".p-virtualscroller-content"),Te(),re(),ne(),q.current=l.DomHandler.getWidth(V.current),G.current=l.DomHandler.getHeight(V.current),K.current=l.DomHandler.getWidth(_.current),Q.current=l.DomHandler.getHeight(_.current))})),n.useUpdateEffect((function(){Te()}),[u.itemSize,u.scrollHeight,u.scrollWidth]),n.useUpdateEffect((function(){u.numToleratedItems!==D&&L(u.numToleratedItems)}),[u.numToleratedItems]),n.useUpdateEffect((function(){u.numToleratedItems===D&&Te()}),[D]),n.useUpdateEffect((function(){f.items&&f.items.length===(u.items||[]).length||Te();var e=U;u.lazy&&f.loading!==u.loading&&u.loading!==U&&(N(u.loading),e=u.loading),me(e)})),n.useUpdateEffect((function(){X.current=h?{top:0,left:0}:0}),[u.orientation]),c.useImperativeHandle(t,(function(){return{props:u,getElementRef:oe,scrollTo:se,scrollToIndex:ce,scrollInView:ae,getRenderedRange:ue}}));var je=function(e){var t=Oe(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),r=l.ObjectUtils.getJSXElement(u.loadingTemplate,t);return c.createElement(c.Fragment,{key:e},r)},xe=function(e,t){var r=ze(t),n=l.ObjectUtils.getJSXElement(u.itemTemplate,e,r);return c.createElement(c.Fragment,{key:r.index},n)};if(u.disabled){var Re=l.ObjectUtils.getJSXElement(u.contentTemplate,{items:u.items,rows:u.items,columns:u.columns});return c.createElement(c.Fragment,null,u.children,Re)}var Ee=l.classNames("p-virtualscroller",{"p-virtualscroller-inline":u.inline,"p-virtualscroller-both p-both-scroll":h,"p-virtualscroller-horizontal p-horizontal-scroll":d},u.className),He=function(){var e="p-virtualscroller-loading-icon",t=i({className:e},A("loadingIcon")),r=u.loadingIcon||c.createElement(o.SpinnerIcon,a({},t,{spin:!0})),n=l.IconUtils.getJSXIcon(r,z({},t),{props:u});if(!u.loaderDisabled&&u.showLoader&&U){var s=l.classNames("p-virtualscroller-loader",{"p-component-overlay":!u.loadingTemplate}),f=n;if(u.loadingTemplate)f=C.map((function(e,t){return je(t,h&&{numCols:E.cols})}));else if(u.loaderIconTemplate){f=l.ObjectUtils.getJSXElement(u.loaderIconTemplate,{iconClassName:e,element:f,props:u})}var m=i({className:s},A("loader"));return c.createElement("div",m,f)}return null}(),Pe=function(){var e=Ie().map(xe),t=l.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":U}),r=i({ref:_,style:Z.current,className:t},A("content")),n=c.createElement("div",r,e);if(u.contentTemplate){var o={style:Z.current,className:t,spacerStyle:$.current,contentRef:function(e){return _.current=l.ObjectUtils.getRefElement(e)},spacerRef:function(e){return k.current=l.ObjectUtils.getRefElement(e)},stickyRef:function(e){return J.current=l.ObjectUtils.getRefElement(e)},items:Ie(),getItemOptions:function(e){return ze(e)},children:e,element:n,props:u,loading:U,getLoaderOptions:function(e,t){return Oe(e,t)},loadingTemplate:u.loadingTemplate,itemSize:u.itemSize,rows:U?u.loaderDisabled?C:[]:Ie(),columns:u.columns&&h||d?U&&u.loaderDisabled?h?C[0]:C:u.columns.slice(h?v.cols:v,h?O.cols:O):u.columns,vertical:m,horizontal:d,both:h};return l.ObjectUtils.getJSXElement(u.contentTemplate,o)}return n}(),De=function(){if(u.showSpacer){var e=i({ref:k,style:$.current,className:"p-virtualscroller-spacer"},A("spacer"));return c.createElement("div",e)}return null}(),Le=i({ref:V,className:Ee,tabIndex:u.tabIndex,style:u.style,onScroll:function(e){return be(e)}},b.getOtherProps(u),A("root"));return c.createElement("div",Le,Pe,De,He)})));return O.displayName="VirtualScroller",e.VirtualScroller=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.spinner,primereact.utils,primereact.componentbase);
|