primereact 10.5.1 → 10.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +94 -92
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +229 -11
- package/api/api.esm.js +94 -92
- package/api/api.esm.min.js +1 -1
- package/api/api.js +94 -92
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +89 -45
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +89 -45
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +89 -45
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +13 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +13 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -13
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -11
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +9 -0
- package/calendar/calendar.esm.js +30 -11
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -11
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +17 -15
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +4 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +17 -15
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +28 -14
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +28 -14
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +28 -14
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +70 -153
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +10 -34
- package/checkbox/checkbox.esm.js +70 -153
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +70 -153
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +23 -9
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -1
- package/chips/chips.esm.js +23 -9
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +23 -9
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +3 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +3 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +4 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +5 -7
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +4 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +1 -0
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +1 -0
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +1 -0
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +5 -5
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +5 -5
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -5
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +639 -603
- package/core/core.min.js +13 -13
- package/datatable/datatable.cjs.js +128 -110
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -1
- package/datatable/datatable.esm.js +128 -110
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +128 -110
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +16 -13
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +17 -15
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +98 -29
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +41 -0
- package/dropdown/dropdown.esm.js +98 -29
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +98 -31
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +125 -54
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +125 -54
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +125 -54
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +22 -19
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +23 -20
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +115 -72
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +116 -73
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +115 -72
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +11 -9
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +11 -9
- package/image/image.esm.min.js +1 -1
- package/image/image.js +11 -9
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +20 -36
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/inputnumber/inputnumber.esm.js +20 -36
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +20 -36
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +18 -93
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +9 -20
- package/inputswitch/inputswitch.esm.js +18 -93
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +18 -93
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +5 -3
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +5 -3
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +5 -3
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +3 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +3 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +14 -10
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +15 -0
- package/listbox/listbox.esm.js +15 -11
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +14 -10
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +3 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +3 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +3 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +1 -1
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +1 -1
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +1 -1
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +1 -1
- package/message/message.esm.js +2 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +237 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.d.ts +183 -0
- package/metergroup/metergroup.esm.js +233 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +236 -0
- package/metergroup/metergroup.min.js +1 -0
- package/multiselect/multiselect.cjs.js +94 -123
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +25 -1
- package/multiselect/multiselect.esm.js +94 -123
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +94 -123
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +1 -1
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +35 -11
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +5 -0
- package/orderlist/orderlist.esm.js +35 -11
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +35 -11
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +3 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +125 -108
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +88 -0
- package/paginator/paginator.esm.js +125 -108
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +125 -108
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -5
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -5
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -5
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.d.ts +12 -0
- package/passthrough/tailwind/index.cjs.js +268 -172
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +268 -172
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +268 -172
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +70 -39
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +72 -41
- package/password/password.esm.min.js +1 -1
- package/password/password.js +70 -39
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +126 -101
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -0
- package/picklist/picklist.esm.js +126 -101
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +126 -101
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1774 -1431
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1775 -1431
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1774 -1431
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +67 -142
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +17 -35
- package/radiobutton/radiobutton.esm.js +68 -143
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +67 -142
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +344 -67
- package/resources/themes/arya-green/theme.css +344 -67
- package/resources/themes/arya-orange/theme.css +344 -67
- package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
- package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
- package/resources/themes/fluent-light/theme.css +341 -64
- package/resources/themes/lara-dark-amber/theme.css +470 -67
- package/resources/themes/lara-dark-blue/theme.css +470 -67
- package/resources/themes/lara-dark-cyan/theme.css +470 -67
- package/resources/themes/lara-dark-green/theme.css +470 -67
- package/resources/themes/lara-dark-indigo/theme.css +470 -67
- package/resources/themes/lara-dark-pink/theme.css +470 -67
- package/resources/themes/lara-dark-teal/theme.css +470 -67
- package/resources/themes/lara-light-amber/theme.css +470 -67
- package/resources/themes/lara-light-blue/theme.css +470 -67
- package/resources/themes/lara-light-cyan/theme.css +470 -67
- package/resources/themes/lara-light-green/theme.css +470 -67
- package/resources/themes/lara-light-indigo/theme.css +470 -67
- package/resources/themes/lara-light-pink/theme.css +470 -67
- package/resources/themes/lara-light-teal/theme.css +470 -67
- package/resources/themes/luna-amber/theme.css +344 -67
- package/resources/themes/luna-blue/theme.css +344 -67
- package/resources/themes/luna-green/theme.css +344 -67
- package/resources/themes/luna-pink/theme.css +344 -67
- package/resources/themes/md-dark-deeppurple/theme.css +995 -289
- package/resources/themes/md-dark-indigo/theme.css +684 -232
- package/resources/themes/md-light-deeppurple/theme.css +868 -162
- package/resources/themes/md-light-indigo/theme.css +566 -101
- package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
- package/resources/themes/mdc-dark-indigo/theme.css +697 -232
- package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
- package/resources/themes/mdc-light-indigo/theme.css +566 -101
- package/resources/themes/mira/theme.css +344 -67
- package/resources/themes/nano/theme.css +344 -67
- package/resources/themes/nova/theme.css +344 -67
- package/resources/themes/nova-accent/theme.css +344 -67
- package/resources/themes/nova-alt/theme.css +344 -67
- package/resources/themes/rhea/theme.css +343 -66
- package/resources/themes/saga-blue/theme.css +344 -67
- package/resources/themes/saga-green/theme.css +344 -67
- package/resources/themes/saga-orange/theme.css +344 -67
- package/resources/themes/soho-dark/theme.css +413 -88
- package/resources/themes/soho-light/theme.css +392 -67
- package/resources/themes/tailwind-light/theme.css +344 -67
- package/resources/themes/vela-blue/theme.css +344 -67
- package/resources/themes/vela-green/theme.css +344 -67
- package/resources/themes/vela-orange/theme.css +344 -67
- package/resources/themes/viva-dark/theme.css +392 -67
- package/resources/themes/viva-light/theme.css +392 -67
- package/selectbutton/selectbutton.cjs.js +12 -4
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +5 -0
- package/selectbutton/selectbutton.esm.js +12 -4
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +13 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +4 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +4 -4
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -3
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +3 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +3 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +3 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +18 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +18 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +18 -2
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/splitter/splitter.cjs.js +7 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -5
- package/splitter/splitter.esm.js +7 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +7 -7
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +21 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +10 -0
- package/styleclass/styleclass.esm.js +21 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +22 -2
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/toast/toast.cjs.js +93 -92
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +93 -92
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +93 -92
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +54 -92
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +24 -0
- package/togglebutton/togglebutton.esm.js +53 -91
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +54 -92
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -3
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +20 -8
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +20 -8
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +20 -8
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +2 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +2 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +17 -14
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +17 -14
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +17 -14
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +33 -90
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
- package/tristatecheckbox/tristatecheckbox.esm.js +34 -91
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +33 -90
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +64 -72
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +11 -2
- package/utils/utils.esm.js +65 -72
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +64 -72
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +17 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +14 -12
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +17 -15
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +455 -39
package/image/image.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useUnmountEffect as u}from"primereact/hooks";import{IconBase as p}from"primereact/iconbase";import{EyeIcon as m}from"primereact/icons/eye";import{RefreshIcon as f}from"primereact/icons/refresh";import{SearchMinusIcon as d}from"primereact/icons/searchminus";import{SearchPlusIcon as g}from"primereact/icons/searchplus";import{TimesIcon as y}from"primereact/icons/times";import{UndoIcon as b}from"primereact/icons/undo";import{Portal as v}from"primereact/portal";import{classNames as w,DomHandler as h,ZIndexUtils as C,IconUtils as I,ObjectUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function S(e){return S="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},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function j(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function B(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function N(){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 R(e,t){return j(e)||z(e,t)||B(e,t)||N()}var L=e.memo(e.forwardRef((function(t,n){var o=p.getPTI(t);return e.createElement("svg",O({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));L.displayName="DownloadIcon";var M=r.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return w("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){var o,r,i;o=e,i=n[t],(r=x(r=t))in o?Object.defineProperty(o,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[r]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.memo(e.forwardRef((function(r,p){var S=l(),k=e.useContext(n),x=M.getProps(r,k),j=R(e.useState(!1),2),z=j[0],P=j[1],B=R(e.useState(!1),2),N=B[0],A=B[1],J=R(e.useState(0),2),V=J[0],X=J[1],T=R(e.useState(1),2),H=T[0],Z=T[1],U=e.useRef(null),_=e.useRef(null),F=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Y=H<=.5,$=H>=1.5,q=M.setMetaData({props:x,state:{maskVisible:z,previewVisible:N,rotate:V,scale:H}}),Q=q.ptm,W=q.cx,ee=q.sx,te=q.isUnstyled;c({callback:function(){x.closeOnEscape&&oe()},when:z,priority:[s.IMAGE,0]}),i(M.css.styles,te,{name:"image"});var ne=function(){x.preview&&(P(!0),h.blockBodyScroll(),setTimeout((function(){A(!0)}),25))},oe=function(){A(!1),h.unblockBodyScroll(),X(0),Z(1)},re=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||oe()},ie=function(e){if("Escape"===e.code)oe(),setTimeout((function(){h.focus(K.current)}),200),e.preventDefault()},ae=function(){h.saveAs({name:x.alt,src:x.src})},le=function(){X((function(e){return e+90}))},ce=function(){X((function(e){return e-90}))},se=function(){Z((function(e){return $?e:e+.1}))},ue=function(){Z((function(e){return Y?e:e-.1}))},pe=function(){C.set("modal",F.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.modal||t.zIndex.modal)},me=function(){x.onShow&&x.onShow()},fe=function(){h.addClass(F.current,"p-component-overlay-leave")},de=function(){x.onHide&&x.onHide()},ge=function(){C.clear(F.current),P(!1)};u((function(){F.current&&C.clear(F.current)}));e.useImperativeHandle(p,(function(){return{props:x,show:ne,hide:oe,getElement:function(){return U.current},getImage:function(){return _.current}}}));var ye,be,ve=x.src,we=x.alt,he=x.width,Ce=x.height,Ie=x.crossOrigin,Ee=x.referrerPolicy,Oe=x.useMap,Se=x.loading,ke=function(){var t=x.downloadable,n=x.alt,r=x.crossOrigin,i=x.referrerPolicy,l=x.useMap,c=x.loading,s=S(Q("downloadIcon")),u=S(Q("rotateRightIcon")),p=S(Q("rotateLeftIcon")),m=S(Q("zoomOutIcon")),v=S(Q("zoomInIcon")),h=S(Q("closeIcon")),C=I.getJSXIcon(x.downloadIcon||e.createElement(L,null),D({},s),{props:x}),E=I.getJSXIcon(x.rotateRightIcon||e.createElement(f,null),D({},u),{props:x}),k=I.getJSXIcon(x.rotateLeftIcon||e.createElement(b,null),D({},p),{props:x}),j=I.getJSXIcon(x.zoomOutIcon||e.createElement(d,null),D({},m),{props:x}),P=I.getJSXIcon(x.zoomInIcon||e.createElement(g,null),D({},v),{props:x}),B=I.getJSXIcon(x.closeIcon||e.createElement(y,null),D({},h),{props:x}),R=S({ref:F,role:"dialog",className:W("mask"),"aria-modal":z,onClick:re,onKeyDown:ie},Q("mask")),M=S({className:W("toolbar")},Q("toolbar")),A=S({className:W("downloadButton"),onPointerUp:ae,type:"button"},Q("downloadButton")),J=S({className:W("rotateRightButton"),onClick:le,type:"button","aria-label":o("aria")?o("aria").rotateRight:void 0,"data-pc-group-section":"action"},Q("rotateRightButton")),X=S({className:W("rotateLeftButton"),onClick:ce,type:"button","aria-label":o("aria")?o("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Q("rotateLeftButton")),T=S({className:w(W("zoomOutButton"),{"p-disabled":Y}),style:{pointerEvents:"auto"},onClick:ue,type:"button",disabled:Y,"aria-label":o("aria")?o("aria").zoomOut:void 0,"data-pc-group-section":"action"},Q("zoomOutButton")),Z=S({className:w(W("zoomInButton"),{"p-disabled":$}),style:{pointerEvents:"auto"},onClick:se,type:"button",disabled:$,"aria-label":o("aria")?o("aria").zoomIn:void 0,"data-pc-group-section":"action"},Q("zoomInButton")),U=S({className:W("closeButton"),type:"button",onClick:oe,"aria-label":o("aria")?o("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Q("closeButton")),_=S({src:x.zoomSrc||x.src,className:W("preview"),style:ee("preview",{rotateState:V,scaleState:H}),crossOrigin:r,referrerPolicy:i,useMap:l,loading:c},Q("preview")),K=S({ref:G},Q("previewContainer")),q=S({classNames:W("transition"),in:N,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:pe,onEntered:me,onExit:fe,onExiting:de,onExited:ge},Q("transition"));return e.createElement("div",R,e.createElement("div",M,t&&e.createElement("button",A,C),e.createElement("button",J,E),e.createElement("button",X,k),e.createElement("button",T,j),e.createElement("button",Z,P),e.createElement("button",U,B)),e.createElement(a,O({nodeRef:G},q),e.createElement("div",K,e.createElement("img",O({alt:n},_)))))}(),xe=S({className:W("icon")},Q("icon")),je=I.getJSXIcon(x.indicatorIcon||e.createElement(m,xe),D({},xe),{props:x}),ze=x.template?E.getJSXElement(x.template,x):je,Pe=(ye=o("aria")?o("aria").zoomImage:void 0,be=S({ref:K,className:W("button"),onClick:ne,type:"button","aria-label":ye},Q("button")),x.preview?e.createElement("button",be,ze):null),Be=S({ref:_,src:ve,className:x.imageClassName,width:he,height:Ce,crossOrigin:Ie,referrerPolicy:Ee,useMap:Oe,loading:Se,style:x.imageStyle,onError:x.onError},Q("image")),Ne=x.src&&e.createElement("img",O({},Be,{alt:we})),Re=S({ref:U,className:W("root")},M.getOtherProps(x),Q("root"));return e.createElement("span",Re,Ne,Pe,z&&e.createElement(v,{element:ke,appendTo:document.body}))})));J.displayName="Image";export{J as Image};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useUnmountEffect as u}from"primereact/hooks";import{IconBase as p}from"primereact/iconbase";import{EyeIcon as m}from"primereact/icons/eye";import{RefreshIcon as f}from"primereact/icons/refresh";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as d}from"primereact/icons/searchplus";import{TimesIcon as y}from"primereact/icons/times";import{UndoIcon as b}from"primereact/icons/undo";import{Portal as v}from"primereact/portal";import{classNames as w,DomHandler as h,ZIndexUtils as C,IconUtils as I,ObjectUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function S(e){return S="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},S(e)}function P(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=P(e,"string");return"symbol"===S(t)?t:String(t)}function x(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function B(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}function N(){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 R(e,t){return x(e)||j(e,t)||B(e,t)||N()}var L=e.memo(e.forwardRef((function(t,n){var o=p.getPTI(t);return e.createElement("svg",O({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));L.displayName="DownloadIcon";var M=r.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return w("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){var o,r,i;o=e,i=n[t],(r=k(r=t))in o?Object.defineProperty(o,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[r]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.memo(e.forwardRef((function(r,p){var S=l(),P=e.useContext(n),k=M.getProps(r,P),x=R(e.useState(!1),2),j=x[0],z=x[1],B=R(e.useState(!1),2),N=B[0],A=B[1],J=R(e.useState(0),2),V=J[0],X=J[1],T=R(e.useState(1),2),H=T[0],Z=T[1],U=e.useRef(null),_=e.useRef(null),F=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Y=H<=.5,$=H>=1.5,q=M.setMetaData({props:k,state:{maskVisible:j,previewVisible:N,rotate:V,scale:H}}),Q=q.ptm,W=q.cx,ee=q.sx,te=q.isUnstyled;c({callback:function(){oe()},when:k.closeOnEscape&&j,priority:[s.IMAGE,0]}),i(M.css.styles,te,{name:"image"});var ne=function(){k.preview&&(z(!0),h.blockBodyScroll(),setTimeout((function(){A(!0)}),25))},oe=function(){A(!1),h.unblockBodyScroll(),X(0),Z(1)},re=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||oe()},ie=function(e){if("Escape"===e.code)oe(),setTimeout((function(){h.focus(K.current)}),200),e.preventDefault()},ae=function(){h.saveAs({name:k.alt,src:k.src})},le=function(e){e.stopPropagation(),X((function(e){return e+90}))},ce=function(e){e.stopPropagation(),X((function(e){return e-90}))},se=function(e){e.stopPropagation(),Z((function(e){return $?e:e+.1}))},ue=function(e){e.stopPropagation(),Z((function(e){return Y?e:e-.1}))},pe=function(){C.set("modal",F.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.modal||t.zIndex.modal)},me=function(){k.onShow&&k.onShow()},fe=function(){!te()&&h.addClass(F.current,"p-component-overlay-leave")},ge=function(){k.onHide&&k.onHide()},de=function(){C.clear(F.current),z(!1)};u((function(){F.current&&C.clear(F.current)}));e.useImperativeHandle(p,(function(){return{props:k,show:ne,hide:oe,getElement:function(){return U.current},getImage:function(){return _.current}}}));var ye,be,ve=k.src,we=k.alt,he=k.width,Ce=k.height,Ie=k.crossOrigin,Ee=k.referrerPolicy,Oe=k.useMap,Se=k.loading,Pe=function(){var t=k.downloadable,n=k.alt,r=k.crossOrigin,i=k.referrerPolicy,l=k.useMap,c=k.loading,s=S(Q("downloadIcon")),u=S(Q("rotateRightIcon")),p=S(Q("rotateLeftIcon")),m=S(Q("zoomOutIcon")),v=S(Q("zoomInIcon")),h=S(Q("closeIcon")),C=I.getJSXIcon(k.downloadIcon||e.createElement(L,null),D({},s),{props:k}),E=I.getJSXIcon(k.rotateRightIcon||e.createElement(f,null),D({},u),{props:k}),P=I.getJSXIcon(k.rotateLeftIcon||e.createElement(b,null),D({},p),{props:k}),x=I.getJSXIcon(k.zoomOutIcon||e.createElement(g,null),D({},m),{props:k}),z=I.getJSXIcon(k.zoomInIcon||e.createElement(d,null),D({},v),{props:k}),B=I.getJSXIcon(k.closeIcon||e.createElement(y,null),D({},h),{props:k}),R=S({ref:F,role:"dialog",className:W("mask"),"aria-modal":j,onClick:re,onKeyDown:ie},Q("mask")),M=S({className:W("toolbar")},Q("toolbar")),A=S({className:W("downloadButton"),onPointerUp:ae,type:"button"},Q("downloadButton")),J=S({className:W("rotateRightButton"),onClick:le,type:"button","aria-label":o("aria")?o("aria").rotateRight:void 0,"data-pc-group-section":"action"},Q("rotateRightButton")),X=S({className:W("rotateLeftButton"),onClick:ce,type:"button","aria-label":o("aria")?o("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Q("rotateLeftButton")),T=S({className:w(W("zoomOutButton"),{"p-disabled":Y}),style:{pointerEvents:"auto"},onClick:ue,type:"button",disabled:Y,"aria-label":o("aria")?o("aria").zoomOut:void 0,"data-pc-group-section":"action"},Q("zoomOutButton")),Z=S({className:w(W("zoomInButton"),{"p-disabled":$}),style:{pointerEvents:"auto"},onClick:se,type:"button",disabled:$,"aria-label":o("aria")?o("aria").zoomIn:void 0,"data-pc-group-section":"action"},Q("zoomInButton")),U=S({className:W("closeButton"),type:"button",onClick:oe,"aria-label":o("aria")?o("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Q("closeButton")),_=S({src:k.zoomSrc||k.src,className:W("preview"),style:ee("preview",{rotateState:V,scaleState:H}),crossOrigin:r,referrerPolicy:i,useMap:l,loading:c},Q("preview")),K=S({ref:G},Q("previewContainer")),q=S({classNames:W("transition"),in:N,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:pe,onEntered:me,onExit:fe,onExiting:ge,onExited:de},Q("transition"));return e.createElement("div",R,e.createElement("div",M,t&&e.createElement("button",A,C),e.createElement("button",J,E),e.createElement("button",X,P),e.createElement("button",T,x),e.createElement("button",Z,z),e.createElement("button",U,B)),e.createElement(a,O({nodeRef:G},q),e.createElement("div",K,e.createElement("img",O({alt:n},_)))))}(),ke=S({className:W("icon")},Q("icon")),xe=I.getJSXIcon(k.indicatorIcon||e.createElement(m,ke),D({},ke),{props:k}),je=k.template?E.getJSXElement(k.template,k):xe,ze=(ye=o("aria")?o("aria").zoomImage:void 0,be=S({ref:K,className:W("button"),onClick:ne,type:"button","aria-label":ye},Q("button")),k.preview?e.createElement("button",be,je):null),Be=S({ref:_,src:ve,className:k.imageClassName,width:he,height:Ce,crossOrigin:Ie,referrerPolicy:Ee,useMap:Oe,loading:Se,style:k.imageStyle,onError:k.onError},Q("image")),Ne=k.src&&e.createElement("img",O({},Be,{alt:we})),Re=S({ref:U,className:W("root")},M.getOtherProps(k),Q("root"));return e.createElement("span",Re,Ne,ze,j&&e.createElement(v,{element:Pe,appendTo:document.body}))})));J.displayName="Image";export{J as Image};
|
package/image/image.js
CHANGED
|
@@ -267,11 +267,9 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
|
|
|
267
267
|
isUnstyled = _ImageBase$setMetaDat.isUnstyled;
|
|
268
268
|
hooks.useGlobalOnEscapeKey({
|
|
269
269
|
callback: function callback() {
|
|
270
|
-
|
|
271
|
-
hide();
|
|
272
|
-
}
|
|
270
|
+
hide();
|
|
273
271
|
},
|
|
274
|
-
when: maskVisibleState,
|
|
272
|
+
when: props.closeOnEscape && maskVisibleState,
|
|
275
273
|
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.IMAGE,
|
|
276
274
|
// Assume that there could be only one image mask activated, so it's safe
|
|
277
275
|
// to provide one and the same priority all the time:
|
|
@@ -321,23 +319,27 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
|
|
|
321
319
|
src: src
|
|
322
320
|
});
|
|
323
321
|
};
|
|
324
|
-
var rotateRight = function rotateRight() {
|
|
322
|
+
var rotateRight = function rotateRight(event) {
|
|
323
|
+
event.stopPropagation();
|
|
325
324
|
setRotateState(function (prevRotate) {
|
|
326
325
|
return prevRotate + 90;
|
|
327
326
|
});
|
|
328
327
|
};
|
|
329
|
-
var rotateLeft = function rotateLeft() {
|
|
328
|
+
var rotateLeft = function rotateLeft(event) {
|
|
329
|
+
event.stopPropagation();
|
|
330
330
|
setRotateState(function (prevRotate) {
|
|
331
331
|
return prevRotate - 90;
|
|
332
332
|
});
|
|
333
333
|
};
|
|
334
|
-
var zoomIn = function zoomIn() {
|
|
334
|
+
var zoomIn = function zoomIn(event) {
|
|
335
|
+
event.stopPropagation();
|
|
335
336
|
setScaleState(function (prevScale) {
|
|
336
337
|
if (zoomInDisabled) return prevScale;
|
|
337
338
|
return prevScale + 0.1;
|
|
338
339
|
});
|
|
339
340
|
};
|
|
340
|
-
var zoomOut = function zoomOut() {
|
|
341
|
+
var zoomOut = function zoomOut(event) {
|
|
342
|
+
event.stopPropagation();
|
|
341
343
|
setScaleState(function (prevScale) {
|
|
342
344
|
if (zoomOutDisabled) return prevScale;
|
|
343
345
|
return prevScale - 0.1;
|
|
@@ -350,7 +352,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
|
|
|
350
352
|
props.onShow && props.onShow();
|
|
351
353
|
};
|
|
352
354
|
var onExit = function onExit() {
|
|
353
|
-
utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
|
|
355
|
+
!isUnstyled() && utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
|
|
354
356
|
};
|
|
355
357
|
var onExiting = function onExiting() {
|
|
356
358
|
props.onHide && props.onHide();
|
package/image/image.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,o,r,a,i,l,c,s,u,p,m,f,d){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=g(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},w.apply(this,arguments)}function h(e){return h="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},h(e)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function j(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function P(){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 x(e,t){return C(e)||E(e,t)||j(e,t)||P()}var k=y.memo(y.forwardRef((function(e,t){var n=i.IconBase.getPTI(e);return y.createElement("svg",w({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),y.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));k.displayName="DownloadIcon";var N=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return d.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){var o,r,a;o=e,a=n[t],(r=O(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=y.memo(y.forwardRef((function(e,t){var i=a.useMergeProps(),g=y.useContext(n.PrimeReactContext),b=N.getProps(e,g),h=x(y.useState(!1),2),I=h[0],O=h[1],C=x(y.useState(!1),2),E=C[0],S=C[1],j=x(y.useState(0),2),P=j[0],z=j[1],R=x(y.useState(1),2),U=R[0],D=R[1],M=y.useRef(null),H=y.useRef(null),L=y.useRef(null),T=y.useRef(null),A=y.useRef(null),_=U<=.5,J=U>=1.5,V=N.setMetaData({props:b,state:{maskVisible:I,previewVisible:E,rotate:P,scale:U}}),X=V.ptm,Z=V.cx,G=V.sx,K=V.isUnstyled;a.useGlobalOnEscapeKey({callback:function(){b.closeOnEscape&&F()},when:I,priority:[a.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),o.useHandleStyle(N.css.styles,K,{name:"image"});var Y=function(){b.preview&&(O(!0),d.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},F=function(){S(!1),d.DomHandler.unblockBodyScroll(),z(0),D(1)},$=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||F()},q=function(e){if("Escape"===e.code)F(),setTimeout((function(){d.DomHandler.focus(A.current)}),200),e.preventDefault()},Q=function(){d.DomHandler.saveAs({name:b.alt,src:b.src})},W=function(){z((function(e){return e+90}))},ee=function(){z((function(e){return e-90}))},te=function(){D((function(e){return J?e:e+.1}))},ne=function(){D((function(e){return _?e:e-.1}))},oe=function(){d.ZIndexUtils.set("modal",L.current,g&&g.autoZIndex||v.default.autoZIndex,g&&g.zIndex.modal||v.default.zIndex.modal)},re=function(){b.onShow&&b.onShow()},ae=function(){d.DomHandler.addClass(L.current,"p-component-overlay-leave")},ie=function(){b.onHide&&b.onHide()},le=function(){d.ZIndexUtils.clear(L.current),O(!1)};a.useUnmountEffect((function(){L.current&&d.ZIndexUtils.clear(L.current)}));y.useImperativeHandle(t,(function(){return{props:b,show:Y,hide:F,getElement:function(){return M.current},getImage:function(){return H.current}}}));var ce,se,ue=b.src,pe=b.alt,me=b.width,fe=b.height,de=b.crossOrigin,ge=b.referrerPolicy,be=b.useMap,ye=b.loading,ve=function(){var e=b.downloadable,t=b.alt,o=b.crossOrigin,a=b.referrerPolicy,l=b.useMap,f=b.loading,g=i(X("downloadIcon")),v=i(X("rotateRightIcon")),h=i(X("rotateLeftIcon")),O=i(X("zoomOutIcon")),C=i(X("zoomInIcon")),S=i(X("closeIcon")),j=d.IconUtils.getJSXIcon(b.downloadIcon||y.createElement(k,null),B({},g),{props:b}),x=d.IconUtils.getJSXIcon(b.rotateRightIcon||y.createElement(c.RefreshIcon,null),B({},v),{props:b}),N=d.IconUtils.getJSXIcon(b.rotateLeftIcon||y.createElement(m.UndoIcon,null),B({},h),{props:b}),z=d.IconUtils.getJSXIcon(b.zoomOutIcon||y.createElement(s.SearchMinusIcon,null),B({},O),{props:b}),R=d.IconUtils.getJSXIcon(b.zoomInIcon||y.createElement(u.SearchPlusIcon,null),B({},C),{props:b}),D=d.IconUtils.getJSXIcon(b.closeIcon||y.createElement(p.TimesIcon,null),B({},S),{props:b}),M=i({ref:L,role:"dialog",className:Z("mask"),"aria-modal":I,onClick:$,onKeyDown:q},X("mask")),H=i({className:Z("toolbar")},X("toolbar")),A=i({className:Z("downloadButton"),onPointerUp:Q,type:"button"},X("downloadButton")),V=i({className:Z("rotateRightButton"),onClick:W,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},X("rotateRightButton")),K=i({className:Z("rotateLeftButton"),onClick:ee,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},X("rotateLeftButton")),Y=i({className:d.classNames(Z("zoomOutButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:_,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},X("zoomOutButton")),ce=i({className:d.classNames(Z("zoomInButton"),{"p-disabled":J}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:J,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},X("zoomInButton")),se=i({className:Z("closeButton"),type:"button",onClick:F,"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},X("closeButton")),ue=i({src:b.zoomSrc||b.src,className:Z("preview"),style:G("preview",{rotateState:P,scaleState:U}),crossOrigin:o,referrerPolicy:a,useMap:l,loading:f},X("preview")),pe=i({ref:T},X("previewContainer")),me=i({classNames:Z("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},X("transition"));return y.createElement("div",M,y.createElement("div",H,e&&y.createElement("button",A,j),y.createElement("button",V,x),y.createElement("button",K,N),y.createElement("button",Y,z),y.createElement("button",ce,R),y.createElement("button",se,D)),y.createElement(r.CSSTransition,w({nodeRef:T},me),y.createElement("div",pe,y.createElement("img",w({alt:t},ue)))))}(),we=i({className:Z("icon")},X("icon")),he=d.IconUtils.getJSXIcon(b.indicatorIcon||y.createElement(l.EyeIcon,we),B({},we),{props:b}),Ie=b.template?d.ObjectUtils.getJSXElement(b.template,b):he,Oe=(ce=n.localeOption("aria")?n.localeOption("aria").zoomImage:void 0,se=i({ref:A,className:Z("button"),onClick:Y,type:"button","aria-label":ce},X("button")),b.preview?y.createElement("button",se,Ie):null),Ce=i({ref:H,src:ue,className:b.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:b.imageStyle,onError:b.onError},X("image")),Ee=b.src&&y.createElement("img",w({},Ce,{alt:pe})),Se=i({ref:M,className:Z("root")},N.getOtherProps(b),X("root"));return y.createElement("span",Se,Ee,Oe,I&&y.createElement(f.Portal,{element:ve,appendTo:document.body}))})));return R.displayName="Image",e.Image=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,o,r,a,i,l,c,s,u,p,m,f,d){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=g(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},w.apply(this,arguments)}function h(e){return h="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},h(e)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function P(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function j(){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 x(e,t){return C(e)||E(e,t)||P(e,t)||j()}var k=y.memo(y.forwardRef((function(e,t){var n=i.IconBase.getPTI(e);return y.createElement("svg",w({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),y.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));k.displayName="DownloadIcon";var N=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return d.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){var o,r,a;o=e,a=n[t],(r=O(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=y.memo(y.forwardRef((function(e,t){var i=a.useMergeProps(),g=y.useContext(n.PrimeReactContext),b=N.getProps(e,g),h=x(y.useState(!1),2),I=h[0],O=h[1],C=x(y.useState(!1),2),E=C[0],S=C[1],P=x(y.useState(0),2),j=P[0],z=P[1],R=x(y.useState(1),2),U=R[0],D=R[1],M=y.useRef(null),H=y.useRef(null),L=y.useRef(null),T=y.useRef(null),A=y.useRef(null),_=U<=.5,J=U>=1.5,V=N.setMetaData({props:b,state:{maskVisible:I,previewVisible:E,rotate:j,scale:U}}),X=V.ptm,Z=V.cx,G=V.sx,K=V.isUnstyled;a.useGlobalOnEscapeKey({callback:function(){F()},when:b.closeOnEscape&&I,priority:[a.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),o.useHandleStyle(N.css.styles,K,{name:"image"});var Y=function(){b.preview&&(O(!0),d.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},F=function(){S(!1),d.DomHandler.unblockBodyScroll(),z(0),D(1)},$=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||F()},q=function(e){if("Escape"===e.code)F(),setTimeout((function(){d.DomHandler.focus(A.current)}),200),e.preventDefault()},Q=function(){d.DomHandler.saveAs({name:b.alt,src:b.src})},W=function(e){e.stopPropagation(),z((function(e){return e+90}))},ee=function(e){e.stopPropagation(),z((function(e){return e-90}))},te=function(e){e.stopPropagation(),D((function(e){return J?e:e+.1}))},ne=function(e){e.stopPropagation(),D((function(e){return _?e:e-.1}))},oe=function(){d.ZIndexUtils.set("modal",L.current,g&&g.autoZIndex||v.default.autoZIndex,g&&g.zIndex.modal||v.default.zIndex.modal)},re=function(){b.onShow&&b.onShow()},ae=function(){!K()&&d.DomHandler.addClass(L.current,"p-component-overlay-leave")},ie=function(){b.onHide&&b.onHide()},le=function(){d.ZIndexUtils.clear(L.current),O(!1)};a.useUnmountEffect((function(){L.current&&d.ZIndexUtils.clear(L.current)}));y.useImperativeHandle(t,(function(){return{props:b,show:Y,hide:F,getElement:function(){return M.current},getImage:function(){return H.current}}}));var ce,se,ue=b.src,pe=b.alt,me=b.width,fe=b.height,de=b.crossOrigin,ge=b.referrerPolicy,be=b.useMap,ye=b.loading,ve=function(){var e=b.downloadable,t=b.alt,o=b.crossOrigin,a=b.referrerPolicy,l=b.useMap,f=b.loading,g=i(X("downloadIcon")),v=i(X("rotateRightIcon")),h=i(X("rotateLeftIcon")),O=i(X("zoomOutIcon")),C=i(X("zoomInIcon")),S=i(X("closeIcon")),P=d.IconUtils.getJSXIcon(b.downloadIcon||y.createElement(k,null),B({},g),{props:b}),x=d.IconUtils.getJSXIcon(b.rotateRightIcon||y.createElement(c.RefreshIcon,null),B({},v),{props:b}),N=d.IconUtils.getJSXIcon(b.rotateLeftIcon||y.createElement(m.UndoIcon,null),B({},h),{props:b}),z=d.IconUtils.getJSXIcon(b.zoomOutIcon||y.createElement(s.SearchMinusIcon,null),B({},O),{props:b}),R=d.IconUtils.getJSXIcon(b.zoomInIcon||y.createElement(u.SearchPlusIcon,null),B({},C),{props:b}),D=d.IconUtils.getJSXIcon(b.closeIcon||y.createElement(p.TimesIcon,null),B({},S),{props:b}),M=i({ref:L,role:"dialog",className:Z("mask"),"aria-modal":I,onClick:$,onKeyDown:q},X("mask")),H=i({className:Z("toolbar")},X("toolbar")),A=i({className:Z("downloadButton"),onPointerUp:Q,type:"button"},X("downloadButton")),V=i({className:Z("rotateRightButton"),onClick:W,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},X("rotateRightButton")),K=i({className:Z("rotateLeftButton"),onClick:ee,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},X("rotateLeftButton")),Y=i({className:d.classNames(Z("zoomOutButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:_,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},X("zoomOutButton")),ce=i({className:d.classNames(Z("zoomInButton"),{"p-disabled":J}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:J,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},X("zoomInButton")),se=i({className:Z("closeButton"),type:"button",onClick:F,"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},X("closeButton")),ue=i({src:b.zoomSrc||b.src,className:Z("preview"),style:G("preview",{rotateState:j,scaleState:U}),crossOrigin:o,referrerPolicy:a,useMap:l,loading:f},X("preview")),pe=i({ref:T},X("previewContainer")),me=i({classNames:Z("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},X("transition"));return y.createElement("div",M,y.createElement("div",H,e&&y.createElement("button",A,P),y.createElement("button",V,x),y.createElement("button",K,N),y.createElement("button",Y,z),y.createElement("button",ce,R),y.createElement("button",se,D)),y.createElement(r.CSSTransition,w({nodeRef:T},me),y.createElement("div",pe,y.createElement("img",w({alt:t},ue)))))}(),we=i({className:Z("icon")},X("icon")),he=d.IconUtils.getJSXIcon(b.indicatorIcon||y.createElement(l.EyeIcon,we),B({},we),{props:b}),Ie=b.template?d.ObjectUtils.getJSXElement(b.template,b):he,Oe=(ce=n.localeOption("aria")?n.localeOption("aria").zoomImage:void 0,se=i({ref:A,className:Z("button"),onClick:Y,type:"button","aria-label":ce},X("button")),b.preview?y.createElement("button",se,Ie):null),Ce=i({ref:H,src:ue,className:b.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:b.imageStyle,onError:b.onError},X("image")),Ee=b.src&&y.createElement("img",w({},Ce,{alt:pe})),Se=i({ref:M,className:Z("root")},N.getOtherProps(b),X("root"));return y.createElement("span",Se,Ee,Oe,I&&y.createElement(f.Portal,{element:ve,appendTo:document.body}))})));return R.displayName="Image",e.Image=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal,primereact.utils);
|
|
@@ -176,7 +176,8 @@ var classes = {
|
|
|
176
176
|
'p-inputwrapper-focus': focusedState,
|
|
177
177
|
'p-inputnumber-buttons-stacked': stacked,
|
|
178
178
|
'p-inputnumber-buttons-horizontal': horizontal,
|
|
179
|
-
'p-inputnumber-buttons-vertical': vertical
|
|
179
|
+
'p-inputnumber-buttons-vertical': vertical,
|
|
180
|
+
'p-invalid': props.invalid
|
|
180
181
|
});
|
|
181
182
|
},
|
|
182
183
|
buttonGroup: 'p-inputnumber-button-group',
|
|
@@ -219,6 +220,7 @@ var InputNumberBase = componentbase.ComponentBase.extend({
|
|
|
219
220
|
inputMode: null,
|
|
220
221
|
inputRef: null,
|
|
221
222
|
inputStyle: null,
|
|
223
|
+
invalid: false,
|
|
222
224
|
locale: undefined,
|
|
223
225
|
localeMatcher: undefined,
|
|
224
226
|
max: null,
|
|
@@ -536,6 +538,10 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
536
538
|
if (props.disabled || props.readOnly) {
|
|
537
539
|
return;
|
|
538
540
|
}
|
|
541
|
+
if (event.shiftKey || event.altKey) {
|
|
542
|
+
isSpecialChar.current = true;
|
|
543
|
+
return;
|
|
544
|
+
}
|
|
539
545
|
if (props.onKeyDown) {
|
|
540
546
|
props.onKeyDown(event);
|
|
541
547
|
|
|
@@ -545,17 +551,10 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
545
551
|
}
|
|
546
552
|
}
|
|
547
553
|
lastValue.current = event.target.value;
|
|
548
|
-
if (event.shiftKey || event.altKey) {
|
|
549
|
-
isSpecialChar.current = true;
|
|
550
|
-
return;
|
|
551
|
-
}
|
|
552
554
|
var selectionStart = event.target.selectionStart;
|
|
553
555
|
var selectionEnd = event.target.selectionEnd;
|
|
554
556
|
var inputValue = event.target.value;
|
|
555
557
|
var newValueStr = null;
|
|
556
|
-
if (event.altKey) {
|
|
557
|
-
event.preventDefault();
|
|
558
|
-
}
|
|
559
558
|
switch (event.code) {
|
|
560
559
|
//up
|
|
561
560
|
case 'ArrowUp':
|
|
@@ -585,6 +584,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
585
584
|
|
|
586
585
|
//enter and tab
|
|
587
586
|
case 'Tab':
|
|
587
|
+
case 'NumpadEnter':
|
|
588
588
|
case 'Enter':
|
|
589
589
|
newValueStr = validateValue(parseValue(inputValue));
|
|
590
590
|
inputRef.current.value = formatValue(newValueStr);
|
|
@@ -684,33 +684,18 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
684
684
|
updateModel(event, props.min);
|
|
685
685
|
}
|
|
686
686
|
break;
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
}
|
|
700
|
-
}
|
|
701
|
-
var code = event.which || event.keyCode;
|
|
702
|
-
if (code !== 13) {
|
|
703
|
-
// to submit a form
|
|
704
|
-
event.preventDefault();
|
|
705
|
-
}
|
|
706
|
-
var _char = String.fromCharCode(code);
|
|
707
|
-
var _isDecimalSign = isDecimalSign(_char);
|
|
708
|
-
var _isMinusSign = isMinusSign(_char);
|
|
709
|
-
if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
|
|
710
|
-
insert(event, _char, {
|
|
711
|
-
isDecimalSign: _isDecimalSign,
|
|
712
|
-
isMinusSign: _isMinusSign
|
|
713
|
-
});
|
|
687
|
+
default:
|
|
688
|
+
event.preventDefault();
|
|
689
|
+
var _char = event.key;
|
|
690
|
+
var _isDecimalSign = isDecimalSign(_char);
|
|
691
|
+
var _isMinusSign = isMinusSign(_char);
|
|
692
|
+
if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char) >= 0 && Number(_char) <= 9 || _isMinusSign || _isDecimalSign) {
|
|
693
|
+
insert(event, _char, {
|
|
694
|
+
isDecimalSign: _isDecimalSign,
|
|
695
|
+
isMinusSign: _isMinusSign
|
|
696
|
+
});
|
|
697
|
+
}
|
|
698
|
+
break;
|
|
714
699
|
}
|
|
715
700
|
};
|
|
716
701
|
var onPaste = function onPaste(event) {
|
|
@@ -1206,7 +1191,6 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1206
1191
|
name: props.name,
|
|
1207
1192
|
autoFocus: props.autoFocus,
|
|
1208
1193
|
onKeyDown: onInputKeyDown,
|
|
1209
|
-
onKeyPress: onInputKeyUp,
|
|
1210
1194
|
onInput: onInput,
|
|
1211
1195
|
onClick: onInputClick,
|
|
1212
1196
|
onPointerDown: onInputPointerDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),u=require("primereact/icons/angledown"),i=require("primereact/icons/angleup"),a=require("primereact/inputtext"),l=require("primereact/ripple"),o=require("primereact/tooltip"),c=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),f=s(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return g(e)||v(e)||y(e)||h()}function I(e){return I="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},I(e)}function w(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=w(e,"string");return"symbol"===I(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,u,i,a,l=[],o=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);o=!0);}catch(e){c=!0,u=e}finally{try{if(!o&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw u}}return l}}function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=t.ComponentBase.extend({defaultProps:{__TYPE:"InputNumber",__parentMetadata:null,allowEmpty:!0,ariaLabelledBy:null,autoFocus:!1,buttonLayout:"stacked",className:null,currency:void 0,currencyDisplay:void 0,decrementButtonClassName:null,decrementButtonIcon:null,disabled:!1,format:!0,id:null,incrementButtonClassName:null,incrementButtonIcon:null,inputClassName:null,inputId:null,inputMode:null,inputRef:null,inputStyle:null,locale:void 0,localeMatcher:void 0,max:null,maxFractionDigits:void 0,maxLength:null,min:null,minFractionDigits:void 0,mode:"decimal",name:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onKeyUp:null,onValueChange:null,pattern:null,placeholder:null,prefix:null,readOnly:!1,required:!1,roundingMode:void 0,showButtons:!1,size:null,step:1,style:null,suffix:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",useGrouping:!0,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.focusedState,r=e.stacked,u=e.horizontal,i=e.vertical;return c.classNames("p-inputnumber p-component p-inputwrapper",{"p-inputwrapper-filled":null!=n.value&&n.value.toString().length>0,"p-inputwrapper-focus":t,"p-inputnumber-buttons-stacked":r,"p-inputnumber-buttons-horizontal":u,"p-inputnumber-buttons-vertical":i})},buttonGroup:"p-inputnumber-button-group",incrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},incrementIcon:"p-button-icon",decrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},decrementIcon:"p-button-icon"},styles:"\n@layer primereact {\n .p-inputnumber {\n display: inline-flex;\n }\n \n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-vertical {\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n \n .p-fluid .p-inputnumber {\n width: 100%;\n }\n \n .p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n }\n \n .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,u,i;r=e,i=t[n],(u=D(u=n))in r?Object.defineProperty(r,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,s){var p,b,g=r.useMergeProps(),v=d.useContext(n.PrimeReactContext),h=E.getProps(e,v),I=d.useState(!1),w=(b=2,O(p=I)||S(p,b)||y(p,b)||R()),D=w[0],j=w[1],P=N(N({props:h},h.__parentMetadata),{},{state:{focused:D}}),C=E.setMetaData(P),F=C.ptm,k=C.cx;t.useHandleStyle(E.css.styles,C.isUnstyled,{name:"inputnumber"});var A=d.useRef(null),B=d.useRef(null),M=d.useRef(null),U=d.useRef(null),K=d.useRef(null),L=d.useRef(null),_=d.useRef(null),q=d.useRef(null),z=d.useRef(null),G=d.useRef(null),T=d.useRef(null),H=d.useRef(null),$=d.useRef(null),V=d.useRef(null),W=d.useRef(null),J=d.useRef(null),X=d.useRef(null),Y=d.useRef(null),Q=d.useRef(!1),Z=h.locale||v&&v.locale||f.default.locale,ee=h.showButtons&&"stacked"===h.buttonLayout,ne=h.showButtons&&"horizontal"===h.buttonLayout,te=h.showButtons&&"vertical"===h.buttonLayout,re=h.inputMode||("decimal"!==h.mode||h.minFractionDigits?"decimal":"numeric"),ue=function(){return{localeMatcher:h.localeMatcher,style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,useGrouping:h.useGrouping,minimumFractionDigits:h.minFractionDigits,maximumFractionDigits:h.maxFractionDigits,roundingMode:h.roundingMode}},ie=function(){K.current=new Intl.NumberFormat(Z,ue());var e=x(new Intl.NumberFormat(Z,{useGrouping:!1}).format(9876543210)).reverse(),n=new Map(e.map((function(e,n){return[e,n]})));G.current=new RegExp("[".concat(e.join(""),"]"),"g"),T.current=ce(),H.current=se(),$.current=pe(),V.current=oe(),W.current=le(),J.current=fe(),X.current=de(),Y.current=function(e){return n.get(e)}},ae=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},le=function(){return new Intl.NumberFormat(Z,{useGrouping:!1}).format(1.1).trim().replace(G.current,"")},oe=function(){var e=new Intl.NumberFormat(Z,N(N({},ue()),{},{useGrouping:!1}));return new RegExp("[".concat(e.format(1.1).replace($.current,"").trim().replace(G.current,""),"]"),"g")},ce=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!0});return L.current=e.format(1e6).trim().replace(G.current,"").charAt(0),new RegExp("[".concat(L.current,"]"),"g")},se=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!1});return new RegExp("[".concat(e.format(-1).trim().replace(G.current,""),"]"),"g")},pe=function(){if(h.currency){var e=new Intl.NumberFormat(Z,{style:"currency",currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});return new RegExp("[".concat(e.format(1).replace(/\s/g,"").replace(G.current,"").replace(T.current,""),"]"),"g")}return new RegExp("[]","g")},de=function(){if(h.prefix)_.current=h.prefix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay});_.current=e.format(1).split("1")[0]}return new RegExp("".concat(ae(_.current||"")),"g")},fe=function(){if(h.suffix)q.current=h.suffix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});q.current=e.format(1).split("1")[1]}return new RegExp("".concat(ae(q.current||"")),"g")},me=function(e){if(null!=e){if("-"===e)return e;if(h.format){var n=new Intl.NumberFormat(Z,ue()).format(e);return h.prefix&&(n=h.prefix+n),h.suffix&&(n+=h.suffix),n}return e.toString()}return""},be=function(e){var n=e.replace(J.current,"").replace(X.current,"").trim().replace(/\s/g,"").replace($.current,"").replace(T.current,"").replace(H.current,"-").replace(V.current,".").replace(G.current,Y.current);if(n){if("-"===n)return n;var t=+n;return isNaN(t)?null:t}return null},ge=function e(n,t,r){var u=t||500;un(),M.current=setTimeout((function(){e(n,40,r)}),u),ve(n,r)},ve=function(e,n){if(B.current){var t=h.step*n,r=be(B.current.value)||0,u=We(r+t);if(h.maxLength&&h.maxLength<me(u).length)return;$e(e,r,u),!c.DomHandler.isTouchDevice()&&Xe(u,null,"spin"),nn(e,u)}},ye=function(){h.disabled||h.readOnly||un()},he=function(){h.disabled||h.readOnly||un()},xe=function(){h.disabled||h.readOnly||un()},Ie=function(){h.disabled||h.readOnly||un()},we=function(){h.disabled||h.readOnly||un()},De=function(){h.disabled||h.readOnly||un()},Oe=function(e){h.disabled||h.readOnly||(z.current&&(e.target.value=U.current),z.current=!1)},Se=function(e){if(!(h.disabled||h.readOnly||h.onKeyDown&&(h.onKeyDown(e),e.defaultPrevented)))if(U.current=e.target.value,e.shiftKey||e.altKey)z.current=!0;else{var n=e.target.selectionStart,t=e.target.selectionEnd,r=e.target.value,u=null;switch(e.altKey&&e.preventDefault(),e.code){case"ArrowUp":ve(e,1),e.preventDefault();break;case"ArrowDown":ve(e,-1),e.preventDefault();break;case"ArrowLeft":ze(r.charAt(n-1))||e.preventDefault();break;case"ArrowRight":ze(r.charAt(n))||e.preventDefault();break;case"Tab":case"Enter":u=We(be(r)),B.current.value=me(u),B.current.setAttribute("aria-valuenow",u),nn(e,u);break;case"Backspace":if(e.preventDefault(),n===t){var i=r.charAt(n-1);if(ze(i)){var a=ke(r),l=a.decimalCharIndex,o=a.decimalCharIndexWithoutPrefix,s=en(r);if(T.current.test(i))T.current.lastIndex=0,u=r.slice(0,n-2)+r.slice(n-1);else if(V.current.test(i))V.current.lastIndex=0,s?B.current.setSelectionRange(n-1,n-1):u=r.slice(0,n-1)+r.slice(n);else if(l>0&&n>l){var p=Ce()&&(h.minFractionDigits||0)<s?"":"0";u=r.slice(0,n-1)+p+r.slice(n)}else 1===o?(u=r.slice(0,n-1)+"0"+r.slice(n),u=be(u)>0?u:""):u=r.slice(0,n-1)+r.slice(n)}else if($.current.test(i)){var d=Ae(r),f=d.minusCharIndex;f===d.currencyCharIndex-1&&(u=r.slice(0,f)+r.slice(n))}Te(e,u,null,"delete-single")}else u=Ke(r,n,t),Te(e,u,null,"delete-range");break;case"Delete":if(e.preventDefault(),n===t){var m=r.charAt(n),b=ke(r),g=b.decimalCharIndex,v=b.decimalCharIndexWithoutPrefix;if(ze(m)){var y=en(r);if(T.current.test(m))T.current.lastIndex=0,u=r.slice(0,n)+r.slice(n+2);else if(V.current.test(m))V.current.lastIndex=0,y?B.current.setSelectionRange(n+1,n+1):u=r.slice(0,n)+r.slice(n+1);else if(g>0&&n>g){var x=Ce()&&(h.minFractionDigits||0)<y?"":"0";u=r.slice(0,n)+x+r.slice(n+1)}else 1===v?(u=r.slice(0,n)+"0"+r.slice(n+1),u=be(u)>0?u:""):u=r.slice(0,n)+r.slice(n+1)}Te(e,u,null,"delete-back-single")}else u=Ke(r,n,t),Te(e,u,null,"delete-range");break;case"End":e.preventDefault(),c.ObjectUtils.isEmpty(h.max)||nn(e,h.max);break;case"Home":e.preventDefault(),c.ObjectUtils.isEmpty(h.min)||nn(e,h.min)}}},Re=function(e){if(!(h.disabled||h.readOnly||h.onKeyUp&&(h.onKeyUp(e),e.defaultPrevented))){var n=e.which||e.keyCode;13!==n&&e.preventDefault();var t=String.fromCharCode(n),r=Pe(t),u=je(t);(48<=n&&n<=57||u||r)&&Be(e,t,{isDecimalSign:r,isMinusSign:u})}},Ee=function(e){if(e.preventDefault(),!h.disabled&&!h.readOnly){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=be(n);null!=t&&Be(e,t.toString())}}},je=function(e){return!(!H.current.test(e)&&"-"!==e)&&(H.current.lastIndex=0,!0)},Ne=function(e){return Fe(e)?e.toString().replace(/\.(?=[^.]*$)/,W.current):e},Pe=function(e){return!(!V.current.test(e)&&!Fe(e))&&(V.current.lastIndex=0,!0)},Ce=function(){return"decimal"===h.mode},Fe=function(e){var n=new Intl.NumberFormat(Z,ue()),t=be(n.format(e));return null!==t&&t%1!=0},ke=function(e){var n=e.search(V.current);V.current.lastIndex=0;var t=e.replace(X.current,"").trim().replace(/\s/g,"").replace($.current,"").search(V.current);return V.current.lastIndex=0,{decimalCharIndex:n,decimalCharIndexWithoutPrefix:t}},Ae=function(e){var n=e.search(V.current);V.current.lastIndex=0;var t=e.search(H.current);H.current.lastIndex=0;var r=e.search(J.current);J.current.lastIndex=0;var u=e.search($.current);return 0===u&&_.current&&_.current.length>1&&(u=_.current.trim().length),$.current.lastIndex=0,{decimalCharIndex:n,minusCharIndex:t,suffixCharIndex:r,currencyCharIndex:u}},Be=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{isDecimalSign:!1,isMinusSign:!1},r=n.search(H.current);if(H.current.lastIndex=0,c.ObjectUtils.isEmpty(h.min)||h.min<0||-1===r){var u,i=B.current.selectionStart,a=B.current.selectionEnd,l=B.current.value.trim(),o=Ae(l),s=o.decimalCharIndex,p=o.suffixCharIndex,d=o.currencyCharIndex;if(t.isMinusSign){var f=-1===o.minusCharIndex;!f||0!==i&&i!==d+1||(u=l,(f||0!==a)&&(u=Ue(l,n,0,a)),Te(e,u,n,"insert"))}else if(t.isDecimalSign)s>0&&i===s?Te(e,l,n,"insert"):(s>i&&s<a||-1===s&&h.maxFractionDigits)&&(u=Ue(l,n,i,a),Te(e,u,n,"insert"));else{var m=K.current.resolvedOptions().maximumFractionDigits,b=i!==a?"range-insert":"insert";if(s>0&&i>s){if(i+n.length-(s+1)<=m){var g=d>=i?d-1:p>=i?p:l.length;u=l.slice(0,i)+n+l.slice(i+n.length,g)+l.slice(g),Te(e,u,n,b)}}else u=Ue(l,n,i,a),Te(e,u,n,b)}}},Me=function(e){return e?e.replace(J.current,"").trim().replace(/\s/g,"").replace($.current,""):e},Ue=function(e,n,t,r){if(2===("."===n?n:n.split(".")).length){var u=e.slice(t,r).search(V.current);return V.current.lastIndex=0,u>0?e.slice(0,t)+me(n)+Me(e).slice(r):e||me(n)}if(r-t===e.length)return me(n);if(0===t){var i=c.ObjectUtils.isLetter(e[r])?r-1:r;return n+e.slice(i)}if(r===e.length)return e.slice(0,t)+n;var a=e.slice(t,r),l=/\s$/.test(a)?" ":"";return e.slice(0,t)+n+l+e.slice(r)},Ke=function(e,n,t){return t-n===e.length?"":0===n?e.slice(t):t===e.length?e.slice(0,n):e.slice(0,n)+e.slice(t)},Le=function(){var e=B.current.selectionStart,n=B.current.value,t=n.length,r=null,u=(_.current||"").length,i=(n=n.replace(X.current,"")).charAt(e-=u);if(ze(i))return e+u;for(var a=e-1;a>=0;){if(i=n.charAt(a),ze(i)){r=a+u;break}a--}if(null!==r)B.current.setSelectionRange(r+1,r+1);else{for(a=e;a<t;){if(i=n.charAt(a),ze(i)){r=a+u;break}a++}null!==r&&B.current.setSelectionRange(r,r)}return r||0},_e=function(){Q.current=!0},qe=function(){Le()},ze=function(e){return!(1!==e.length||!(G.current.test(e)||V.current.test(e)||T.current.test(e)||H.current.test(e)))&&(Ge(),!0)},Ge=function(){G.current.lastIndex=0,V.current.lastIndex=0,T.current.lastIndex=0,H.current.lastIndex=0},Te=function(e,n,t,r){var u=B.current.value,i=null;null!=n&&(i=He(be(n)),Xe(i,t,r,n),$e(e,u,i))},He=function(e){return e||h.allowEmpty?e:h.min||0},$e=function(e,n,t){h.onChange&&Ve(n,t)&&h.onChange({originalEvent:e,value:t})},Ve=function(e,n){return null===n&&null!==e||null!=n&&n!==("string"==typeof e?be(e):e)},We=function(e){return"-"===e?null:Je(e)},Je=function(e){return c.ObjectUtils.isEmpty(e)?null:null!==h.min&&e<h.min?h.min:null!==h.max&&e>h.max?h.max:e},Xe=function(e,n,t,r){n=n||"";var u=B.current,i=u.value,a=me(e),l=i.length;if(a!==r&&(a=Ze(a,r)),0===l){u.value=a,u.setSelectionRange(0,0);var o=Le()+n.length;u.setSelectionRange(o,o)}else{var c=u.selectionStart,s=u.selectionEnd;if(h.maxLength&&h.maxLength<a.length)return;u.value=a;var p=a.length;if("range-insert"===t){var d=be((i||"").slice(0,c)),f=(null!==d?d.toString():"").split("").join("(".concat(L.current,")?")),m=new RegExp(f,"g");m.test(a);var b=n.split("").join("(".concat(L.current,")?")),g=new RegExp(b,"g");g.test(a.slice(m.lastIndex)),u.setSelectionRange(s=m.lastIndex+g.lastIndex,s)}else if(p===l)if("insert"===t||"delete-back-single"===t){var v=s;"0"===n?v=s+1:v+=Number(Pe(e)||Pe(n)),u.setSelectionRange(v,v)}else"delete-single"===t?u.setSelectionRange(s-1,s-1):"delete-range"!==t&&"spin"!==t||u.setSelectionRange(s,s);else if("delete-back-single"===t){var y=i.charAt(s-1),x=i.charAt(s),I=l-p,w=T.current.test(x);w&&1===I?s+=1:!w&&ze(y)&&(s+=-1*I+1),T.current.lastIndex=0,u.setSelectionRange(s,s)}else if("-"===i&&"insert"===t){u.setSelectionRange(0,0);var D=Le()+n.length+1;u.setSelectionRange(D,D)}else u.setSelectionRange(s+=p-l,s)}u.setAttribute("aria-valuenow",e)},Ye=function(e){e=He(e);var n=B.current,t=n.value,r=Qe(e);t!==r&&(n.value=r,n.setAttribute("aria-valuenow",e))},Qe=function(e){return me(He(e))},Ze=function(e,n){if(e&&n){var t=n.search(V.current);V.current.lastIndex=0;var r=Ne(e).split(V.current)[0].replace(J.current,"").trim();return-1!==t?r+n.slice(t):e}return e},en=function(e){if(e){var n=e.split(V.current);if(2===n.length)return Me(n[1]).length}return 0},nn=function(e,n){h.onValueChange&&h.onValueChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:n}})},tn=function(e){if(j(!0),h.onFocus&&h.onFocus(e),(h.suffix||h.currency||h.prefix)&&B.current&&!Q.current){var n=B.current.value;B.current.setSelectionRange((_.current||"").length,0===n.length?0:n.length-(q.current||"").length)}},rn=function(e){if(j(!1),Q.current=!1,B.current){var n=B.current.value;if(Ve(n,h.value)){var t=We(be(n));Ye(t),nn(e,t)}}h.onBlur&&h.onBlur(e)},un=function(){M.current&&clearInterval(M.current)},an=function(){var e=Je(h.value);Ye(h.format?e:Ne(e));var n=We(h.value);null!==h.value&&h.value!==n&&nn(null,n)},ln=function(){return K.current};d.useImperativeHandle(s,(function(){return{props:h,focus:function(){return c.DomHandler.focus(B.current)},getFormatter:ln,getElement:function(){return A.current},getInput:function(){return B.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(B,h.inputRef)}),[B,h.inputRef]),r.useMountEffect((function(){ie();var e=We(h.value);null!==h.value&&h.value!==e&&nn(null,e)})),r.useUpdateEffect((function(){ie(),an()}),[h.locale,h.localeMatcher,h.mode,h.currency,h.currencyDisplay,h.useGrouping,h.minFractionDigits,h.maxFractionDigits,h.suffix,h.prefix]),r.useUpdateEffect((function(){an()}),[h.value]),r.useUpdateEffect((function(){h.disabled&&un()}),[h.disabled]);var on,cn,sn,pn,dn,fn=function(){var e=g({className:k("incrementIcon")},F("incrementIcon")),n=c.IconUtils.getJSXIcon(h.incrementButtonIcon||d.createElement(i.AngleUpIcon,e),N({},e),{props:h}),t=g({type:"button",className:c.classNames(h.incrementButtonClassName,k("incrementButton")),onPointerLeave:he,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(B.current,h.autoFocus),ge(n,null,1),n.preventDefault()));var n},onPointerUp:ye,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,1));var n},onKeyUp:xe,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("incrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},mn=function(){var e=g({className:k("decrementIcon")},F("decrementIcon")),n=c.IconUtils.getJSXIcon(h.decrementButtonIcon||d.createElement(u.AngleDownIcon,e),N({},e),{props:h}),t=g({type:"button",className:c.classNames(h.decrementButtonClassName,k("decrementButton")),onPointerLeave:we,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(B.current,h.autoFocus),ge(n,null,-1),n.preventDefault()));var n},onPointerUp:Ie,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,-1));var n},onKeyUp:De,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("decrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},bn=c.ObjectUtils.isNotEmpty(h.tooltip),gn=E.getOtherProps(h),vn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.DATA_PROPS),yn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.ARIA_PROPS),hn=(on=c.classNames("p-inputnumber-input",h.inputClassName),cn=Qe(h.value),d.createElement(a.InputText,m({ref:B,id:h.inputId,style:h.inputStyle,role:"spinbutton",className:on,defaultValue:cn,type:h.type,size:h.size,tabIndex:h.tabIndex,inputMode:re,maxLength:h.maxLength,disabled:h.disabled,required:h.required,pattern:h.pattern,placeholder:h.placeholder,readOnly:h.readOnly,name:h.name,autoFocus:h.autoFocus,onKeyDown:Se,onKeyPress:Re,onInput:Oe,onClick:qe,onPointerDown:_e,onBlur:rn,onFocus:tn,onPaste:Ee,min:h.min,max:h.max,"aria-valuemin":h.min,"aria-valuemax":h.max,"aria-valuenow":h.value},yn,vn,{pt:F("input"),__parentMetadata:{parent:P}}))),xn=(sn=h.showButtons&&fn(),pn=h.showButtons&&mn(),dn=g({className:k("buttonGroup")},F("buttonGroup")),ee?d.createElement("span",dn,sn,pn):d.createElement(d.Fragment,null,sn,pn)),In=g({id:h.id,className:c.classNames(h.className,k("root",{focusedState:D,stacked:ee,horizontal:ne,vertical:te})),style:h.style},gn,F("root"));return d.createElement(d.Fragment,null,d.createElement("span",m({ref:A},In),hn,xn),bn&&d.createElement(o.Tooltip,m({target:A,content:h.tooltip,pt:F("tooltip")},h.tooltipOptions)))})));P.displayName="InputNumber",exports.InputNumber=P;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),u=require("primereact/icons/angledown"),i=require("primereact/icons/angleup"),a=require("primereact/inputtext"),l=require("primereact/ripple"),o=require("primereact/tooltip"),c=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),f=s(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return g(e)||v(e)||y(e)||h()}function I(e){return I="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},I(e)}function w(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=w(e,"string");return"symbol"===I(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,u,i,a,l=[],o=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);o=!0);}catch(e){c=!0,u=e}finally{try{if(!o&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw u}}return l}}function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=t.ComponentBase.extend({defaultProps:{__TYPE:"InputNumber",__parentMetadata:null,allowEmpty:!0,ariaLabelledBy:null,autoFocus:!1,buttonLayout:"stacked",className:null,currency:void 0,currencyDisplay:void 0,decrementButtonClassName:null,decrementButtonIcon:null,disabled:!1,format:!0,id:null,incrementButtonClassName:null,incrementButtonIcon:null,inputClassName:null,inputId:null,inputMode:null,inputRef:null,inputStyle:null,invalid:!1,locale:void 0,localeMatcher:void 0,max:null,maxFractionDigits:void 0,maxLength:null,min:null,minFractionDigits:void 0,mode:"decimal",name:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onKeyUp:null,onValueChange:null,pattern:null,placeholder:null,prefix:null,readOnly:!1,required:!1,roundingMode:void 0,showButtons:!1,size:null,step:1,style:null,suffix:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",useGrouping:!0,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.focusedState,r=e.stacked,u=e.horizontal,i=e.vertical;return c.classNames("p-inputnumber p-component p-inputwrapper",{"p-inputwrapper-filled":null!=n.value&&n.value.toString().length>0,"p-inputwrapper-focus":t,"p-inputnumber-buttons-stacked":r,"p-inputnumber-buttons-horizontal":u,"p-inputnumber-buttons-vertical":i,"p-invalid":n.invalid})},buttonGroup:"p-inputnumber-button-group",incrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},incrementIcon:"p-button-icon",decrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},decrementIcon:"p-button-icon"},styles:"\n@layer primereact {\n .p-inputnumber {\n display: inline-flex;\n }\n \n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-vertical {\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n \n .p-fluid .p-inputnumber {\n width: 100%;\n }\n \n .p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n }\n \n .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n }\n}\n"}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){var r,u,i;r=e,i=t[n],(u=D(u=n))in r?Object.defineProperty(r,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var F=d.memo(d.forwardRef((function(e,s){var p,b,g=r.useMergeProps(),v=d.useContext(n.PrimeReactContext),h=E.getProps(e,v),I=d.useState(!1),w=(b=2,O(p=I)||S(p,b)||y(p,b)||R()),D=w[0],N=w[1],F=j(j({props:h},h.__parentMetadata),{},{state:{focused:D}}),P=E.setMetaData(F),C=P.ptm,k=P.cx;t.useHandleStyle(E.css.styles,P.isUnstyled,{name:"inputnumber"});var A=d.useRef(null),B=d.useRef(null),M=d.useRef(null),U=d.useRef(null),L=d.useRef(null),_=d.useRef(null),q=d.useRef(null),K=d.useRef(null),z=d.useRef(null),G=d.useRef(null),T=d.useRef(null),H=d.useRef(null),W=d.useRef(null),$=d.useRef(null),V=d.useRef(null),J=d.useRef(null),X=d.useRef(null),Y=d.useRef(null),Q=d.useRef(!1),Z=h.locale||v&&v.locale||f.default.locale,ee=h.showButtons&&"stacked"===h.buttonLayout,ne=h.showButtons&&"horizontal"===h.buttonLayout,te=h.showButtons&&"vertical"===h.buttonLayout,re=h.inputMode||("decimal"!==h.mode||h.minFractionDigits?"decimal":"numeric"),ue=function(){return{localeMatcher:h.localeMatcher,style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,useGrouping:h.useGrouping,minimumFractionDigits:h.minFractionDigits,maximumFractionDigits:h.maxFractionDigits,roundingMode:h.roundingMode}},ie=function(){L.current=new Intl.NumberFormat(Z,ue());var e=x(new Intl.NumberFormat(Z,{useGrouping:!1}).format(9876543210)).reverse(),n=new Map(e.map((function(e,n){return[e,n]})));G.current=new RegExp("[".concat(e.join(""),"]"),"g"),T.current=ce(),H.current=se(),W.current=pe(),$.current=oe(),V.current=le(),J.current=fe(),X.current=de(),Y.current=function(e){return n.get(e)}},ae=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},le=function(){return new Intl.NumberFormat(Z,{useGrouping:!1}).format(1.1).trim().replace(G.current,"")},oe=function(){var e=new Intl.NumberFormat(Z,j(j({},ue()),{},{useGrouping:!1}));return new RegExp("[".concat(e.format(1.1).replace(W.current,"").trim().replace(G.current,""),"]"),"g")},ce=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!0});return _.current=e.format(1e6).trim().replace(G.current,"").charAt(0),new RegExp("[".concat(_.current,"]"),"g")},se=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!1});return new RegExp("[".concat(e.format(-1).trim().replace(G.current,""),"]"),"g")},pe=function(){if(h.currency){var e=new Intl.NumberFormat(Z,{style:"currency",currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});return new RegExp("[".concat(e.format(1).replace(/\s/g,"").replace(G.current,"").replace(T.current,""),"]"),"g")}return new RegExp("[]","g")},de=function(){if(h.prefix)q.current=h.prefix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay});q.current=e.format(1).split("1")[0]}return new RegExp("".concat(ae(q.current||"")),"g")},fe=function(){if(h.suffix)K.current=h.suffix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});K.current=e.format(1).split("1")[1]}return new RegExp("".concat(ae(K.current||"")),"g")},me=function(e){if(null!=e){if("-"===e)return e;if(h.format){var n=new Intl.NumberFormat(Z,ue()).format(e);return h.prefix&&(n=h.prefix+n),h.suffix&&(n+=h.suffix),n}return e.toString()}return""},be=function(e){var n=e.replace(J.current,"").replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").replace(T.current,"").replace(H.current,"-").replace($.current,".").replace(G.current,Y.current);if(n){if("-"===n)return n;var t=+n;return isNaN(t)?null:t}return null},ge=function e(n,t,r){var u=t||500;rn(),M.current=setTimeout((function(){e(n,40,r)}),u),ve(n,r)},ve=function(e,n){if(B.current){var t=h.step*n,r=be(B.current.value)||0,u=$e(r+t);if(h.maxLength&&h.maxLength<me(u).length)return;He(e,r,u),!c.DomHandler.isTouchDevice()&&Je(u,null,"spin"),en(e,u)}},ye=function(){h.disabled||h.readOnly||rn()},he=function(){h.disabled||h.readOnly||rn()},xe=function(){h.disabled||h.readOnly||rn()},Ie=function(){h.disabled||h.readOnly||rn()},we=function(){h.disabled||h.readOnly||rn()},De=function(){h.disabled||h.readOnly||rn()},Oe=function(e){h.disabled||h.readOnly||(z.current&&(e.target.value=U.current),z.current=!1)},Se=function(e){if(!h.disabled&&!h.readOnly)if(e.shiftKey||e.altKey)z.current=!0;else if(!h.onKeyDown||(h.onKeyDown(e),!e.defaultPrevented)){U.current=e.target.value;var n=e.target.selectionStart,t=e.target.selectionEnd,r=e.target.value,u=null;switch(e.code){case"ArrowUp":ve(e,1),e.preventDefault();break;case"ArrowDown":ve(e,-1),e.preventDefault();break;case"ArrowLeft":Ke(r.charAt(n-1))||e.preventDefault();break;case"ArrowRight":Ke(r.charAt(n))||e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":u=$e(be(r)),B.current.value=me(u),B.current.setAttribute("aria-valuenow",u),en(e,u);break;case"Backspace":if(e.preventDefault(),n===t){var i=r.charAt(n-1);if(Ke(i)){var a=Ce(r),l=a.decimalCharIndex,o=a.decimalCharIndexWithoutPrefix,s=Ze(r);if(T.current.test(i))T.current.lastIndex=0,u=r.slice(0,n-2)+r.slice(n-1);else if($.current.test(i))$.current.lastIndex=0,s?B.current.setSelectionRange(n-1,n-1):u=r.slice(0,n-1)+r.slice(n);else if(l>0&&n>l){var p=Fe()&&(h.minFractionDigits||0)<s?"":"0";u=r.slice(0,n-1)+p+r.slice(n)}else 1===o?(u=r.slice(0,n-1)+"0"+r.slice(n),u=be(u)>0?u:""):u=r.slice(0,n-1)+r.slice(n)}else if(W.current.test(i)){var d=ke(r),f=d.minusCharIndex;f===d.currencyCharIndex-1&&(u=r.slice(0,f)+r.slice(n))}Ge(e,u,null,"delete-single")}else u=Ue(r,n,t),Ge(e,u,null,"delete-range");break;case"Delete":if(e.preventDefault(),n===t){var m=r.charAt(n),b=Ce(r),g=b.decimalCharIndex,v=b.decimalCharIndexWithoutPrefix;if(Ke(m)){var y=Ze(r);if(T.current.test(m))T.current.lastIndex=0,u=r.slice(0,n)+r.slice(n+2);else if($.current.test(m))$.current.lastIndex=0,y?B.current.setSelectionRange(n+1,n+1):u=r.slice(0,n)+r.slice(n+1);else if(g>0&&n>g){var x=Fe()&&(h.minFractionDigits||0)<y?"":"0";u=r.slice(0,n)+x+r.slice(n+1)}else 1===v?(u=r.slice(0,n)+"0"+r.slice(n+1),u=be(u)>0?u:""):u=r.slice(0,n)+r.slice(n+1)}Ge(e,u,null,"delete-back-single")}else u=Ue(r,n,t),Ge(e,u,null,"delete-range");break;case"End":e.preventDefault(),c.ObjectUtils.isEmpty(h.max)||en(e,h.max);break;case"Home":e.preventDefault(),c.ObjectUtils.isEmpty(h.min)||en(e,h.min);break;default:e.preventDefault();var I=e.key,w=je(I),D=Ee(I);((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(I)>=0&&Number(I)<=9||D||w)&&Ae(e,I,{isDecimalSign:w,isMinusSign:D})}}},Re=function(e){if(e.preventDefault(),!h.disabled&&!h.readOnly){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=be(n);null!=t&&Ae(e,t.toString())}}},Ee=function(e){return!(!H.current.test(e)&&"-"!==e)&&(H.current.lastIndex=0,!0)},Ne=function(e){return Pe(e)?e.toString().replace(/\.(?=[^.]*$)/,V.current):e},je=function(e){return!(!$.current.test(e)&&!Pe(e))&&($.current.lastIndex=0,!0)},Fe=function(){return"decimal"===h.mode},Pe=function(e){var n=new Intl.NumberFormat(Z,ue()),t=be(n.format(e));return null!==t&&t%1!=0},Ce=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").search($.current);return $.current.lastIndex=0,{decimalCharIndex:n,decimalCharIndexWithoutPrefix:t}},ke=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.search(H.current);H.current.lastIndex=0;var r=e.search(J.current);J.current.lastIndex=0;var u=e.search(W.current);return 0===u&&q.current&&q.current.length>1&&(u=q.current.trim().length),W.current.lastIndex=0,{decimalCharIndex:n,minusCharIndex:t,suffixCharIndex:r,currencyCharIndex:u}},Ae=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{isDecimalSign:!1,isMinusSign:!1},r=n.search(H.current);if(H.current.lastIndex=0,c.ObjectUtils.isEmpty(h.min)||h.min<0||-1===r){var u,i=B.current.selectionStart,a=B.current.selectionEnd,l=B.current.value.trim(),o=ke(l),s=o.decimalCharIndex,p=o.suffixCharIndex,d=o.currencyCharIndex;if(t.isMinusSign){var f=-1===o.minusCharIndex;!f||0!==i&&i!==d+1||(u=l,(f||0!==a)&&(u=Me(l,n,0,a)),Ge(e,u,n,"insert"))}else if(t.isDecimalSign)s>0&&i===s?Ge(e,l,n,"insert"):(s>i&&s<a||-1===s&&h.maxFractionDigits)&&(u=Me(l,n,i,a),Ge(e,u,n,"insert"));else{var m=L.current.resolvedOptions().maximumFractionDigits,b=i!==a?"range-insert":"insert";if(s>0&&i>s){if(i+n.length-(s+1)<=m){var g=d>=i?d-1:p>=i?p:l.length;u=l.slice(0,i)+n+l.slice(i+n.length,g)+l.slice(g),Ge(e,u,n,b)}}else u=Me(l,n,i,a),Ge(e,u,n,b)}}},Be=function(e){return e?e.replace(J.current,"").trim().replace(/\s/g,"").replace(W.current,""):e},Me=function(e,n,t,r){if(2===("."===n?n:n.split(".")).length){var u=e.slice(t,r).search($.current);return $.current.lastIndex=0,u>0?e.slice(0,t)+me(n)+Be(e).slice(r):e||me(n)}if(r-t===e.length)return me(n);if(0===t){var i=c.ObjectUtils.isLetter(e[r])?r-1:r;return n+e.slice(i)}if(r===e.length)return e.slice(0,t)+n;var a=e.slice(t,r),l=/\s$/.test(a)?" ":"";return e.slice(0,t)+n+l+e.slice(r)},Ue=function(e,n,t){return t-n===e.length?"":0===n?e.slice(t):t===e.length?e.slice(0,n):e.slice(0,n)+e.slice(t)},Le=function(){var e=B.current.selectionStart,n=B.current.value,t=n.length,r=null,u=(q.current||"").length,i=(n=n.replace(X.current,"")).charAt(e-=u);if(Ke(i))return e+u;for(var a=e-1;a>=0;){if(i=n.charAt(a),Ke(i)){r=a+u;break}a--}if(null!==r)B.current.setSelectionRange(r+1,r+1);else{for(a=e;a<t;){if(i=n.charAt(a),Ke(i)){r=a+u;break}a++}null!==r&&B.current.setSelectionRange(r,r)}return r||0},_e=function(){Q.current=!0},qe=function(){Le()},Ke=function(e){return!(1!==e.length||!(G.current.test(e)||$.current.test(e)||T.current.test(e)||H.current.test(e)))&&(ze(),!0)},ze=function(){G.current.lastIndex=0,$.current.lastIndex=0,T.current.lastIndex=0,H.current.lastIndex=0},Ge=function(e,n,t,r){var u=B.current.value,i=null;null!=n&&(i=Te(be(n)),Je(i,t,r,n),He(e,u,i))},Te=function(e){return e||h.allowEmpty?e:h.min||0},He=function(e,n,t){h.onChange&&We(n,t)&&h.onChange({originalEvent:e,value:t})},We=function(e,n){return null===n&&null!==e||null!=n&&n!==("string"==typeof e?be(e):e)},$e=function(e){return"-"===e?null:Ve(e)},Ve=function(e){return c.ObjectUtils.isEmpty(e)?null:null!==h.min&&e<h.min?h.min:null!==h.max&&e>h.max?h.max:e},Je=function(e,n,t,r){n=n||"";var u=B.current,i=u.value,a=me(e),l=i.length;if(a!==r&&(a=Qe(a,r)),0===l){u.value=a,u.setSelectionRange(0,0);var o=Le()+n.length;u.setSelectionRange(o,o)}else{var c=u.selectionStart,s=u.selectionEnd;if(h.maxLength&&h.maxLength<a.length)return;u.value=a;var p=a.length;if("range-insert"===t){var d=be((i||"").slice(0,c)),f=(null!==d?d.toString():"").split("").join("(".concat(_.current,")?")),m=new RegExp(f,"g");m.test(a);var b=n.split("").join("(".concat(_.current,")?")),g=new RegExp(b,"g");g.test(a.slice(m.lastIndex)),u.setSelectionRange(s=m.lastIndex+g.lastIndex,s)}else if(p===l)if("insert"===t||"delete-back-single"===t){var v=s;"0"===n?v=s+1:v+=Number(je(e)||je(n)),u.setSelectionRange(v,v)}else"delete-single"===t?u.setSelectionRange(s-1,s-1):"delete-range"!==t&&"spin"!==t||u.setSelectionRange(s,s);else if("delete-back-single"===t){var y=i.charAt(s-1),x=i.charAt(s),I=l-p,w=T.current.test(x);w&&1===I?s+=1:!w&&Ke(y)&&(s+=-1*I+1),T.current.lastIndex=0,u.setSelectionRange(s,s)}else if("-"===i&&"insert"===t){u.setSelectionRange(0,0);var D=Le()+n.length+1;u.setSelectionRange(D,D)}else u.setSelectionRange(s+=p-l,s)}u.setAttribute("aria-valuenow",e)},Xe=function(e){e=Te(e);var n=B.current,t=n.value,r=Ye(e);t!==r&&(n.value=r,n.setAttribute("aria-valuenow",e))},Ye=function(e){return me(Te(e))},Qe=function(e,n){if(e&&n){var t=n.search($.current);$.current.lastIndex=0;var r=Ne(e).split($.current)[0].replace(J.current,"").trim();return-1!==t?r+n.slice(t):e}return e},Ze=function(e){if(e){var n=e.split($.current);if(2===n.length)return Be(n[1]).length}return 0},en=function(e,n){h.onValueChange&&h.onValueChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:n}})},nn=function(e){if(N(!0),h.onFocus&&h.onFocus(e),(h.suffix||h.currency||h.prefix)&&B.current&&!Q.current){var n=B.current.value;B.current.setSelectionRange((q.current||"").length,0===n.length?0:n.length-(K.current||"").length)}},tn=function(e){if(N(!1),Q.current=!1,B.current){var n=B.current.value;if(We(n,h.value)){var t=$e(be(n));Xe(t),en(e,t)}}h.onBlur&&h.onBlur(e)},rn=function(){M.current&&clearInterval(M.current)},un=function(){var e=Ve(h.value);Xe(h.format?e:Ne(e));var n=$e(h.value);null!==h.value&&h.value!==n&&en(null,n)},an=function(){return L.current};d.useImperativeHandle(s,(function(){return{props:h,focus:function(){return c.DomHandler.focus(B.current)},getFormatter:an,getElement:function(){return A.current},getInput:function(){return B.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(B,h.inputRef)}),[B,h.inputRef]),r.useMountEffect((function(){ie();var e=$e(h.value);null!==h.value&&h.value!==e&&en(null,e)})),r.useUpdateEffect((function(){ie(),un()}),[h.locale,h.localeMatcher,h.mode,h.currency,h.currencyDisplay,h.useGrouping,h.minFractionDigits,h.maxFractionDigits,h.suffix,h.prefix]),r.useUpdateEffect((function(){un()}),[h.value]),r.useUpdateEffect((function(){h.disabled&&rn()}),[h.disabled]);var ln,on,cn,sn,pn,dn=function(){var e=g({className:k("incrementIcon")},C("incrementIcon")),n=c.IconUtils.getJSXIcon(h.incrementButtonIcon||d.createElement(i.AngleUpIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.incrementButtonClassName,k("incrementButton")),onPointerLeave:he,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(B.current,h.autoFocus),ge(n,null,1),n.preventDefault()));var n},onPointerUp:ye,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,1));var n},onKeyUp:xe,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},C("incrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},fn=function(){var e=g({className:k("decrementIcon")},C("decrementIcon")),n=c.IconUtils.getJSXIcon(h.decrementButtonIcon||d.createElement(u.AngleDownIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.decrementButtonClassName,k("decrementButton")),onPointerLeave:we,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(B.current,h.autoFocus),ge(n,null,-1),n.preventDefault()));var n},onPointerUp:Ie,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,-1));var n},onKeyUp:De,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},C("decrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},mn=c.ObjectUtils.isNotEmpty(h.tooltip),bn=E.getOtherProps(h),gn=c.ObjectUtils.reduceKeys(bn,c.DomHandler.DATA_PROPS),vn=c.ObjectUtils.reduceKeys(bn,c.DomHandler.ARIA_PROPS),yn=(ln=c.classNames("p-inputnumber-input",h.inputClassName),on=Ye(h.value),d.createElement(a.InputText,m({ref:B,id:h.inputId,style:h.inputStyle,role:"spinbutton",className:ln,defaultValue:on,type:h.type,size:h.size,tabIndex:h.tabIndex,inputMode:re,maxLength:h.maxLength,disabled:h.disabled,required:h.required,pattern:h.pattern,placeholder:h.placeholder,readOnly:h.readOnly,name:h.name,autoFocus:h.autoFocus,onKeyDown:Se,onInput:Oe,onClick:qe,onPointerDown:_e,onBlur:tn,onFocus:nn,onPaste:Re,min:h.min,max:h.max,"aria-valuemin":h.min,"aria-valuemax":h.max,"aria-valuenow":h.value},vn,gn,{pt:C("input"),__parentMetadata:{parent:F}}))),hn=(cn=h.showButtons&&dn(),sn=h.showButtons&&fn(),pn=g({className:k("buttonGroup")},C("buttonGroup")),ee?d.createElement("span",pn,cn,sn):d.createElement(d.Fragment,null,cn,sn)),xn=g({id:h.id,className:c.classNames(h.className,k("root",{focusedState:D,stacked:ee,horizontal:ne,vertical:te})),style:h.style},bn,C("root"));return d.createElement(d.Fragment,null,d.createElement("span",m({ref:A},xn),yn,hn),mn&&d.createElement(o.Tooltip,m({target:A,content:h.tooltip,pt:C("tooltip")},h.tooltipOptions)))})));F.displayName="InputNumber",exports.InputNumber=F;
|
|
@@ -228,6 +228,11 @@ export interface InputNumberProps extends Omit<React.DetailedHTMLProps<React.HTM
|
|
|
228
228
|
* Maximum value length.
|
|
229
229
|
*/
|
|
230
230
|
maxLength?: number | undefined;
|
|
231
|
+
/**
|
|
232
|
+
* When present, it specifies that the component should have invalid state style.
|
|
233
|
+
* @defaultValue false
|
|
234
|
+
*/
|
|
235
|
+
invalid?: boolean | undefined;
|
|
231
236
|
/**
|
|
232
237
|
* When present, it specifies that the element should be disabled.
|
|
233
238
|
*/
|
|
@@ -312,11 +317,6 @@ export interface InputNumberProps extends Omit<React.DetailedHTMLProps<React.HTM
|
|
|
312
317
|
* @param {React.KeyboardEvent<HTMLInputElement>} event - Browser event
|
|
313
318
|
*/
|
|
314
319
|
onKeyDown?(event: React.KeyboardEvent<HTMLInputElement>): void;
|
|
315
|
-
/**
|
|
316
|
-
* Callback to invoke when the key released.
|
|
317
|
-
* @param {React.KeyboardEvent<HTMLInputElement>} event - Browser event
|
|
318
|
-
*/
|
|
319
|
-
onKeyUp?(event: React.KeyboardEvent<HTMLInputElement>): void;
|
|
320
320
|
/**
|
|
321
321
|
* Used to get the child elements of the component.
|
|
322
322
|
* @readonly
|
|
@@ -149,7 +149,8 @@ var classes = {
|
|
|
149
149
|
'p-inputwrapper-focus': focusedState,
|
|
150
150
|
'p-inputnumber-buttons-stacked': stacked,
|
|
151
151
|
'p-inputnumber-buttons-horizontal': horizontal,
|
|
152
|
-
'p-inputnumber-buttons-vertical': vertical
|
|
152
|
+
'p-inputnumber-buttons-vertical': vertical,
|
|
153
|
+
'p-invalid': props.invalid
|
|
153
154
|
});
|
|
154
155
|
},
|
|
155
156
|
buttonGroup: 'p-inputnumber-button-group',
|
|
@@ -192,6 +193,7 @@ var InputNumberBase = ComponentBase.extend({
|
|
|
192
193
|
inputMode: null,
|
|
193
194
|
inputRef: null,
|
|
194
195
|
inputStyle: null,
|
|
196
|
+
invalid: false,
|
|
195
197
|
locale: undefined,
|
|
196
198
|
localeMatcher: undefined,
|
|
197
199
|
max: null,
|
|
@@ -509,6 +511,10 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
509
511
|
if (props.disabled || props.readOnly) {
|
|
510
512
|
return;
|
|
511
513
|
}
|
|
514
|
+
if (event.shiftKey || event.altKey) {
|
|
515
|
+
isSpecialChar.current = true;
|
|
516
|
+
return;
|
|
517
|
+
}
|
|
512
518
|
if (props.onKeyDown) {
|
|
513
519
|
props.onKeyDown(event);
|
|
514
520
|
|
|
@@ -518,17 +524,10 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
518
524
|
}
|
|
519
525
|
}
|
|
520
526
|
lastValue.current = event.target.value;
|
|
521
|
-
if (event.shiftKey || event.altKey) {
|
|
522
|
-
isSpecialChar.current = true;
|
|
523
|
-
return;
|
|
524
|
-
}
|
|
525
527
|
var selectionStart = event.target.selectionStart;
|
|
526
528
|
var selectionEnd = event.target.selectionEnd;
|
|
527
529
|
var inputValue = event.target.value;
|
|
528
530
|
var newValueStr = null;
|
|
529
|
-
if (event.altKey) {
|
|
530
|
-
event.preventDefault();
|
|
531
|
-
}
|
|
532
531
|
switch (event.code) {
|
|
533
532
|
//up
|
|
534
533
|
case 'ArrowUp':
|
|
@@ -558,6 +557,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
558
557
|
|
|
559
558
|
//enter and tab
|
|
560
559
|
case 'Tab':
|
|
560
|
+
case 'NumpadEnter':
|
|
561
561
|
case 'Enter':
|
|
562
562
|
newValueStr = validateValue(parseValue(inputValue));
|
|
563
563
|
inputRef.current.value = formatValue(newValueStr);
|
|
@@ -657,33 +657,18 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
657
657
|
updateModel(event, props.min);
|
|
658
658
|
}
|
|
659
659
|
break;
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
}
|
|
673
|
-
}
|
|
674
|
-
var code = event.which || event.keyCode;
|
|
675
|
-
if (code !== 13) {
|
|
676
|
-
// to submit a form
|
|
677
|
-
event.preventDefault();
|
|
678
|
-
}
|
|
679
|
-
var _char = String.fromCharCode(code);
|
|
680
|
-
var _isDecimalSign = isDecimalSign(_char);
|
|
681
|
-
var _isMinusSign = isMinusSign(_char);
|
|
682
|
-
if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
|
|
683
|
-
insert(event, _char, {
|
|
684
|
-
isDecimalSign: _isDecimalSign,
|
|
685
|
-
isMinusSign: _isMinusSign
|
|
686
|
-
});
|
|
660
|
+
default:
|
|
661
|
+
event.preventDefault();
|
|
662
|
+
var _char = event.key;
|
|
663
|
+
var _isDecimalSign = isDecimalSign(_char);
|
|
664
|
+
var _isMinusSign = isMinusSign(_char);
|
|
665
|
+
if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char) >= 0 && Number(_char) <= 9 || _isMinusSign || _isDecimalSign) {
|
|
666
|
+
insert(event, _char, {
|
|
667
|
+
isDecimalSign: _isDecimalSign,
|
|
668
|
+
isMinusSign: _isMinusSign
|
|
669
|
+
});
|
|
670
|
+
}
|
|
671
|
+
break;
|
|
687
672
|
}
|
|
688
673
|
};
|
|
689
674
|
var onPaste = function onPaste(event) {
|
|
@@ -1179,7 +1164,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
1179
1164
|
name: props.name,
|
|
1180
1165
|
autoFocus: props.autoFocus,
|
|
1181
1166
|
onKeyDown: onInputKeyDown,
|
|
1182
|
-
onKeyPress: onInputKeyUp,
|
|
1183
1167
|
onInput: onInput,
|
|
1184
1168
|
onClick: onInputClick,
|
|
1185
1169
|
onPointerDown: onInputPointerDown,
|