@ioca/react 1.4.76 → 1.4.77
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/lib/css/index.css +1 -3
- package/lib/es/components/affix/affix.js +60 -59
- package/lib/es/components/affix/affix.js.map +1 -1
- package/lib/es/components/affix/index.js +6 -5
- package/lib/es/components/affix/index.js.map +1 -1
- package/lib/es/components/affix/totop.js +20 -10
- package/lib/es/components/affix/totop.js.map +1 -1
- package/lib/es/components/badge/badge.js +19 -10
- package/lib/es/components/badge/badge.js.map +1 -1
- package/lib/es/components/badge/index.js +6 -5
- package/lib/es/components/badge/index.js.map +1 -1
- package/lib/es/components/button/button.js +55 -57
- package/lib/es/components/button/button.js.map +1 -1
- package/lib/es/components/button/confirm.js +52 -47
- package/lib/es/components/button/confirm.js.map +1 -1
- package/lib/es/components/button/group.js +21 -18
- package/lib/es/components/button/group.js.map +1 -1
- package/lib/es/components/button/index.js +6 -5
- package/lib/es/components/button/index.js.map +1 -1
- package/lib/es/components/button/toggle.js +41 -36
- package/lib/es/components/button/toggle.js.map +1 -1
- package/lib/es/components/card/card.js +28 -10
- package/lib/es/components/card/card.js.map +1 -1
- package/lib/es/components/card/index.js +6 -5
- package/lib/es/components/card/index.js.map +1 -1
- package/lib/es/components/checkbox/checkbox.js +60 -35
- package/lib/es/components/checkbox/checkbox.js.map +1 -1
- package/lib/es/components/checkbox/index.js +6 -5
- package/lib/es/components/checkbox/index.js.map +1 -1
- package/lib/es/components/checkbox/item.js +54 -32
- package/lib/es/components/checkbox/item.js.map +1 -1
- package/lib/es/components/collapse/collapse.js +78 -68
- package/lib/es/components/collapse/collapse.js.map +1 -1
- package/lib/es/components/collapse/index.js +6 -5
- package/lib/es/components/collapse/index.js.map +1 -1
- package/lib/es/components/collapse/item.js +6 -5
- package/lib/es/components/collapse/item.js.map +1 -1
- package/lib/es/components/datagrid/cell.js +32 -20
- package/lib/es/components/datagrid/cell.js.map +1 -1
- package/lib/es/components/datagrid/datagrid.js +135 -110
- package/lib/es/components/datagrid/datagrid.js.map +1 -1
- package/lib/es/components/datagrid/index.js +6 -5
- package/lib/es/components/datagrid/index.js.map +1 -1
- package/lib/es/components/datagrid/resize.js +38 -37
- package/lib/es/components/datagrid/resize.js.map +1 -1
- package/lib/es/components/datagrid/row.js +60 -27
- package/lib/es/components/datagrid/row.js.map +1 -1
- package/lib/es/components/datagrid/sorter.js +23 -10
- package/lib/es/components/datagrid/sorter.js.map +1 -1
- package/lib/es/components/description/description.js +38 -25
- package/lib/es/components/description/description.js.map +1 -1
- package/lib/es/components/description/index.js +6 -5
- package/lib/es/components/description/index.js.map +1 -1
- package/lib/es/components/drawer/drawer.js +79 -63
- package/lib/es/components/drawer/drawer.js.map +1 -1
- package/lib/es/components/drawer/index.js +6 -5
- package/lib/es/components/drawer/index.js.map +1 -1
- package/lib/es/components/dropdown/dropdown.js +33 -25
- package/lib/es/components/dropdown/dropdown.js.map +1 -1
- package/lib/es/components/dropdown/index.js +6 -5
- package/lib/es/components/dropdown/index.js.map +1 -1
- package/lib/es/components/dropdown/item.js +32 -15
- package/lib/es/components/dropdown/item.js.map +1 -1
- package/lib/es/components/editor/controls.js +75 -75
- package/lib/es/components/editor/controls.js.map +1 -1
- package/lib/es/components/editor/editor.js +85 -77
- package/lib/es/components/editor/editor.js.map +1 -1
- package/lib/es/components/editor/index.js +6 -5
- package/lib/es/components/editor/index.js.map +1 -1
- package/lib/es/components/flex/flex.js +26 -25
- package/lib/es/components/flex/flex.js.map +1 -1
- package/lib/es/components/flex/index.js +6 -5
- package/lib/es/components/flex/index.js.map +1 -1
- package/lib/es/components/form/context.js +5 -4
- package/lib/es/components/form/context.js.map +1 -1
- package/lib/es/components/form/field.js +66 -66
- package/lib/es/components/form/field.js.map +1 -1
- package/lib/es/components/form/form.js +55 -53
- package/lib/es/components/form/form.js.map +1 -1
- package/lib/es/components/form/index.js +6 -5
- package/lib/es/components/form/index.js.map +1 -1
- package/lib/es/components/form/useConfig.js +41 -31
- package/lib/es/components/form/useConfig.js.map +1 -1
- package/lib/es/components/form/useForm.js +118 -130
- package/lib/es/components/form/useForm.js.map +1 -1
- package/lib/es/components/icon/icon.js +19 -20
- package/lib/es/components/icon/icon.js.map +1 -1
- package/lib/es/components/icon/index.js +6 -5
- package/lib/es/components/icon/index.js.map +1 -1
- package/lib/es/components/image/image.js +80 -75
- package/lib/es/components/image/image.js.map +1 -1
- package/lib/es/components/image/index.js +6 -5
- package/lib/es/components/image/index.js.map +1 -1
- package/lib/es/components/image/list.js +45 -40
- package/lib/es/components/image/list.js.map +1 -1
- package/lib/es/components/input/container.js +25 -11
- package/lib/es/components/input/container.js.map +1 -1
- package/lib/es/components/input/index.js +6 -5
- package/lib/es/components/input/index.js.map +1 -1
- package/lib/es/components/input/input.js +105 -69
- package/lib/es/components/input/input.js.map +1 -1
- package/lib/es/components/input/number.js +133 -106
- package/lib/es/components/input/number.js.map +1 -1
- package/lib/es/components/input/range.js +129 -70
- package/lib/es/components/input/range.js.map +1 -1
- package/lib/es/components/input/textarea.js +56 -46
- package/lib/es/components/input/textarea.js.map +1 -1
- package/lib/es/components/list/index.js +6 -5
- package/lib/es/components/list/index.js.map +1 -1
- package/lib/es/components/list/item.js +25 -12
- package/lib/es/components/list/item.js.map +1 -1
- package/lib/es/components/list/list.js +24 -21
- package/lib/es/components/list/list.js.map +1 -1
- package/lib/es/components/loading/index.js +6 -5
- package/lib/es/components/loading/index.js.map +1 -1
- package/lib/es/components/loading/loading.js +34 -14
- package/lib/es/components/loading/loading.js.map +1 -1
- package/lib/es/components/message/index.js +6 -5
- package/lib/es/components/message/index.js.map +1 -1
- package/lib/es/components/message/message.js +161 -154
- package/lib/es/components/message/message.js.map +1 -1
- package/lib/es/components/modal/content.js +53 -30
- package/lib/es/components/modal/content.js.map +1 -1
- package/lib/es/components/modal/context.js +5 -4
- package/lib/es/components/modal/context.js.map +1 -1
- package/lib/es/components/modal/hookModal.js +24 -24
- package/lib/es/components/modal/hookModal.js.map +1 -1
- package/lib/es/components/modal/index.js +6 -5
- package/lib/es/components/modal/index.js.map +1 -1
- package/lib/es/components/modal/modal.js +111 -87
- package/lib/es/components/modal/modal.js.map +1 -1
- package/lib/es/components/modal/useModal.js +35 -31
- package/lib/es/components/modal/useModal.js.map +1 -1
- package/lib/es/components/pagination/index.js +6 -5
- package/lib/es/components/pagination/index.js.map +1 -1
- package/lib/es/components/pagination/page.js +26 -21
- package/lib/es/components/pagination/page.js.map +1 -1
- package/lib/es/components/pagination/pagination.js +81 -41
- package/lib/es/components/pagination/pagination.js.map +1 -1
- package/lib/es/components/picker/colors/footer.js +57 -29
- package/lib/es/components/picker/colors/footer.js.map +1 -1
- package/lib/es/components/picker/colors/handle.js +20 -7
- package/lib/es/components/picker/colors/handle.js.map +1 -1
- package/lib/es/components/picker/colors/index.js +76 -56
- package/lib/es/components/picker/colors/index.js.map +1 -1
- package/lib/es/components/picker/dates/dates.js +62 -43
- package/lib/es/components/picker/dates/dates.js.map +1 -1
- package/lib/es/components/picker/dates/index.js +88 -54
- package/lib/es/components/picker/dates/index.js.map +1 -1
- package/lib/es/components/picker/dates/panel.js +143 -66
- package/lib/es/components/picker/dates/panel.js.map +1 -1
- package/lib/es/components/picker/time/index.js +67 -38
- package/lib/es/components/picker/time/index.js.map +1 -1
- package/lib/es/components/picker/time/item.js +15 -12
- package/lib/es/components/picker/time/item.js.map +1 -1
- package/lib/es/components/picker/time/panel.js +138 -95
- package/lib/es/components/picker/time/panel.js.map +1 -1
- package/lib/es/components/popconfirm/index.js +6 -5
- package/lib/es/components/popconfirm/index.js.map +1 -1
- package/lib/es/components/popconfirm/popconfirm.js +80 -48
- package/lib/es/components/popconfirm/popconfirm.js.map +1 -1
- package/lib/es/components/popup/content.js +51 -40
- package/lib/es/components/popup/content.js.map +1 -1
- package/lib/es/components/popup/index.js +6 -5
- package/lib/es/components/popup/index.js.map +1 -1
- package/lib/es/components/popup/popup.js +421 -458
- package/lib/es/components/popup/popup.js.map +1 -1
- package/lib/es/components/progress/circle.js +41 -9
- package/lib/es/components/progress/circle.js.map +1 -1
- package/lib/es/components/progress/index.js +6 -5
- package/lib/es/components/progress/index.js.map +1 -1
- package/lib/es/components/progress/line.js +22 -11
- package/lib/es/components/progress/line.js.map +1 -1
- package/lib/es/components/progress/progress.js +95 -79
- package/lib/es/components/progress/progress.js.map +1 -1
- package/lib/es/components/radio/index.js +6 -5
- package/lib/es/components/radio/index.js.map +1 -1
- package/lib/es/components/radio/item.js +29 -14
- package/lib/es/components/radio/item.js.map +1 -1
- package/lib/es/components/radio/radio.js +56 -28
- package/lib/es/components/radio/radio.js.map +1 -1
- package/lib/es/components/resizable/index.js +6 -5
- package/lib/es/components/resizable/index.js.map +1 -1
- package/lib/es/components/resizable/resizable.js +76 -57
- package/lib/es/components/resizable/resizable.js.map +1 -1
- package/lib/es/components/river/index.js +6 -5
- package/lib/es/components/river/index.js.map +1 -1
- package/lib/es/components/river/river.js +111 -103
- package/lib/es/components/river/river.js.map +1 -1
- package/lib/es/components/select/index.js +6 -5
- package/lib/es/components/select/index.js.map +1 -1
- package/lib/es/components/select/options.js +66 -40
- package/lib/es/components/select/options.js.map +1 -1
- package/lib/es/components/select/select.js +150 -92
- package/lib/es/components/select/select.js.map +1 -1
- package/lib/es/components/step/divider.js +6 -5
- package/lib/es/components/step/divider.js.map +1 -1
- package/lib/es/components/step/index.js +6 -5
- package/lib/es/components/step/index.js.map +1 -1
- package/lib/es/components/step/item.js +53 -17
- package/lib/es/components/step/item.js.map +1 -1
- package/lib/es/components/step/step.js +36 -32
- package/lib/es/components/step/step.js.map +1 -1
- package/lib/es/components/swiper/index.js +6 -5
- package/lib/es/components/swiper/index.js.map +1 -1
- package/lib/es/components/swiper/item.js +34 -22
- package/lib/es/components/swiper/item.js.map +1 -1
- package/lib/es/components/swiper/swiper.js +256 -229
- package/lib/es/components/swiper/swiper.js.map +1 -1
- package/lib/es/components/tabs/index.js +6 -5
- package/lib/es/components/tabs/index.js.map +1 -1
- package/lib/es/components/tabs/item.js +6 -5
- package/lib/es/components/tabs/item.js.map +1 -1
- package/lib/es/components/tabs/tabs.js +266 -216
- package/lib/es/components/tabs/tabs.js.map +1 -1
- package/lib/es/components/tag/index.js +6 -5
- package/lib/es/components/tag/index.js.map +1 -1
- package/lib/es/components/tag/tag.js +27 -15
- package/lib/es/components/tag/tag.js.map +1 -1
- package/lib/es/components/text/highlight.js +31 -25
- package/lib/es/components/text/highlight.js.map +1 -1
- package/lib/es/components/text/index.js +6 -5
- package/lib/es/components/text/index.js.map +1 -1
- package/lib/es/components/text/number.js +28 -24
- package/lib/es/components/text/number.js.map +1 -1
- package/lib/es/components/text/text.js +31 -28
- package/lib/es/components/text/text.js.map +1 -1
- package/lib/es/components/text/time.js +20 -17
- package/lib/es/components/text/time.js.map +1 -1
- package/lib/es/components/tree/index.js +6 -5
- package/lib/es/components/tree/index.js.map +1 -1
- package/lib/es/components/tree/item.js +127 -66
- package/lib/es/components/tree/item.js.map +1 -1
- package/lib/es/components/tree/tree.js +121 -125
- package/lib/es/components/tree/tree.js.map +1 -1
- package/lib/es/components/upload/index.js +6 -5
- package/lib/es/components/upload/index.js.map +1 -1
- package/lib/es/components/upload/renderFile.js +91 -55
- package/lib/es/components/upload/renderFile.js.map +1 -1
- package/lib/es/components/upload/upload.js +160 -115
- package/lib/es/components/upload/upload.js.map +1 -1
- package/lib/es/components/utils/empty/index.js +12 -8
- package/lib/es/components/utils/empty/index.js.map +1 -1
- package/lib/es/components/utils/helpericon/helpericon.js +19 -21
- package/lib/es/components/utils/helpericon/helpericon.js.map +1 -1
- package/lib/es/components/utils/helpericon/index.js +6 -5
- package/lib/es/components/utils/helpericon/index.js.map +1 -1
- package/lib/es/components/video/index.js +6 -5
- package/lib/es/components/video/index.js.map +1 -1
- package/lib/es/components/video/video.js +232 -170
- package/lib/es/components/video/video.js.map +1 -1
- package/lib/es/index.js +42 -42
- package/lib/es/js/hooks.js +227 -271
- package/lib/es/js/hooks.js.map +1 -1
- package/lib/es/js/usePreview/content.js +192 -153
- package/lib/es/js/usePreview/content.js.map +1 -1
- package/lib/es/js/usePreview/index.js +35 -20
- package/lib/es/js/usePreview/index.js.map +1 -1
- package/lib/es/js/usePreview/renderFile.js +24 -17
- package/lib/es/js/usePreview/renderFile.js.map +1 -1
- package/lib/es/js/usePreview/type.js +14 -12
- package/lib/es/js/usePreview/type.js.map +1 -1
- package/lib/es/js/useRipple/index.js +30 -32
- package/lib/es/js/useRipple/index.js.map +1 -1
- package/lib/es/js/useTheme/index.js +26 -30
- package/lib/es/js/useTheme/index.js.map +1 -1
- package/lib/es/js/utils.js +238 -255
- package/lib/es/js/utils.js.map +1 -1
- package/lib/types/components/affix/affix.d.ts +4 -7
- package/lib/types/components/affix/affix.js +63 -0
- package/lib/types/components/affix/index.d.ts +2 -5
- package/lib/types/components/affix/index.js +5 -0
- package/lib/types/components/affix/totop.d.ts +3 -6
- package/lib/types/components/affix/totop.js +21 -0
- package/lib/types/components/affix/type.d.ts +1 -4
- package/lib/types/components/area/area.d.ts +3 -0
- package/lib/types/components/area/index.d.ts +2 -0
- package/lib/types/components/area/item.d.ts +3 -0
- package/lib/types/components/area/type.d.ts +12 -0
- package/lib/types/components/badge/badge.d.ts +3 -6
- package/lib/types/components/badge/badge.js +21 -0
- package/lib/types/components/badge/index.d.ts +2 -5
- package/lib/types/components/badge/index.js +5 -0
- package/lib/types/components/badge/type.d.ts +2 -5
- package/lib/types/components/button/button.d.ts +2 -4
- package/lib/types/components/button/button.js +61 -0
- package/lib/types/components/button/confirm.d.ts +2 -6
- package/lib/types/components/button/confirm.js +57 -0
- package/lib/types/components/button/group.d.ts +2 -6
- package/lib/types/components/button/group.js +22 -0
- package/lib/types/components/button/index.d.ts +2 -5
- package/lib/types/components/button/index.js +5 -0
- package/lib/types/components/button/toggle.d.ts +2 -6
- package/lib/types/components/button/toggle.js +42 -0
- package/lib/types/components/button/type.d.ts +10 -12
- package/lib/types/components/card/card.d.ts +3 -6
- package/lib/types/components/card/card.js +30 -0
- package/lib/types/components/card/index.d.ts +2 -5
- package/lib/types/components/card/index.js +5 -0
- package/lib/types/components/card/type.d.ts +2 -5
- package/lib/types/components/checkbox/checkbox.d.ts +4 -7
- package/lib/types/components/checkbox/checkbox.js +64 -0
- package/lib/types/components/checkbox/index.d.ts +2 -5
- package/lib/types/components/checkbox/index.js +5 -0
- package/lib/types/components/checkbox/item.d.ts +2 -6
- package/lib/types/components/checkbox/item.js +55 -0
- package/lib/types/components/checkbox/type.d.ts +5 -7
- package/lib/types/components/collapse/collapse.d.ts +4 -7
- package/lib/types/components/collapse/collapse.js +81 -0
- package/lib/types/components/collapse/index.d.ts +2 -5
- package/lib/types/components/collapse/index.js +5 -0
- package/lib/types/components/collapse/item.d.ts +2 -6
- package/lib/types/components/collapse/item.js +7 -0
- package/lib/types/components/collapse/type.d.ts +4 -7
- package/lib/types/components/datagrid/cell.d.ts +13 -0
- package/lib/types/components/datagrid/cell.js +34 -0
- package/lib/types/components/datagrid/datagrid.d.ts +3 -6
- package/lib/types/components/datagrid/datagrid.js +137 -0
- package/lib/types/components/datagrid/index.d.ts +2 -5
- package/lib/types/components/datagrid/index.js +5 -0
- package/lib/types/components/datagrid/resize.d.ts +1 -0
- package/lib/types/components/datagrid/resize.js +39 -0
- package/lib/types/components/datagrid/row.d.ts +3 -0
- package/lib/types/components/datagrid/row.js +63 -0
- package/lib/types/components/datagrid/sorter.d.ts +1 -0
- package/lib/types/components/datagrid/sorter.js +24 -0
- package/lib/types/components/datagrid/type.d.ts +28 -7
- package/lib/types/components/description/description.d.ts +3 -6
- package/lib/types/components/description/description.js +40 -0
- package/lib/types/components/description/index.d.ts +2 -5
- package/lib/types/components/description/index.js +5 -0
- package/lib/types/components/description/type.d.ts +3 -5
- package/lib/types/components/drawer/drawer.d.ts +2 -4
- package/lib/types/components/drawer/drawer.js +81 -0
- package/lib/types/components/drawer/index.d.ts +2 -5
- package/lib/types/components/drawer/index.js +5 -0
- package/lib/types/components/drawer/type.d.ts +1 -4
- package/lib/types/components/drawer/useDrawer.d.ts +0 -0
- package/lib/types/components/dropdown/dropdown.d.ts +4 -8
- package/lib/types/components/dropdown/dropdown.js +36 -0
- package/lib/types/components/dropdown/index.d.ts +2 -5
- package/lib/types/components/dropdown/index.js +5 -0
- package/lib/types/components/dropdown/item.d.ts +3 -0
- package/lib/types/components/dropdown/item.js +33 -0
- package/lib/types/components/dropdown/type.d.ts +4 -7
- package/lib/types/components/editor/controls.d.ts +5 -0
- package/lib/types/components/editor/controls.js +83 -0
- package/lib/types/components/editor/editor.d.ts +3 -6
- package/lib/types/components/editor/editor.js +87 -0
- package/lib/types/components/editor/index.d.ts +2 -5
- package/lib/types/components/editor/index.js +5 -0
- package/lib/types/components/editor/type.d.ts +3 -6
- package/lib/types/components/flex/flex.d.ts +2 -4
- package/lib/types/components/flex/flex.js +28 -0
- package/lib/types/components/flex/index.d.ts +2 -5
- package/lib/types/components/flex/index.js +5 -0
- package/lib/types/components/flex/type.d.ts +1 -4
- package/lib/types/components/form/context.d.ts +3 -0
- package/lib/types/components/form/context.js +5 -0
- package/lib/types/components/form/field.d.ts +3 -6
- package/lib/types/components/form/field.js +67 -0
- package/lib/types/components/form/form.d.ts +6 -9
- package/lib/types/components/form/form.js +60 -0
- package/lib/types/components/form/index.d.ts +2 -5
- package/lib/types/components/form/index.js +5 -0
- package/lib/types/components/form/type.d.ts +6 -9
- package/lib/types/components/form/useConfig.d.ts +4 -9
- package/lib/types/components/form/useConfig.js +42 -0
- package/lib/types/components/form/useForm.d.ts +3 -6
- package/lib/types/components/form/useForm.js +119 -0
- package/lib/types/components/icon/icon.d.ts +3 -6
- package/lib/types/components/icon/icon.js +21 -0
- package/lib/types/components/icon/index.d.ts +2 -5
- package/lib/types/components/icon/index.js +5 -0
- package/lib/types/components/icon/type.d.ts +2 -5
- package/lib/types/components/image/image.d.ts +2 -4
- package/lib/types/components/image/image.js +83 -0
- package/lib/types/components/image/index.d.ts +2 -5
- package/lib/types/components/image/index.js +5 -0
- package/lib/types/components/image/list.d.ts +2 -6
- package/lib/types/components/image/list.js +46 -0
- package/lib/types/components/image/type.d.ts +5 -8
- package/lib/types/components/input/container.d.ts +2 -0
- package/lib/types/components/input/container.js +26 -0
- package/lib/types/components/input/index.d.ts +2 -5
- package/lib/types/components/input/index.js +5 -0
- package/lib/types/components/input/input.d.ts +2 -4
- package/lib/types/components/input/input.js +110 -0
- package/lib/types/components/input/number.d.ts +3 -6
- package/lib/types/components/input/number.js +135 -0
- package/lib/types/components/input/range.d.ts +3 -6
- package/lib/types/components/input/range.js +131 -0
- package/lib/types/components/input/textarea.d.ts +3 -6
- package/lib/types/components/input/textarea.js +58 -0
- package/lib/types/components/input/type.d.ts +22 -14
- package/lib/types/components/list/index.d.ts +2 -5
- package/lib/types/components/list/index.js +5 -0
- package/lib/types/components/list/item.d.ts +3 -0
- package/lib/types/components/list/item.js +26 -0
- package/lib/types/components/list/list.d.ts +4 -7
- package/lib/types/components/list/list.js +27 -0
- package/lib/types/components/list/type.d.ts +2 -5
- package/lib/types/components/loading/index.d.ts +2 -5
- package/lib/types/components/loading/index.js +5 -0
- package/lib/types/components/loading/loading.d.ts +3 -6
- package/lib/types/components/loading/loading.js +36 -0
- package/lib/types/components/loading/type.d.ts +1 -4
- package/lib/types/components/message/index.d.ts +2 -5
- package/lib/types/components/message/index.js +5 -0
- package/lib/types/components/message/message.d.ts +3 -4
- package/lib/types/components/message/message.js +194 -0
- package/lib/types/components/message/type.d.ts +13 -5
- package/lib/types/components/modal/content.d.ts +2 -0
- package/lib/types/components/modal/content.js +55 -0
- package/lib/types/components/modal/context.d.ts +2 -0
- package/lib/types/components/modal/context.js +5 -0
- package/lib/types/components/modal/hookModal.d.ts +6 -0
- package/lib/types/components/modal/hookModal.js +25 -0
- package/lib/types/components/modal/index.d.ts +2 -5
- package/lib/types/components/modal/index.js +5 -0
- package/lib/types/components/modal/modal.d.ts +2 -4
- package/lib/types/components/modal/modal.js +114 -0
- package/lib/types/components/modal/type.d.ts +11 -8
- package/lib/types/components/modal/useModal.d.ts +2 -5
- package/lib/types/components/modal/useModal.js +36 -0
- package/lib/types/components/pagination/index.d.ts +2 -5
- package/lib/types/components/pagination/index.js +5 -0
- package/lib/types/components/pagination/page.d.ts +3 -0
- package/lib/types/components/pagination/page.js +27 -0
- package/lib/types/components/pagination/pagination.d.ts +3 -6
- package/lib/types/components/pagination/pagination.js +83 -0
- package/lib/types/components/pagination/type.d.ts +6 -4
- package/lib/types/components/picker/colors/footer.d.ts +6 -0
- package/lib/types/components/picker/colors/footer.js +60 -0
- package/lib/types/components/picker/colors/handle.d.ts +2 -0
- package/lib/types/components/picker/colors/handle.js +21 -0
- package/lib/types/components/picker/colors/index.d.ts +2 -6
- package/lib/types/components/picker/colors/index.js +78 -0
- package/lib/types/components/picker/dates/dates.d.ts +5 -0
- package/lib/types/components/picker/dates/dates.js +63 -0
- package/lib/types/components/picker/dates/index.d.ts +3 -6
- package/lib/types/components/picker/dates/index.js +92 -0
- package/lib/types/components/picker/dates/panel.d.ts +3 -0
- package/lib/types/components/picker/dates/panel.js +146 -0
- package/lib/types/components/picker/index.d.ts +10 -0
- package/lib/types/components/picker/time/index.d.ts +2 -6
- package/lib/types/components/picker/time/index.js +69 -0
- package/lib/types/components/picker/time/item.d.ts +1 -0
- package/lib/types/components/picker/time/item.js +16 -0
- package/lib/types/components/picker/time/panel.d.ts +1 -0
- package/lib/types/components/picker/time/panel.js +142 -0
- package/lib/types/components/picker/type.d.ts +7 -10
- package/lib/types/components/popconfirm/index.d.ts +2 -5
- package/lib/types/components/popconfirm/index.js +5 -0
- package/lib/types/components/popconfirm/popconfirm.d.ts +3 -6
- package/lib/types/components/popconfirm/popconfirm.js +84 -0
- package/lib/types/components/popconfirm/type.d.ts +3 -6
- package/lib/types/components/popup/content.d.ts +3 -0
- package/lib/types/components/popup/content.js +52 -0
- package/lib/types/components/popup/index.d.ts +2 -5
- package/lib/types/components/popup/index.js +5 -0
- package/lib/types/components/popup/popup.d.ts +2 -6
- package/lib/types/components/popup/popup.js +423 -0
- package/lib/types/components/popup/type.d.ts +7 -6
- package/lib/types/components/progress/circle.d.ts +2 -0
- package/lib/types/components/progress/circle.js +42 -0
- package/lib/types/components/progress/index.d.ts +2 -5
- package/lib/types/components/progress/index.js +5 -0
- package/lib/types/components/progress/line.d.ts +9 -0
- package/lib/types/components/progress/line.js +23 -0
- package/lib/types/components/progress/progress.d.ts +3 -6
- package/lib/types/components/progress/progress.js +98 -0
- package/lib/types/components/progress/type.d.ts +2 -5
- package/lib/types/components/radio/index.d.ts +2 -5
- package/lib/types/components/radio/index.js +5 -0
- package/lib/types/components/radio/item.d.ts +2 -6
- package/lib/types/components/radio/item.js +30 -0
- package/lib/types/components/radio/radio.d.ts +4 -7
- package/lib/types/components/radio/radio.js +60 -0
- package/lib/types/components/radio/type.d.ts +5 -7
- package/lib/types/components/resizable/index.d.ts +2 -5
- package/lib/types/components/resizable/index.js +5 -0
- package/lib/types/components/resizable/resizable.d.ts +3 -6
- package/lib/types/components/resizable/resizable.js +78 -0
- package/lib/types/components/resizable/type.d.ts +2 -5
- package/lib/types/components/river/index.d.ts +2 -5
- package/lib/types/components/river/index.js +5 -0
- package/lib/types/components/river/river.d.ts +3 -6
- package/lib/types/components/river/river.js +113 -0
- package/lib/types/components/river/type.d.ts +1 -4
- package/lib/types/components/select/index.d.ts +2 -5
- package/lib/types/components/select/index.js +5 -0
- package/lib/types/components/select/options.d.ts +5 -0
- package/lib/types/components/select/options.js +71 -0
- package/lib/types/components/select/select.d.ts +3 -6
- package/lib/types/components/select/select.js +153 -0
- package/lib/types/components/select/type.d.ts +9 -7
- package/lib/types/components/step/divider.d.ts +1 -0
- package/lib/types/components/step/divider.js +8 -0
- package/lib/types/components/step/index.d.ts +2 -5
- package/lib/types/components/step/index.js +5 -0
- package/lib/types/components/step/item.d.ts +3 -6
- package/lib/types/components/step/item.js +56 -0
- package/lib/types/components/step/step.d.ts +4 -7
- package/lib/types/components/step/step.js +39 -0
- package/lib/types/components/step/type.d.ts +2 -5
- package/lib/types/components/swiper/index.d.ts +2 -5
- package/lib/types/components/swiper/index.js +5 -0
- package/lib/types/components/swiper/item.d.ts +3 -6
- package/lib/types/components/swiper/item.js +35 -0
- package/lib/types/components/swiper/swiper.d.ts +2 -4
- package/lib/types/components/swiper/swiper.js +259 -0
- package/lib/types/components/swiper/type.d.ts +6 -9
- package/lib/types/components/tabs/index.d.ts +2 -5
- package/lib/types/components/tabs/index.js +5 -0
- package/lib/types/components/tabs/item.d.ts +3 -6
- package/lib/types/components/tabs/item.js +7 -0
- package/lib/types/components/tabs/tabs.d.ts +2 -4
- package/lib/types/components/tabs/tabs.js +269 -0
- package/lib/types/components/tabs/type.d.ts +8 -10
- package/lib/types/components/tag/index.d.ts +2 -5
- package/lib/types/components/tag/index.js +5 -0
- package/lib/types/components/tag/tag.d.ts +3 -6
- package/lib/types/components/tag/tag.js +29 -0
- package/lib/types/components/tag/type.d.ts +1 -4
- package/lib/types/components/text/highlight.d.ts +2 -6
- package/lib/types/components/text/highlight.js +32 -0
- package/lib/types/components/text/index.d.ts +2 -5
- package/lib/types/components/text/index.js +5 -0
- package/lib/types/components/text/number.d.ts +2 -6
- package/lib/types/components/text/number.js +29 -0
- package/lib/types/components/text/text.d.ts +2 -4
- package/lib/types/components/text/text.js +36 -0
- package/lib/types/components/text/time.d.ts +2 -6
- package/lib/types/components/text/time.js +21 -0
- package/lib/types/components/text/type.d.ts +10 -13
- package/lib/types/components/tree/index.d.ts +2 -5
- package/lib/types/components/tree/index.js +5 -0
- package/lib/types/components/tree/item.d.ts +11 -0
- package/lib/types/components/tree/item.js +132 -0
- package/lib/types/components/tree/tree.d.ts +3 -6
- package/lib/types/components/tree/tree.js +125 -0
- package/lib/types/components/tree/type.d.ts +19 -7
- package/lib/types/components/upload/index.d.ts +2 -5
- package/lib/types/components/upload/index.js +5 -0
- package/lib/types/components/upload/renderFile.d.ts +7 -0
- package/lib/types/components/upload/renderFile.js +94 -0
- package/lib/types/components/upload/type.d.ts +13 -9
- package/lib/types/components/upload/upload.d.ts +3 -6
- package/lib/types/components/upload/upload.js +162 -0
- package/lib/types/components/utils/empty/index.d.ts +1 -0
- package/lib/types/components/utils/empty/index.js +14 -0
- package/lib/types/components/utils/helpericon/helpericon.d.ts +3 -0
- package/lib/types/components/utils/helpericon/helpericon.js +21 -0
- package/lib/types/components/utils/helpericon/index.d.ts +2 -0
- package/lib/types/components/utils/helpericon/index.js +5 -0
- package/lib/types/components/utils/helpericon/type.d.ts +11 -0
- package/lib/types/components/video/index.d.ts +2 -5
- package/lib/types/components/video/index.js +5 -0
- package/lib/types/components/video/type.d.ts +3 -6
- package/lib/types/components/video/video.d.ts +3 -6
- package/lib/types/components/video/video.js +234 -0
- package/lib/types/index.d.ts +40 -41
- package/lib/types/index.js +43 -0
- package/lib/types/js/hooks.d.ts +36 -0
- package/lib/types/js/hooks.js +249 -0
- package/lib/types/js/usePreview/content.d.ts +2 -0
- package/lib/types/js/usePreview/content.js +193 -0
- package/lib/types/js/usePreview/index.d.ts +2 -5
- package/lib/types/js/usePreview/index.js +37 -0
- package/lib/types/js/usePreview/renderFile.d.ts +2 -0
- package/lib/types/js/usePreview/renderFile.js +25 -0
- package/lib/types/js/usePreview/type.d.ts +13 -7
- package/lib/types/js/usePreview/type.js +13 -0
- package/lib/types/js/useRipple/index.d.ts +2 -0
- package/lib/types/js/useRipple/index.js +44 -0
- package/lib/types/js/useTheme/index.d.ts +2 -4
- package/lib/types/js/useTheme/index.js +27 -0
- package/lib/types/js/useTheme/type.d.ts +5 -3
- package/lib/types/js/utils.d.ts +36 -0
- package/lib/types/js/utils.js +267 -0
- package/lib/types/type/index.d.ts +16 -10
- package/package.json +91 -100
- package/lib/cjs/components/affix/affix.js +0 -71
- package/lib/cjs/components/affix/affix.js.map +0 -1
- package/lib/cjs/components/affix/index.js +0 -10
- package/lib/cjs/components/affix/index.js.map +0 -1
- package/lib/cjs/components/affix/totop.js +0 -21
- package/lib/cjs/components/affix/totop.js.map +0 -1
- package/lib/cjs/components/badge/badge.js +0 -21
- package/lib/cjs/components/badge/badge.js.map +0 -1
- package/lib/cjs/components/badge/index.js +0 -10
- package/lib/cjs/components/badge/index.js.map +0 -1
- package/lib/cjs/components/button/button.js +0 -72
- package/lib/cjs/components/button/button.js.map +0 -1
- package/lib/cjs/components/button/confirm.js +0 -58
- package/lib/cjs/components/button/confirm.js.map +0 -1
- package/lib/cjs/components/button/group.js +0 -29
- package/lib/cjs/components/button/group.js.map +0 -1
- package/lib/cjs/components/button/index.js +0 -10
- package/lib/cjs/components/button/index.js.map +0 -1
- package/lib/cjs/components/button/toggle.js +0 -47
- package/lib/cjs/components/button/toggle.js.map +0 -1
- package/lib/cjs/components/card/card.js +0 -21
- package/lib/cjs/components/card/card.js.map +0 -1
- package/lib/cjs/components/card/index.js +0 -10
- package/lib/cjs/components/card/index.js.map +0 -1
- package/lib/cjs/components/checkbox/checkbox.js +0 -47
- package/lib/cjs/components/checkbox/checkbox.js.map +0 -1
- package/lib/cjs/components/checkbox/index.js +0 -10
- package/lib/cjs/components/checkbox/index.js.map +0 -1
- package/lib/cjs/components/checkbox/item.js +0 -43
- package/lib/cjs/components/checkbox/item.js.map +0 -1
- package/lib/cjs/components/collapse/collapse.js +0 -80
- package/lib/cjs/components/collapse/collapse.js.map +0 -1
- package/lib/cjs/components/collapse/index.js +0 -10
- package/lib/cjs/components/collapse/index.js.map +0 -1
- package/lib/cjs/components/collapse/item.js +0 -12
- package/lib/cjs/components/collapse/item.js.map +0 -1
- package/lib/cjs/components/datagrid/cell.js +0 -31
- package/lib/cjs/components/datagrid/cell.js.map +0 -1
- package/lib/cjs/components/datagrid/datagrid.js +0 -121
- package/lib/cjs/components/datagrid/datagrid.js.map +0 -1
- package/lib/cjs/components/datagrid/index.js +0 -10
- package/lib/cjs/components/datagrid/index.js.map +0 -1
- package/lib/cjs/components/datagrid/resize.js +0 -44
- package/lib/cjs/components/datagrid/resize.js.map +0 -1
- package/lib/cjs/components/datagrid/row.js +0 -41
- package/lib/cjs/components/datagrid/row.js.map +0 -1
- package/lib/cjs/components/datagrid/sorter.js +0 -21
- package/lib/cjs/components/datagrid/sorter.js.map +0 -1
- package/lib/cjs/components/description/description.js +0 -36
- package/lib/cjs/components/description/description.js.map +0 -1
- package/lib/cjs/components/description/index.js +0 -10
- package/lib/cjs/components/description/index.js.map +0 -1
- package/lib/cjs/components/drawer/drawer.js +0 -74
- package/lib/cjs/components/drawer/drawer.js.map +0 -1
- package/lib/cjs/components/drawer/index.js +0 -10
- package/lib/cjs/components/drawer/index.js.map +0 -1
- package/lib/cjs/components/dropdown/dropdown.js +0 -33
- package/lib/cjs/components/dropdown/dropdown.js.map +0 -1
- package/lib/cjs/components/dropdown/index.js +0 -10
- package/lib/cjs/components/dropdown/index.js.map +0 -1
- package/lib/cjs/components/dropdown/item.js +0 -22
- package/lib/cjs/components/dropdown/item.js.map +0 -1
- package/lib/cjs/components/editor/controls.js +0 -95
- package/lib/cjs/components/editor/controls.js.map +0 -1
- package/lib/cjs/components/editor/editor.js +0 -89
- package/lib/cjs/components/editor/editor.js.map +0 -1
- package/lib/cjs/components/editor/index.js +0 -10
- package/lib/cjs/components/editor/index.js.map +0 -1
- package/lib/cjs/components/flex/flex.js +0 -36
- package/lib/cjs/components/flex/flex.js.map +0 -1
- package/lib/cjs/components/flex/index.js +0 -10
- package/lib/cjs/components/flex/index.js.map +0 -1
- package/lib/cjs/components/form/context.js +0 -10
- package/lib/cjs/components/form/context.js.map +0 -1
- package/lib/cjs/components/form/field.js +0 -77
- package/lib/cjs/components/form/field.js.map +0 -1
- package/lib/cjs/components/form/form.js +0 -68
- package/lib/cjs/components/form/form.js.map +0 -1
- package/lib/cjs/components/form/index.js +0 -10
- package/lib/cjs/components/form/index.js.map +0 -1
- package/lib/cjs/components/form/useConfig.js +0 -38
- package/lib/cjs/components/form/useConfig.js.map +0 -1
- package/lib/cjs/components/form/useForm.js +0 -142
- package/lib/cjs/components/form/useForm.js.map +0 -1
- package/lib/cjs/components/icon/icon.js +0 -31
- package/lib/cjs/components/icon/icon.js.map +0 -1
- package/lib/cjs/components/icon/index.js +0 -10
- package/lib/cjs/components/icon/index.js.map +0 -1
- package/lib/cjs/components/image/image.js +0 -87
- package/lib/cjs/components/image/image.js.map +0 -1
- package/lib/cjs/components/image/index.js +0 -10
- package/lib/cjs/components/image/index.js.map +0 -1
- package/lib/cjs/components/image/list.js +0 -47
- package/lib/cjs/components/image/list.js.map +0 -1
- package/lib/cjs/components/input/container.js +0 -22
- package/lib/cjs/components/input/container.js.map +0 -1
- package/lib/cjs/components/input/index.js +0 -10
- package/lib/cjs/components/input/index.js.map +0 -1
- package/lib/cjs/components/input/input.js +0 -83
- package/lib/cjs/components/input/input.js.map +0 -1
- package/lib/cjs/components/input/number.js +0 -117
- package/lib/cjs/components/input/number.js.map +0 -1
- package/lib/cjs/components/input/range.js +0 -81
- package/lib/cjs/components/input/range.js.map +0 -1
- package/lib/cjs/components/input/textarea.js +0 -57
- package/lib/cjs/components/input/textarea.js.map +0 -1
- package/lib/cjs/components/list/index.js +0 -10
- package/lib/cjs/components/list/index.js.map +0 -1
- package/lib/cjs/components/list/item.js +0 -23
- package/lib/cjs/components/list/item.js.map +0 -1
- package/lib/cjs/components/list/list.js +0 -33
- package/lib/cjs/components/list/list.js.map +0 -1
- package/lib/cjs/components/loading/index.js +0 -10
- package/lib/cjs/components/loading/index.js.map +0 -1
- package/lib/cjs/components/loading/loading.js +0 -25
- package/lib/cjs/components/loading/loading.js.map +0 -1
- package/lib/cjs/components/message/index.js +0 -10
- package/lib/cjs/components/message/index.js.map +0 -1
- package/lib/cjs/components/message/message.js +0 -196
- package/lib/cjs/components/message/message.js.map +0 -1
- package/lib/cjs/components/modal/content.js +0 -37
- package/lib/cjs/components/modal/content.js.map +0 -1
- package/lib/cjs/components/modal/context.js +0 -10
- package/lib/cjs/components/modal/context.js.map +0 -1
- package/lib/cjs/components/modal/hookModal.js +0 -31
- package/lib/cjs/components/modal/hookModal.js.map +0 -1
- package/lib/cjs/components/modal/index.js +0 -10
- package/lib/cjs/components/modal/index.js.map +0 -1
- package/lib/cjs/components/modal/modal.js +0 -99
- package/lib/cjs/components/modal/modal.js.map +0 -1
- package/lib/cjs/components/modal/useModal.js +0 -38
- package/lib/cjs/components/modal/useModal.js.map +0 -1
- package/lib/cjs/components/pagination/index.js +0 -10
- package/lib/cjs/components/pagination/index.js.map +0 -1
- package/lib/cjs/components/pagination/page.js +0 -32
- package/lib/cjs/components/pagination/page.js.map +0 -1
- package/lib/cjs/components/pagination/pagination.js +0 -52
- package/lib/cjs/components/pagination/pagination.js.map +0 -1
- package/lib/cjs/components/picker/colors/footer.js +0 -39
- package/lib/cjs/components/picker/colors/footer.js.map +0 -1
- package/lib/cjs/components/picker/colors/handle.js +0 -18
- package/lib/cjs/components/picker/colors/handle.js.map +0 -1
- package/lib/cjs/components/picker/colors/index.js +0 -67
- package/lib/cjs/components/picker/colors/index.js.map +0 -1
- package/lib/cjs/components/picker/dates/dates.js +0 -55
- package/lib/cjs/components/picker/dates/dates.js.map +0 -1
- package/lib/cjs/components/picker/dates/index.js +0 -69
- package/lib/cjs/components/picker/dates/index.js.map +0 -1
- package/lib/cjs/components/picker/dates/panel.js +0 -80
- package/lib/cjs/components/picker/dates/panel.js.map +0 -1
- package/lib/cjs/components/picker/time/index.js +0 -50
- package/lib/cjs/components/picker/time/index.js.map +0 -1
- package/lib/cjs/components/picker/time/item.js +0 -23
- package/lib/cjs/components/picker/time/item.js.map +0 -1
- package/lib/cjs/components/picker/time/panel.js +0 -104
- package/lib/cjs/components/picker/time/panel.js.map +0 -1
- package/lib/cjs/components/popconfirm/index.js +0 -10
- package/lib/cjs/components/popconfirm/index.js.map +0 -1
- package/lib/cjs/components/popconfirm/popconfirm.js +0 -57
- package/lib/cjs/components/popconfirm/popconfirm.js.map +0 -1
- package/lib/cjs/components/popup/content.js +0 -51
- package/lib/cjs/components/popup/content.js.map +0 -1
- package/lib/cjs/components/popup/index.js +0 -10
- package/lib/cjs/components/popup/index.js.map +0 -1
- package/lib/cjs/components/popup/popup.js +0 -465
- package/lib/cjs/components/popup/popup.js.map +0 -1
- package/lib/cjs/components/progress/circle.js +0 -16
- package/lib/cjs/components/progress/circle.js.map +0 -1
- package/lib/cjs/components/progress/index.js +0 -10
- package/lib/cjs/components/progress/index.js.map +0 -1
- package/lib/cjs/components/progress/line.js +0 -22
- package/lib/cjs/components/progress/line.js.map +0 -1
- package/lib/cjs/components/progress/progress.js +0 -90
- package/lib/cjs/components/progress/progress.js.map +0 -1
- package/lib/cjs/components/radio/index.js +0 -10
- package/lib/cjs/components/radio/index.js.map +0 -1
- package/lib/cjs/components/radio/item.js +0 -25
- package/lib/cjs/components/radio/item.js.map +0 -1
- package/lib/cjs/components/radio/radio.js +0 -40
- package/lib/cjs/components/radio/radio.js.map +0 -1
- package/lib/cjs/components/resizable/index.js +0 -10
- package/lib/cjs/components/resizable/index.js.map +0 -1
- package/lib/cjs/components/resizable/resizable.js +0 -68
- package/lib/cjs/components/resizable/resizable.js.map +0 -1
- package/lib/cjs/components/river/index.js +0 -10
- package/lib/cjs/components/river/index.js.map +0 -1
- package/lib/cjs/components/river/river.js +0 -114
- package/lib/cjs/components/river/river.js.map +0 -1
- package/lib/cjs/components/select/index.js +0 -10
- package/lib/cjs/components/select/index.js.map +0 -1
- package/lib/cjs/components/select/options.js +0 -55
- package/lib/cjs/components/select/options.js.map +0 -1
- package/lib/cjs/components/select/select.js +0 -103
- package/lib/cjs/components/select/select.js.map +0 -1
- package/lib/cjs/components/step/divider.js +0 -12
- package/lib/cjs/components/step/divider.js.map +0 -1
- package/lib/cjs/components/step/index.js +0 -10
- package/lib/cjs/components/step/index.js.map +0 -1
- package/lib/cjs/components/step/item.js +0 -30
- package/lib/cjs/components/step/item.js.map +0 -1
- package/lib/cjs/components/step/step.js +0 -44
- package/lib/cjs/components/step/step.js.map +0 -1
- package/lib/cjs/components/swiper/index.js +0 -10
- package/lib/cjs/components/swiper/index.js.map +0 -1
- package/lib/cjs/components/swiper/item.js +0 -33
- package/lib/cjs/components/swiper/item.js.map +0 -1
- package/lib/cjs/components/swiper/swiper.js +0 -241
- package/lib/cjs/components/swiper/swiper.js.map +0 -1
- package/lib/cjs/components/tabs/index.js +0 -10
- package/lib/cjs/components/tabs/index.js.map +0 -1
- package/lib/cjs/components/tabs/item.js +0 -12
- package/lib/cjs/components/tabs/item.js.map +0 -1
- package/lib/cjs/components/tabs/tabs.js +0 -228
- package/lib/cjs/components/tabs/tabs.js.map +0 -1
- package/lib/cjs/components/tag/index.js +0 -10
- package/lib/cjs/components/tag/index.js.map +0 -1
- package/lib/cjs/components/tag/tag.js +0 -26
- package/lib/cjs/components/tag/tag.js.map +0 -1
- package/lib/cjs/components/text/highlight.js +0 -32
- package/lib/cjs/components/text/highlight.js.map +0 -1
- package/lib/cjs/components/text/index.js +0 -10
- package/lib/cjs/components/text/index.js.map +0 -1
- package/lib/cjs/components/text/number.js +0 -31
- package/lib/cjs/components/text/number.js.map +0 -1
- package/lib/cjs/components/text/text.js +0 -42
- package/lib/cjs/components/text/text.js.map +0 -1
- package/lib/cjs/components/text/time.js +0 -24
- package/lib/cjs/components/text/time.js.map +0 -1
- package/lib/cjs/components/tree/index.js +0 -10
- package/lib/cjs/components/tree/index.js.map +0 -1
- package/lib/cjs/components/tree/item.js +0 -80
- package/lib/cjs/components/tree/item.js.map +0 -1
- package/lib/cjs/components/tree/tree.js +0 -134
- package/lib/cjs/components/tree/tree.js.map +0 -1
- package/lib/cjs/components/upload/index.js +0 -10
- package/lib/cjs/components/upload/index.js.map +0 -1
- package/lib/cjs/components/upload/renderFile.js +0 -69
- package/lib/cjs/components/upload/renderFile.js.map +0 -1
- package/lib/cjs/components/upload/upload.js +0 -126
- package/lib/cjs/components/upload/upload.js.map +0 -1
- package/lib/cjs/components/utils/empty/index.js +0 -19
- package/lib/cjs/components/utils/empty/index.js.map +0 -1
- package/lib/cjs/components/utils/helpericon/helpericon.js +0 -32
- package/lib/cjs/components/utils/helpericon/helpericon.js.map +0 -1
- package/lib/cjs/components/utils/helpericon/index.js +0 -10
- package/lib/cjs/components/utils/helpericon/index.js.map +0 -1
- package/lib/cjs/components/video/index.js +0 -10
- package/lib/cjs/components/video/index.js.map +0 -1
- package/lib/cjs/components/video/video.js +0 -181
- package/lib/cjs/components/video/video.js.map +0 -1
- package/lib/cjs/index.js +0 -88
- package/lib/cjs/index.js.map +0 -1
- package/lib/cjs/js/hooks.js +0 -304
- package/lib/cjs/js/hooks.js.map +0 -1
- package/lib/cjs/js/usePreview/content.js +0 -164
- package/lib/cjs/js/usePreview/content.js.map +0 -1
- package/lib/cjs/js/usePreview/index.js +0 -27
- package/lib/cjs/js/usePreview/index.js.map +0 -1
- package/lib/cjs/js/usePreview/renderFile.js +0 -24
- package/lib/cjs/js/usePreview/renderFile.js.map +0 -1
- package/lib/cjs/js/usePreview/type.js +0 -13
- package/lib/cjs/js/usePreview/type.js.map +0 -1
- package/lib/cjs/js/useRipple/index.js +0 -51
- package/lib/cjs/js/useRipple/index.js.map +0 -1
- package/lib/cjs/js/useTheme/index.js +0 -37
- package/lib/cjs/js/useTheme/index.js.map +0 -1
- package/lib/cjs/js/utils.js +0 -302
- package/lib/cjs/js/utils.js.map +0 -1
- package/lib/css/index.css.map +0 -1
- package/lib/es/index.js.map +0 -1
- package/lib/index.js +0 -5146
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.js","sources":["../../../../packages/components/popup/popup.tsx"],"sourcesContent":["import { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tRef,\n\tcloneElement,\n\tisValidElement,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useMouseUp, useResizeObserver } from \"../../js/hooks\";\nimport { getPointPosition, getPosition } from \"../../js/utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport { IPopup } from \"./type\";\n\nexport default function Popup(props: IPopup) {\n\tconst {\n\t\tvisible = false,\n\t\tcontent,\n\t\ttrigger = \"hover\",\n\t\tgap = 12,\n\t\toffset = 8,\n\t\tposition = \"top\",\n\t\tshowDelay = 16,\n\t\thideDelay = 12,\n\t\ttouchable,\n\t\tarrow = true,\n\t\talign = \"center\",\n\t\tfitSize,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonVisibleChange,\n\t} = props;\n\n\tconst triggerRef = useRef<HTMLElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst afterHideTimerRef = useRef<any>(null);\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst [show, setShow] = useState(false);\n\tconst showRef = useRef(false);\n\tshowRef.current = show;\n\n\tconst latestRef = useRef({\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t});\n\tlatestRef.current = {\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t};\n\n\tconst phaseRef = useRef<\"\" | \"showing\" | \"hiding\">(\"\");\n\tconst lastPosRef = useRef<{ left: number; top: number } | null>(null);\n\tconst lastArrowRef = useRef<{\n\t\tleft: number;\n\t\ttop: number;\n\t\ttransform: string;\n\t} | null>(null);\n\tconst arrowElRef = useRef<HTMLElement | null>(null);\n\tconst pointRef = useRef<{ pageX: number; pageY: number } | null>(null);\n\n\tconst clearTimer = () => {\n\t\tif (!timerRef.current) return;\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t\tphaseRef.current = \"\";\n\t};\n\n\tconst clearAllTimers = () => {\n\t\tclearTimer();\n\t\tif (afterHideTimerRef.current) {\n\t\t\tclearTimeout(afterHideTimerRef.current);\n\t\t\tafterHideTimerRef.current = null;\n\t\t}\n\t\tif (rafRef.current !== null) {\n\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\trafRef.current = null;\n\t\t}\n\t};\n\n\tconst setContentVisible = (visible: boolean) => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tel.style.opacity = visible ? \"1\" : \"0\";\n\t\tel.style.transform = visible ? \"none\" : \"translate(0, 2px)\";\n\t};\n\n\tconst ensureBaseStyle = () => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tconst pos = \"fixed\";\n\t\tif (el.style.position !== pos) el.style.position = pos;\n\t};\n\n\tconst applyFitSize = () => {\n\t\tconst o = latestRef.current;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst vertical = [\"top\", \"bottom\"].includes(o.position);\n\t\tconst key = vertical ? \"width\" : \"height\";\n\t\tif (!o.fitSize) {\n\t\t\t(contentEl.style as any)[key] = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tconst size = triggerEl[vertical ? \"offsetWidth\" : \"offsetHeight\"];\n\t\t(contentEl.style as any)[key] =\n\t\t\ttypeof size === \"number\" ? `${size}px` : \"\";\n\t};\n\n\tconst applyArrow = (arrowX: number, arrowY: number, arrowPos: string) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst arrowEl =\n\t\t\tarrowElRef.current ??\n\t\t\t(contentEl.querySelector(\".i-popup-arrow\") as HTMLElement | null);\n\t\tarrowElRef.current = arrowEl;\n\t\tif (!arrowEl) return;\n\n\t\tlet left = arrowX ?? 0;\n\t\tlet top = arrowY ?? 0;\n\t\tlet transform = \"\";\n\n\t\tswitch (arrowPos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst prev = lastArrowRef.current;\n\t\tif (\n\t\t\tprev &&\n\t\t\tprev.left === left &&\n\t\t\tprev.top === top &&\n\t\t\tprev.transform === transform\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlastArrowRef.current = { left, top, transform };\n\t\tarrowEl.style.left = `${left}px`;\n\t\tarrowEl.style.top = `${top}px`;\n\t\tarrowEl.style.transform = transform;\n\t};\n\n\tconst applyLeftTop = (left: number, top: number) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst prev = lastPosRef.current;\n\t\tif (prev && prev.left === left && prev.top === top) return;\n\n\t\tlastPosRef.current = { left, top };\n\t\tcontentEl.style.left = `${left}px`;\n\t\tcontentEl.style.top = `${top}px`;\n\t};\n\n\tconst computeRelativePosition = () => {\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst o = latestRef.current;\n\t\tapplyFitSize();\n\n\t\tconst [left, top, { arrowX, arrowY, arrowPos }] = getPosition(\n\t\t\ttriggerEl,\n\t\t\tcontentEl,\n\t\t\t{\n\t\t\t\tposition: o.position,\n\t\t\t\tgap: o.gap,\n\t\t\t\toffset: o.offset,\n\t\t\t\talign: o.align,\n\t\t\t\trefWindow: true,\n\t\t\t},\n\t\t);\n\n\t\tapplyLeftTop(left, top);\n\t\tapplyArrow(arrowX, arrowY, arrowPos);\n\t};\n\n\tconst computePointPosition = () => {\n\t\tconst contentEl = contentRef.current as HTMLElement | null;\n\t\tif (!contentEl) return;\n\t\tconst point = pointRef.current;\n\t\tif (!point) return;\n\n\t\tconst [left, top] = getPointPosition(point as any, contentEl);\n\t\tapplyLeftTop(left, top);\n\t};\n\n\tconst scheduleComputePosition = () => {\n\t\tif (!showRef.current) return;\n\t\tif (rafRef.current !== null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tif (!showRef.current) return;\n\t\t\tensureBaseStyle();\n\n\t\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\t\tcomputePointPosition();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcomputeRelativePosition();\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tconst opts = latestRef.current;\n\t\tif (opts.disabled) return;\n\t\tclearAllTimers();\n\t\tif (\n\t\t\tshowRef.current &&\n\t\t\t(opts.trigger !== \"hover\" ||\n\t\t\t\t(opts.trigger === \"hover\" && !opts.touchable))\n\t\t) {\n\t\t\tensureBaseStyle();\n\t\t\tcomputeRelativePosition();\n\t\t\tsetContentVisible(true);\n\t\t\treturn;\n\t\t}\n\n\t\tphaseRef.current = \"showing\";\n\t\tif (!showRef.current) {\n\t\t\tlastPosRef.current = null;\n\t\t\tlastArrowRef.current = null;\n\t\t\tarrowElRef.current = null;\n\t\t\tsetShow(true);\n\t\t}\n\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"showing\") return;\n\n\t\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\t\trafRef.current = null;\n\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\tensureBaseStyle();\n\t\t\t\tif (opts.trigger === \"contextmenu\") {\n\t\t\t\t\tcomputePointPosition();\n\t\t\t\t} else {\n\t\t\t\t\tcomputeRelativePosition();\n\t\t\t\t}\n\t\t\t\tsetContentVisible(true);\n\t\t\t\topts.onVisibleChange?.(true);\n\t\t\t\tclearTimer();\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t});\n\t\t}, opts.showDelay);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!showRef.current) return;\n\n\t\tclearAllTimers();\n\t\tphaseRef.current = \"hiding\";\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"hiding\") {\n\t\t\t\tclearTimer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetContentVisible(false);\n\n\t\t\tafterHideTimerRef.current = setTimeout(() => {\n\t\t\t\tafterHideTimerRef.current = null;\n\t\t\t\tsetShow(false);\n\t\t\t\tclearAllTimers();\n\t\t\t\tlatestRef.current.onVisibleChange?.(false);\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t}, 160);\n\t\t}, latestRef.current.hideDelay);\n\t};\n\n\tconst handleToggle = (action?: boolean) => {\n\t\tif (action !== undefined) {\n\t\t\taction ? handleShow() : handleHide();\n\t\t\treturn;\n\t\t}\n\t\tshowRef.current ? handleHide() : handleShow();\n\t};\n\n\tconst hideRef = useRef(handleHide);\n\tconst toggleRef = useRef(handleToggle);\n\thideRef.current = handleHide;\n\ttoggleRef.current = handleToggle;\n\n\tconst doHide = useMemo(() => () => hideRef.current(), []);\n\tconst doToggle = useMemo(\n\t\t() => (action?: boolean) => toggleRef.current(action),\n\t\t[],\n\t);\n\n\tconst eventMaps = useMemo(() => {\n\t\treturn {\n\t\t\tclick: {\n\t\t\t\tonClick: () => doToggle(true),\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tonMouseEnter: () => doToggle(true),\n\t\t\t\tonMouseLeave: () => doToggle(false),\n\t\t\t},\n\t\t\tfocus: {\n\t\t\t\tonFocus: () => doToggle(true),\n\t\t\t\tonBlur: () => doToggle(false),\n\t\t\t},\n\t\t\tcontextmenu: {\n\t\t\t\tonContextMenu: (e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\tpointRef.current = {\n\t\t\t\t\t\tpageX: (e as any).pageX,\n\t\t\t\t\t\tpageY: (e as any).pageY,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (showRef.current) {\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tclearAllTimers();\n\t\t\t\t\tphaseRef.current = \"showing\";\n\t\t\t\t\tlastPosRef.current = null;\n\t\t\t\t\tlastArrowRef.current = null;\n\t\t\t\t\tarrowElRef.current = null;\n\t\t\t\t\tsetShow(true);\n\n\t\t\t\t\ttimerRef.current = setTimeout(() => {\n\t\t\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\tsetContentVisible(true);\n\t\t\t\t\t\tclearTimer();\n\t\t\t\t\t\tlatestRef.current.onVisibleChange?.(true);\n\t\t\t\t\t\tphaseRef.current = \"\";\n\t\t\t\t\t}, latestRef.current.showDelay);\n\t\t\t\t},\n\t\t\t},\n\t\t\tnone: {},\n\t\t};\n\t}, [doToggle]);\n\n\tconst contentTouch = useMemo(() => {\n\t\tif (!touchable) return {};\n\t\tconst events: { [key: string]: () => void } = {};\n\n\t\tif (trigger === \"hover\") {\n\t\t\tevents[\"onMouseEnter\"] = () => {\n\t\t\t\tclearTimer();\n\t\t\t};\n\t\t\tevents[\"onMouseLeave\"] = () => handleToggle(false);\n\t\t}\n\n\t\treturn events;\n\t}, [touchable, trigger]);\n\n\tconst { observe, unobserve, disconnect } = useResizeObserver();\n\tuseEffect(() => {\n\t\tif (!observe) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (triggerEl) observe(triggerEl, scheduleComputePosition);\n\t\tif (contentEl) observe(contentEl, scheduleComputePosition);\n\t\treturn () => {\n\t\t\tif (contentEl) unobserve(contentEl);\n\t\t\tif (triggerEl) unobserve(triggerEl);\n\t\t\tdisconnect();\n\t\t};\n\t}, [trigger, observe, unobserve, disconnect, show]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!show) return;\n\t\tensureBaseStyle();\n\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\tcomputePointPosition();\n\t\t} else {\n\t\t\tcomputeRelativePosition();\n\t\t}\n\t}, [show]);\n\n\tuseLayoutEffect(() => {\n\t\tdoToggle(visible);\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearAllTimers();\n\t\t};\n\t}, []);\n\n\tconst mouseUpHandlerRef = useRef<(e: any) => void>(() => {});\n\tmouseUpHandlerRef.current = (e) => {\n\t\tif (!showRef.current) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\t\tconst tar = e.target as HTMLElement;\n\t\tif (triggerEl.contains(tar) || contentEl.contains(tar)) return;\n\t\tdoHide();\n\t};\n\tconst onGlobalMouseUp = useMemo(\n\t\t() => (e: any) => mouseUpHandlerRef.current(e),\n\t\t[],\n\t);\n\tuseMouseUp(onGlobalMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!show) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onScrollOrResize = debounce({ delay: 160 }, () => {\n\t\t\tscheduleComputePosition();\n\t\t});\n\n\t\twindow.addEventListener(\"scroll\", onScrollOrResize, {\n\t\t\tpassive: true,\n\t\t\tcapture: true,\n\t\t});\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"scroll\", onScrollOrResize, true);\n\t\t};\n\t}, [show]);\n\n\tconst mergeRefs = (...refs: Array<Ref<HTMLElement> | undefined>) => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\tfor (const ref of refs) {\n\t\t\t\tif (!ref) continue;\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(node);\n\t\t\t\t} else {\n\t\t\t\t\t(ref as any).current = node;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(() => {\n\t\t\t\tconst events = eventMaps[trigger] as any;\n\t\t\t\tconst items = Children.toArray(children);\n\t\t\t\tconst canAttachRef = (el: any) => {\n\t\t\t\t\tif (!isValidElement(el)) return false;\n\t\t\t\t\tconst t: any = el.type;\n\t\t\t\t\tif (typeof t === \"string\") return true;\n\t\t\t\t\tif (t?.prototype?.isReactComponent) return true;\n\t\t\t\t\tif (t?.$$typeof === Symbol.for(\"react.forward_ref\"))\n\t\t\t\t\t\treturn true;\n\t\t\t\t\treturn false;\n\t\t\t\t};\n\n\t\t\t\tif (items.length !== 1) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst only = items[0] as any;\n\t\t\t\tif (!isValidElement(only) || !canAttachRef(only)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{only}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst { className: childClassName, ...restProps } =\n\t\t\t\t\tonly.props as any;\n\t\t\t\tconst nextProps: Record<string, any> = { ...restProps };\n\t\t\t\tfor (const evt of Object.keys(events)) {\n\t\t\t\t\tconst theirs = restProps[evt];\n\t\t\t\t\tconst ours = events[evt];\n\t\t\t\t\tnextProps[evt] =\n\t\t\t\t\t\ttypeof theirs === \"function\"\n\t\t\t\t\t\t\t? (e: any) => {\n\t\t\t\t\t\t\t\t\tours(e);\n\t\t\t\t\t\t\t\t\ttheirs(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: ours;\n\t\t\t\t}\n\t\t\t\treturn cloneElement(only as any, {\n\t\t\t\t\tref: mergeRefs((only as any).ref, triggerRef as any),\n\t\t\t\t\tclassName: childClassName,\n\t\t\t\t\t...nextProps,\n\t\t\t\t});\n\t\t\t})()}\n\n\t\t\t{show && (\n\t\t\t\t<Content\n\t\t\t\t\tref={contentRef}\n\t\t\t\t\tarrow={arrow && trigger !== \"contextmenu\"}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\t{...contentTouch}\n\t\t\t\t\ttrigger={triggerRef.current as HTMLElement}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</Content>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"popup.js","names":[],"sources":["../../../../packages/components/popup/popup.tsx"],"sourcesContent":["import { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tRef,\n\tcloneElement,\n\tisValidElement,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useMouseUp, useResizeObserver } from \"../../js/hooks\";\nimport { getPointPosition, getPosition } from \"../../js/utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport { IPopup } from \"./type\";\n\nexport default function Popup(props: IPopup) {\n\tconst {\n\t\tvisible = false,\n\t\tcontent,\n\t\ttrigger = \"hover\",\n\t\tgap = 12,\n\t\toffset = 8,\n\t\tposition = \"top\",\n\t\tshowDelay = 16,\n\t\thideDelay = 12,\n\t\ttouchable,\n\t\tarrow = true,\n\t\talign = \"center\",\n\t\tfitSize,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonVisibleChange,\n\t} = props;\n\n\tconst triggerRef = useRef<HTMLElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst afterHideTimerRef = useRef<any>(null);\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst [show, setShow] = useState(false);\n\tconst showRef = useRef(false);\n\tshowRef.current = show;\n\n\tconst latestRef = useRef({\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t});\n\tlatestRef.current = {\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t};\n\n\tconst phaseRef = useRef<\"\" | \"showing\" | \"hiding\">(\"\");\n\tconst lastPosRef = useRef<{ left: number; top: number } | null>(null);\n\tconst lastArrowRef = useRef<{\n\t\tleft: number;\n\t\ttop: number;\n\t\ttransform: string;\n\t} | null>(null);\n\tconst arrowElRef = useRef<HTMLElement | null>(null);\n\tconst pointRef = useRef<{ pageX: number; pageY: number } | null>(null);\n\n\tconst clearTimer = () => {\n\t\tif (!timerRef.current) return;\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t\tphaseRef.current = \"\";\n\t};\n\n\tconst clearAllTimers = () => {\n\t\tclearTimer();\n\t\tif (afterHideTimerRef.current) {\n\t\t\tclearTimeout(afterHideTimerRef.current);\n\t\t\tafterHideTimerRef.current = null;\n\t\t}\n\t\tif (rafRef.current !== null) {\n\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\trafRef.current = null;\n\t\t}\n\t};\n\n\tconst setContentVisible = (visible: boolean) => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tel.style.opacity = visible ? \"1\" : \"0\";\n\t\tel.style.transform = visible ? \"none\" : \"translate(0, 2px)\";\n\t};\n\n\tconst ensureBaseStyle = () => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tconst pos = \"fixed\";\n\t\tif (el.style.position !== pos) el.style.position = pos;\n\t};\n\n\tconst applyFitSize = () => {\n\t\tconst o = latestRef.current;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst vertical = [\"top\", \"bottom\"].includes(o.position);\n\t\tconst key = vertical ? \"width\" : \"height\";\n\t\tif (!o.fitSize) {\n\t\t\t(contentEl.style as any)[key] = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tconst size = triggerEl[vertical ? \"offsetWidth\" : \"offsetHeight\"];\n\t\t(contentEl.style as any)[key] =\n\t\t\ttypeof size === \"number\" ? `${size}px` : \"\";\n\t};\n\n\tconst applyArrow = (arrowX: number, arrowY: number, arrowPos: string) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst arrowEl =\n\t\t\tarrowElRef.current ??\n\t\t\t(contentEl.querySelector(\".i-popup-arrow\") as HTMLElement | null);\n\t\tarrowElRef.current = arrowEl;\n\t\tif (!arrowEl) return;\n\n\t\tlet left = arrowX ?? 0;\n\t\tlet top = arrowY ?? 0;\n\t\tlet transform = \"\";\n\n\t\tswitch (arrowPos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst prev = lastArrowRef.current;\n\t\tif (\n\t\t\tprev &&\n\t\t\tprev.left === left &&\n\t\t\tprev.top === top &&\n\t\t\tprev.transform === transform\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlastArrowRef.current = { left, top, transform };\n\t\tarrowEl.style.left = `${left}px`;\n\t\tarrowEl.style.top = `${top}px`;\n\t\tarrowEl.style.transform = transform;\n\t};\n\n\tconst applyLeftTop = (left: number, top: number) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst prev = lastPosRef.current;\n\t\tif (prev && prev.left === left && prev.top === top) return;\n\n\t\tlastPosRef.current = { left, top };\n\t\tcontentEl.style.left = `${left}px`;\n\t\tcontentEl.style.top = `${top}px`;\n\t};\n\n\tconst computeRelativePosition = () => {\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst o = latestRef.current;\n\t\tapplyFitSize();\n\n\t\tconst [left, top, { arrowX, arrowY, arrowPos }] = getPosition(\n\t\t\ttriggerEl,\n\t\t\tcontentEl,\n\t\t\t{\n\t\t\t\tposition: o.position,\n\t\t\t\tgap: o.gap,\n\t\t\t\toffset: o.offset,\n\t\t\t\talign: o.align,\n\t\t\t\trefWindow: true,\n\t\t\t},\n\t\t);\n\n\t\tapplyLeftTop(left, top);\n\t\tapplyArrow(arrowX, arrowY, arrowPos);\n\t};\n\n\tconst computePointPosition = () => {\n\t\tconst contentEl = contentRef.current as HTMLElement | null;\n\t\tif (!contentEl) return;\n\t\tconst point = pointRef.current;\n\t\tif (!point) return;\n\n\t\tconst [left, top] = getPointPosition(point as any, contentEl);\n\t\tapplyLeftTop(left, top);\n\t};\n\n\tconst scheduleComputePosition = () => {\n\t\tif (!showRef.current) return;\n\t\tif (rafRef.current !== null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tif (!showRef.current) return;\n\t\t\tensureBaseStyle();\n\n\t\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\t\tcomputePointPosition();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcomputeRelativePosition();\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tconst opts = latestRef.current;\n\t\tif (opts.disabled) return;\n\t\tclearAllTimers();\n\t\tif (\n\t\t\tshowRef.current &&\n\t\t\t(opts.trigger !== \"hover\" ||\n\t\t\t\t(opts.trigger === \"hover\" && !opts.touchable))\n\t\t) {\n\t\t\tensureBaseStyle();\n\t\t\tcomputeRelativePosition();\n\t\t\tsetContentVisible(true);\n\t\t\treturn;\n\t\t}\n\n\t\tphaseRef.current = \"showing\";\n\t\tif (!showRef.current) {\n\t\t\tlastPosRef.current = null;\n\t\t\tlastArrowRef.current = null;\n\t\t\tarrowElRef.current = null;\n\t\t\tsetShow(true);\n\t\t}\n\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"showing\") return;\n\n\t\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\t\trafRef.current = null;\n\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\tensureBaseStyle();\n\t\t\t\tif (opts.trigger === \"contextmenu\") {\n\t\t\t\t\tcomputePointPosition();\n\t\t\t\t} else {\n\t\t\t\t\tcomputeRelativePosition();\n\t\t\t\t}\n\t\t\t\tsetContentVisible(true);\n\t\t\t\topts.onVisibleChange?.(true);\n\t\t\t\tclearTimer();\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t});\n\t\t}, opts.showDelay);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!showRef.current) return;\n\n\t\tclearAllTimers();\n\t\tphaseRef.current = \"hiding\";\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"hiding\") {\n\t\t\t\tclearTimer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetContentVisible(false);\n\n\t\t\tafterHideTimerRef.current = setTimeout(() => {\n\t\t\t\tafterHideTimerRef.current = null;\n\t\t\t\tsetShow(false);\n\t\t\t\tclearAllTimers();\n\t\t\t\tlatestRef.current.onVisibleChange?.(false);\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t}, 160);\n\t\t}, latestRef.current.hideDelay);\n\t};\n\n\tconst handleToggle = (action?: boolean) => {\n\t\tif (action !== undefined) {\n\t\t\taction ? handleShow() : handleHide();\n\t\t\treturn;\n\t\t}\n\t\tshowRef.current ? handleHide() : handleShow();\n\t};\n\n\tconst hideRef = useRef(handleHide);\n\tconst toggleRef = useRef(handleToggle);\n\thideRef.current = handleHide;\n\ttoggleRef.current = handleToggle;\n\n\tconst doHide = useMemo(() => () => hideRef.current(), []);\n\tconst doToggle = useMemo(\n\t\t() => (action?: boolean) => toggleRef.current(action),\n\t\t[],\n\t);\n\n\tconst eventMaps = useMemo(() => {\n\t\treturn {\n\t\t\tclick: {\n\t\t\t\tonClick: () => doToggle(true),\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tonMouseEnter: () => doToggle(true),\n\t\t\t\tonMouseLeave: () => doToggle(false),\n\t\t\t},\n\t\t\tfocus: {\n\t\t\t\tonFocus: () => doToggle(true),\n\t\t\t\tonBlur: () => doToggle(false),\n\t\t\t},\n\t\t\tcontextmenu: {\n\t\t\t\tonContextMenu: (e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\tpointRef.current = {\n\t\t\t\t\t\tpageX: (e as any).pageX,\n\t\t\t\t\t\tpageY: (e as any).pageY,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (showRef.current) {\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tclearAllTimers();\n\t\t\t\t\tphaseRef.current = \"showing\";\n\t\t\t\t\tlastPosRef.current = null;\n\t\t\t\t\tlastArrowRef.current = null;\n\t\t\t\t\tarrowElRef.current = null;\n\t\t\t\t\tsetShow(true);\n\n\t\t\t\t\ttimerRef.current = setTimeout(() => {\n\t\t\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\tsetContentVisible(true);\n\t\t\t\t\t\tclearTimer();\n\t\t\t\t\t\tlatestRef.current.onVisibleChange?.(true);\n\t\t\t\t\t\tphaseRef.current = \"\";\n\t\t\t\t\t}, latestRef.current.showDelay);\n\t\t\t\t},\n\t\t\t},\n\t\t\tnone: {},\n\t\t};\n\t}, [doToggle]);\n\n\tconst contentTouch = useMemo(() => {\n\t\tif (!touchable) return {};\n\t\tconst events: { [key: string]: () => void } = {};\n\n\t\tif (trigger === \"hover\") {\n\t\t\tevents[\"onMouseEnter\"] = () => {\n\t\t\t\tclearTimer();\n\t\t\t};\n\t\t\tevents[\"onMouseLeave\"] = () => handleToggle(false);\n\t\t}\n\n\t\treturn events;\n\t}, [touchable, trigger]);\n\n\tconst { observe, unobserve, disconnect } = useResizeObserver();\n\tuseEffect(() => {\n\t\tif (!observe) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (triggerEl) observe(triggerEl, scheduleComputePosition);\n\t\tif (contentEl) observe(contentEl, scheduleComputePosition);\n\t\treturn () => {\n\t\t\tif (contentEl) unobserve(contentEl);\n\t\t\tif (triggerEl) unobserve(triggerEl);\n\t\t\tdisconnect();\n\t\t};\n\t}, [trigger, observe, unobserve, disconnect, show]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!show) return;\n\t\tensureBaseStyle();\n\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\tcomputePointPosition();\n\t\t} else {\n\t\t\tcomputeRelativePosition();\n\t\t}\n\t}, [show]);\n\n\tuseLayoutEffect(() => {\n\t\tdoToggle(visible);\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearAllTimers();\n\t\t};\n\t}, []);\n\n\tconst mouseUpHandlerRef = useRef<(e: any) => void>(() => {});\n\tmouseUpHandlerRef.current = (e) => {\n\t\tif (!showRef.current) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\t\tconst tar = e.target as HTMLElement;\n\t\tif (triggerEl.contains(tar) || contentEl.contains(tar)) return;\n\t\tdoHide();\n\t};\n\tconst onGlobalMouseUp = useMemo(\n\t\t() => (e: any) => mouseUpHandlerRef.current(e),\n\t\t[],\n\t);\n\tuseMouseUp(onGlobalMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!show) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onScrollOrResize = debounce({ delay: 160 }, () => {\n\t\t\tscheduleComputePosition();\n\t\t});\n\n\t\twindow.addEventListener(\"scroll\", onScrollOrResize, {\n\t\t\tpassive: true,\n\t\t\tcapture: true,\n\t\t});\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"scroll\", onScrollOrResize, true);\n\t\t};\n\t}, [show]);\n\n\tconst mergeRefs = (...refs: Array<Ref<HTMLElement> | undefined>) => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\tfor (const ref of refs) {\n\t\t\t\tif (!ref) continue;\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(node);\n\t\t\t\t} else {\n\t\t\t\t\t(ref as any).current = node;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(() => {\n\t\t\t\tconst events = eventMaps[trigger] as any;\n\t\t\t\tconst items = Children.toArray(children);\n\t\t\t\tconst canAttachRef = (el: any) => {\n\t\t\t\t\tif (!isValidElement(el)) return false;\n\t\t\t\t\tconst t: any = el.type;\n\t\t\t\t\tif (typeof t === \"string\") return true;\n\t\t\t\t\tif (t?.prototype?.isReactComponent) return true;\n\t\t\t\t\tif (t?.$$typeof === Symbol.for(\"react.forward_ref\"))\n\t\t\t\t\t\treturn true;\n\t\t\t\t\treturn false;\n\t\t\t\t};\n\n\t\t\t\tif (items.length !== 1) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst only = items[0] as any;\n\t\t\t\tif (!isValidElement(only) || !canAttachRef(only)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{only}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst { className: childClassName, ...restProps } =\n\t\t\t\t\tonly.props as any;\n\t\t\t\tconst nextProps: Record<string, any> = { ...restProps };\n\t\t\t\tfor (const evt of Object.keys(events)) {\n\t\t\t\t\tconst theirs = restProps[evt];\n\t\t\t\t\tconst ours = events[evt];\n\t\t\t\t\tnextProps[evt] =\n\t\t\t\t\t\ttypeof theirs === \"function\"\n\t\t\t\t\t\t\t? (e: any) => {\n\t\t\t\t\t\t\t\t\tours(e);\n\t\t\t\t\t\t\t\t\ttheirs(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: ours;\n\t\t\t\t}\n\t\t\t\treturn cloneElement(only as any, {\n\t\t\t\t\tref: mergeRefs((only as any).ref, triggerRef as any),\n\t\t\t\t\tclassName: childClassName,\n\t\t\t\t\t...nextProps,\n\t\t\t\t});\n\t\t\t})()}\n\n\t\t\t{show && (\n\t\t\t\t<Content\n\t\t\t\t\tref={contentRef}\n\t\t\t\t\tarrow={arrow && trigger !== \"contextmenu\"}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\t{...contentTouch}\n\t\t\t\t\ttrigger={triggerRef.current as HTMLElement}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</Content>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
|
|
@@ -1,12 +1,44 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import text_default from "../text/index.js";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
//#region packages/components/progress/circle.tsx
|
|
4
4
|
function Circle(props) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
const { value, circleSize = 40, lineWidth = 8 } = props;
|
|
6
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
7
|
+
className: "i-progress-circle",
|
|
8
|
+
children: [/* @__PURE__ */ jsxs("svg", {
|
|
9
|
+
width: circleSize,
|
|
10
|
+
height: circleSize,
|
|
11
|
+
children: [/* @__PURE__ */ jsx("circle", {
|
|
12
|
+
cx: circleSize / 2,
|
|
13
|
+
cy: circleSize / 2,
|
|
14
|
+
r: circleSize / 2 - lineWidth / 2,
|
|
15
|
+
fill: "none",
|
|
16
|
+
stroke: "var(--background-opacity-2)",
|
|
17
|
+
strokeWidth: lineWidth
|
|
18
|
+
}), /* @__PURE__ */ jsx("circle", {
|
|
19
|
+
cx: circleSize / 2,
|
|
20
|
+
cy: circleSize / 2,
|
|
21
|
+
r: circleSize / 2 - lineWidth / 2,
|
|
22
|
+
fill: "none",
|
|
23
|
+
stroke: "var(--color-main)",
|
|
24
|
+
strokeWidth: lineWidth,
|
|
25
|
+
strokeDasharray: 100,
|
|
26
|
+
pathLength: 100,
|
|
27
|
+
className: "i-progress-circle-path",
|
|
28
|
+
strokeLinecap: "round",
|
|
29
|
+
style: { strokeDashoffset: `calc(100 - ${value})` }
|
|
30
|
+
})]
|
|
31
|
+
}), /* @__PURE__ */ jsxs("span", {
|
|
32
|
+
className: "i-progress-circle-value",
|
|
33
|
+
children: [/* @__PURE__ */ jsx("span", { children: value }), /* @__PURE__ */ jsx(text_default, {
|
|
34
|
+
size: ".81em",
|
|
35
|
+
className: "color-7",
|
|
36
|
+
children: "%"
|
|
37
|
+
})]
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
9
40
|
}
|
|
10
|
-
|
|
41
|
+
//#endregion
|
|
11
42
|
export { Circle as default };
|
|
12
|
-
|
|
43
|
+
|
|
44
|
+
//# sourceMappingURL=circle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n\tprops: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">\n) {\n\tconst { value, circleSize = 40, lineWidth = 8 } = props;\n\n\treturn (\n\t\t<div className='i-progress-circle'>\n\t\t\t<svg width={circleSize} height={circleSize}>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--background-opacity-2)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--color-main)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t\tstrokeDasharray={100}\n\t\t\t\t\tpathLength={100}\n\t\t\t\t\tclassName='i-progress-circle-path'\n\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstrokeDashoffset: `calc(100 - ${value})`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span className='i-progress-circle-value'>\n\t\t\t\t<span>{value}</span>\n\t\t\t\t<Text size='.81em' className='color-7'>\n\t\t\t\t\t%\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"
|
|
1
|
+
{"version":3,"file":"circle.js","names":["Text"],"sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n\tprops: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">\n) {\n\tconst { value, circleSize = 40, lineWidth = 8 } = props;\n\n\treturn (\n\t\t<div className='i-progress-circle'>\n\t\t\t<svg width={circleSize} height={circleSize}>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--background-opacity-2)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--color-main)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t\tstrokeDasharray={100}\n\t\t\t\t\tpathLength={100}\n\t\t\t\t\tclassName='i-progress-circle-path'\n\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstrokeDashoffset: `calc(100 - ${value})`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span className='i-progress-circle-value'>\n\t\t\t\t<span>{value}</span>\n\t\t\t\t<Text size='.81em' className='color-7'>\n\t\t\t\t\t%\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;AAGA,SAAwB,OACvB,OACC;CACD,MAAM,EAAE,OAAO,aAAa,IAAI,YAAY,MAAM;AAElD,QACC,qBAAC,OAAD;EAAK,WAAU;YAAf,CACC,qBAAC,OAAD;GAAK,OAAO;GAAY,QAAQ;aAAhC,CACC,oBAAC,UAAD;IACC,IAAI,aAAa;IACjB,IAAI,aAAa;IACjB,GAAG,aAAa,IAAI,YAAY;IAChC,MAAK;IACL,QAAO;IACP,aAAa;IACZ,CAAA,EACF,oBAAC,UAAD;IACC,IAAI,aAAa;IACjB,IAAI,aAAa;IACjB,GAAG,aAAa,IAAI,YAAY;IAChC,MAAK;IACL,QAAO;IACP,aAAa;IACb,iBAAiB;IACjB,YAAY;IACZ,WAAU;IACV,eAAc;IACd,OAAO,EACN,kBAAkB,cAAc,MAAM,IACtC;IACA,CAAA,CACG;MAEN,qBAAC,QAAD;GAAM,WAAU;aAAhB,CACC,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,EACpB,oBAACA,cAAD;IAAM,MAAK;IAAQ,WAAU;cAAU;IAEhC,CAAA,CACD;KACF"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import Progress from
|
|
1
|
+
import Progress from "./progress.js";
|
|
2
|
+
//#region packages/components/progress/index.tsx
|
|
3
|
+
var progress_default = Progress;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { progress_default as default };
|
|
2
6
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export { Progress as default };
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/progress/index.tsx"],"sourcesContent":["import Progress from \"./progress\";\n\nexport default Progress;\n"],"mappings":";;AAEA,IAAA,mBAAe"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
//#region packages/components/progress/line.tsx
|
|
4
4
|
const Line = (props) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const { ref, value, lineWidth, vertical, barClass, dragging, renderCursor, onMouseDown, onTouchStart } = props;
|
|
6
|
+
return /* @__PURE__ */ jsx("div", {
|
|
7
|
+
ref,
|
|
8
|
+
className: classNames("i-progress", { "i-progress-vertical": vertical }),
|
|
9
|
+
style: { [vertical ? "width" : "height"]: lineWidth },
|
|
10
|
+
onMouseDown,
|
|
11
|
+
onTouchStart,
|
|
12
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
13
|
+
className: classNames("i-progress-bar", barClass, { "no-transition": dragging }),
|
|
14
|
+
style: { [vertical ? "height" : "width"]: `${value}%` },
|
|
15
|
+
children: renderCursor && /* @__PURE__ */ jsx("a", {
|
|
16
|
+
className: "i-progress-cursor",
|
|
17
|
+
children: renderCursor(value ?? 0)
|
|
18
|
+
})
|
|
19
|
+
})
|
|
20
|
+
});
|
|
11
21
|
};
|
|
12
|
-
|
|
22
|
+
//#endregion
|
|
13
23
|
export { Line as default };
|
|
14
|
-
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=line.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line.js","sources":["../../../../packages/components/progress/line.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { MouseEvent, RefObject } from \"react\";\nimport { IProgress } from \"./type\";\n\nconst Line = (\n\tprops: Pick<\n\t\tIProgress,\n\t\t\"value\" | \"vertical\" | \"lineWidth\" | \"barClass\" | \"renderCursor\"\n\t> & {\n\t\tref: RefObject<HTMLDivElement | null>;\n\t\tdragging: boolean;\n\t\tonMouseDown: (e: MouseEvent) => void;\n\t\tonTouchStart: (e) => void;\n\t}\n) => {\n\tconst {\n\t\tref,\n\t\tvalue,\n\t\tlineWidth,\n\t\tvertical,\n\t\tbarClass,\n\t\tdragging,\n\t\trenderCursor,\n\t\tonMouseDown,\n\t\tonTouchStart,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-progress\", {\n\t\t\t\t\"i-progress-vertical\": vertical,\n\t\t\t})}\n\t\t\tstyle={{ [vertical ? \"width\" : \"height\"]: lineWidth }}\n\t\t\tonMouseDown={onMouseDown}\n\t\t\tonTouchStart={onTouchStart}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-progress-bar\", barClass, {\n\t\t\t\t\t\"no-transition\": dragging,\n\t\t\t\t})}\n\t\t\t\tstyle={{ [vertical ? \"height\" : \"width\"]: `${value}%` }}\n\t\t\t>\n\t\t\t\t{renderCursor && (\n\t\t\t\t\t<a className='i-progress-cursor'>\n\t\t\t\t\t\t{renderCursor(value ?? 0)}\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Line;\n"],"
|
|
1
|
+
{"version":3,"file":"line.js","names":[],"sources":["../../../../packages/components/progress/line.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { MouseEvent, RefObject } from \"react\";\nimport { IProgress } from \"./type\";\n\nconst Line = (\n\tprops: Pick<\n\t\tIProgress,\n\t\t\"value\" | \"vertical\" | \"lineWidth\" | \"barClass\" | \"renderCursor\"\n\t> & {\n\t\tref: RefObject<HTMLDivElement | null>;\n\t\tdragging: boolean;\n\t\tonMouseDown: (e: MouseEvent) => void;\n\t\tonTouchStart: (e) => void;\n\t}\n) => {\n\tconst {\n\t\tref,\n\t\tvalue,\n\t\tlineWidth,\n\t\tvertical,\n\t\tbarClass,\n\t\tdragging,\n\t\trenderCursor,\n\t\tonMouseDown,\n\t\tonTouchStart,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-progress\", {\n\t\t\t\t\"i-progress-vertical\": vertical,\n\t\t\t})}\n\t\t\tstyle={{ [vertical ? \"width\" : \"height\"]: lineWidth }}\n\t\t\tonMouseDown={onMouseDown}\n\t\t\tonTouchStart={onTouchStart}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-progress-bar\", barClass, {\n\t\t\t\t\t\"no-transition\": dragging,\n\t\t\t\t})}\n\t\t\t\tstyle={{ [vertical ? \"height\" : \"width\"]: `${value}%` }}\n\t\t\t>\n\t\t\t\t{renderCursor && (\n\t\t\t\t\t<a className='i-progress-cursor'>\n\t\t\t\t\t\t{renderCursor(value ?? 0)}\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Line;\n"],"mappings":";;;AAIA,MAAM,QACL,UASI;CACJ,MAAM,EACL,KACA,OACA,WACA,UACA,UACA,UACA,cACA,aACA,iBACG;AAEJ,QACC,oBAAC,OAAD;EACM;EACL,WAAW,WAAW,cAAc,EACnC,uBAAuB,UACvB,CAAC;EACF,OAAO,GAAG,WAAW,UAAU,WAAW,WAAW;EACxC;EACC;YAEd,oBAAC,OAAD;GACC,WAAW,WAAW,kBAAkB,UAAU,EACjD,iBAAiB,UACjB,CAAC;GACF,OAAO,GAAG,WAAW,WAAW,UAAU,GAAG,MAAM,IAAI;aAEtD,gBACA,oBAAC,KAAD;IAAG,WAAU;cACX,aAAa,SAAS,EAAE;IACtB,CAAA;GAEA,CAAA;EACD,CAAA"}
|
|
@@ -1,82 +1,98 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
1
|
+
import { useMouseMove, useMouseUp, useReactive } from "../../js/hooks.js";
|
|
2
|
+
import Circle from "./circle.js";
|
|
3
|
+
import Line from "./line.js";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { useEffect, useRef } from "react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
//#region packages/components/progress/progress.tsx
|
|
8
8
|
const Progress = (props) => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
9
|
+
const { value = 0, lineWidth = 8, circleSize = 40, precision = 0, style, draggable = true, type = "line", barClass, vertical, label, labelInline, className, renderCursor, onChange, onDraggingChange } = props;
|
|
10
|
+
const ref = useRef(null);
|
|
11
|
+
const state = useReactive({
|
|
12
|
+
value,
|
|
13
|
+
dragging: false,
|
|
14
|
+
size: 0,
|
|
15
|
+
start: 0
|
|
16
|
+
});
|
|
17
|
+
const pageXY = vertical ? "pageY" : "pageX";
|
|
18
|
+
const rectTL = vertical ? "top" : "left";
|
|
19
|
+
const rectWH = vertical ? "height" : "width";
|
|
20
|
+
const getFixedValue = () => {
|
|
21
|
+
let value = +state.value.toFixed(precision);
|
|
22
|
+
value = Math.min(100, value);
|
|
23
|
+
value = Math.max(0, value);
|
|
24
|
+
return value;
|
|
25
|
+
};
|
|
26
|
+
const handleMouseDown = (e) => {
|
|
27
|
+
if (!ref.current || !draggable) return;
|
|
28
|
+
if (e.touches) e = e.touches[0];
|
|
29
|
+
const rect = ref.current.getBoundingClientRect();
|
|
30
|
+
const value = (e[pageXY] - rect[rectTL]) * 100 / rect[rectWH];
|
|
31
|
+
Object.assign(state, {
|
|
32
|
+
value: vertical ? 100 - value : value,
|
|
33
|
+
size: rect[rectWH],
|
|
34
|
+
start: rect[rectTL],
|
|
35
|
+
dragging: true
|
|
36
|
+
});
|
|
37
|
+
onDraggingChange?.(true);
|
|
38
|
+
};
|
|
39
|
+
const handleMouseMove = (e) => {
|
|
40
|
+
if (!state.dragging || !draggable) return;
|
|
41
|
+
e.preventDefault();
|
|
42
|
+
if (e.touches) e = e.touches[0];
|
|
43
|
+
const { start, size } = state;
|
|
44
|
+
const offset = e[pageXY] - start;
|
|
45
|
+
if (offset < 0 || offset > size) return;
|
|
46
|
+
const value = (e[pageXY] - start) * 100 / size;
|
|
47
|
+
state.value = vertical ? 100 - value : value;
|
|
48
|
+
};
|
|
49
|
+
const handleMouseUp = () => {
|
|
50
|
+
if (!state.dragging || !draggable) return;
|
|
51
|
+
onChange?.(getFixedValue());
|
|
52
|
+
state.dragging = false;
|
|
53
|
+
onDraggingChange?.(false);
|
|
54
|
+
};
|
|
55
|
+
useMouseMove(handleMouseMove);
|
|
56
|
+
useMouseUp(handleMouseUp);
|
|
57
|
+
useEffect(() => {
|
|
58
|
+
if (value > 100) {
|
|
59
|
+
state.value = 100;
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (value < 0) {
|
|
63
|
+
state.value = 0;
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
state.value = value;
|
|
67
|
+
}, [value]);
|
|
68
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
69
|
+
className: classNames("i-input-label", className, { "i-input-inline": labelInline }),
|
|
70
|
+
style,
|
|
71
|
+
children: [
|
|
72
|
+
label && /* @__PURE__ */ jsx("span", {
|
|
73
|
+
className: "i-input-label-text",
|
|
74
|
+
children: label
|
|
75
|
+
}),
|
|
76
|
+
type === "line" && /* @__PURE__ */ jsx(Line, {
|
|
77
|
+
ref,
|
|
78
|
+
vertical,
|
|
79
|
+
lineWidth,
|
|
80
|
+
barClass,
|
|
81
|
+
dragging: state.dragging,
|
|
82
|
+
value: state.value,
|
|
83
|
+
renderCursor,
|
|
84
|
+
onMouseDown: handleMouseDown,
|
|
85
|
+
onTouchStart: handleMouseDown
|
|
86
|
+
}),
|
|
87
|
+
type === "circle" && /* @__PURE__ */ jsx(Circle, {
|
|
88
|
+
value: state.value,
|
|
89
|
+
circleSize,
|
|
90
|
+
lineWidth
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
});
|
|
79
94
|
};
|
|
80
|
-
|
|
95
|
+
//#endregion
|
|
81
96
|
export { Progress as default };
|
|
82
|
-
|
|
97
|
+
|
|
98
|
+
//# sourceMappingURL=progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"
|
|
1
|
+
{"version":3,"file":"progress.js","names":[],"sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,UAAqB;CACtC,MAAM,EACL,QAAQ,GACR,YAAY,GACZ,aAAa,IACb,YAAY,GACZ,OACA,YAAY,MACZ,OAAO,QACP,UACA,UACA,OACA,aACA,WACA,cACA,UACA,qBACG;CAEJ,MAAM,MAAM,OAAuB,KAAK;CACxC,MAAM,QAAQ,YAAY;EACzB;EACA,UAAU;EACV,MAAM;EACN,OAAO;EACP,CAAC;CAEF,MAAM,SAAS,WAAW,UAAU;CACpC,MAAM,SAAS,WAAW,QAAQ;CAClC,MAAM,SAAS,WAAW,WAAW;CAErC,MAAM,sBAAsB;EAC3B,IAAI,QAAQ,CAAC,MAAM,MAAM,QAAQ,UAAU;AAC3C,UAAQ,KAAK,IAAI,KAAK,MAAM;AAC5B,UAAQ,KAAK,IAAI,GAAG,MAAM;AAE1B,SAAO;;CAGR,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,IAAI,WAAW,CAAC,UAAW;AAEhC,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAGf,MAAM,OAAO,IAAI,QAAQ,uBAAuB;EAChD,MAAM,SAAU,EAAE,UAAU,KAAK,WAAW,MAAO,KAAK;AAExD,SAAO,OAAO,OAAO;GACpB,OAAO,WAAW,MAAM,QAAQ;GAChC,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,UAAU;GACV,CAAC;AACF,qBAAmB,KAAK;;CAGzB,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,YAAY,CAAC,UAAW;AACnC,IAAE,gBAAgB;AAElB,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAGf,MAAM,EAAE,OAAO,SAAS;EACxB,MAAM,SAAS,EAAE,UAAU;AAE3B,MAAI,SAAS,KAAK,SAAS,KAAM;EAEjC,MAAM,SAAU,EAAE,UAAU,SAAS,MAAO;AAC5C,QAAM,QAAQ,WAAW,MAAM,QAAQ;;CAGxC,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,YAAY,CAAC,UAAW;AAEnC,aAAW,eAAe,CAAC;AAC3B,QAAM,WAAW;AACjB,qBAAmB,MAAM;;AAG1B,cAAa,gBAAgB;AAC7B,YAAW,cAAc;AAEzB,iBAAgB;AACf,MAAI,QAAQ,KAAK;AAChB,SAAM,QAAQ;AACd;;AAGD,MAAI,QAAQ,GAAG;AACd,SAAM,QAAQ;AACd;;AAGD,QAAM,QAAQ;IACZ,CAAC,MAAM,CAAC;AAEX,QACC,qBAAC,OAAD;EACC,WAAW,WAAW,iBAAiB,WAAW,EACjD,kBAAkB,aAClB,CAAC;EACK;YAJR;GAME,SAAS,oBAAC,QAAD;IAAM,WAAU;cAAsB;IAAa,CAAA;GAE5D,SAAS,UACT,oBAAC,MAAD;IACM;IACK;IACC;IACD;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACC;IACd,aAAa;IACb,cAAc;IACd,CAAA;GAGD,SAAS,YACT,oBAAC,QAAD;IACC,OAAO,MAAM;IACD;IACD;IACX,CAAA;GAEE"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import Radio from
|
|
1
|
+
import Radio from "./radio.js";
|
|
2
|
+
//#region packages/components/radio/index.tsx
|
|
3
|
+
var radio_default = Radio;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { radio_default as default };
|
|
2
6
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export { Radio as default };
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/radio/index.tsx"],"sourcesContent":["import Radio from \"./radio\";\n\nexport default Radio;\n"],"mappings":";;AAEA,IAAA,gBAAe"}
|
|
@@ -1,17 +1,32 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
//#region packages/components/radio/item.tsx
|
|
4
4
|
function RadioItem(props) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
const { type = "default", name, value, checked, disabled, children, onChange } = props;
|
|
6
|
+
const isChildrenFn = typeof children === "function";
|
|
7
|
+
const handleChange = (e) => {
|
|
8
|
+
onChange?.(value, e);
|
|
9
|
+
};
|
|
10
|
+
return /* @__PURE__ */ jsxs("label", {
|
|
11
|
+
className: classNames("i-radio-item", {
|
|
12
|
+
disabled,
|
|
13
|
+
"i-radio-item-custom": isChildrenFn
|
|
14
|
+
}),
|
|
15
|
+
children: [/* @__PURE__ */ jsx("input", {
|
|
16
|
+
type: "radio",
|
|
17
|
+
name,
|
|
18
|
+
checked,
|
|
19
|
+
className: classNames("i-radio-input", `i-radio-${type}`),
|
|
20
|
+
disabled,
|
|
21
|
+
hidden: isChildrenFn,
|
|
22
|
+
onChange: handleChange
|
|
23
|
+
}), isChildrenFn ? children(!!checked, value) : /* @__PURE__ */ jsx("span", {
|
|
24
|
+
className: "i-radio-text",
|
|
25
|
+
children
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
14
28
|
}
|
|
15
|
-
|
|
29
|
+
//#endregion
|
|
16
30
|
export { RadioItem as default };
|
|
17
|
-
|
|
31
|
+
|
|
32
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sources":["../../../../packages/components/radio/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent } from \"react\";\nimport { IRadioItem } from \"./type\";\n\nexport default function RadioItem(props: IRadioItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tname,\n\t\tvalue,\n\t\tchecked,\n\t\tdisabled,\n\t\tchildren,\n\t\tonChange,\n\t} = props;\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent) => {\n\t\tonChange?.(value, e);\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-radio-item\", {\n\t\t\t\tdisabled,\n\t\t\t\t\"i-radio-item-custom\": isChildrenFn,\n\t\t\t})}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='radio'\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tclassName={classNames(\"i-radio-input\", `i-radio-${type}`)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thidden={isChildrenFn}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(!!checked, value)\n\t\t\t) : (\n\t\t\t\t<span className='i-radio-text'>{children}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"
|
|
1
|
+
{"version":3,"file":"item.js","names":[],"sources":["../../../../packages/components/radio/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent } from \"react\";\nimport { IRadioItem } from \"./type\";\n\nexport default function RadioItem(props: IRadioItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tname,\n\t\tvalue,\n\t\tchecked,\n\t\tdisabled,\n\t\tchildren,\n\t\tonChange,\n\t} = props;\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent) => {\n\t\tonChange?.(value, e);\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-radio-item\", {\n\t\t\t\tdisabled,\n\t\t\t\t\"i-radio-item-custom\": isChildrenFn,\n\t\t\t})}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='radio'\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tclassName={classNames(\"i-radio-input\", `i-radio-${type}`)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thidden={isChildrenFn}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(!!checked, value)\n\t\t\t) : (\n\t\t\t\t<span className='i-radio-text'>{children}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"mappings":";;;AAIA,SAAwB,UAAU,OAAmB;CACpD,MAAM,EACL,OAAO,WACP,MACA,OACA,SACA,UACA,UACA,aACG;CACJ,MAAM,eAAe,OAAO,aAAa;CAEzC,MAAM,gBAAgB,MAAmB;AACxC,aAAW,OAAO,EAAE;;AAGrB,QACC,qBAAC,SAAD;EACC,WAAW,WAAW,gBAAgB;GACrC;GACA,uBAAuB;GACvB,CAAC;YAJH,CAMC,oBAAC,SAAD;GACC,MAAK;GACC;GACG;GACT,WAAW,WAAW,iBAAiB,WAAW,OAAO;GAC/C;GACV,QAAQ;GACR,UAAU;GACT,CAAA,EAED,eACA,SAAS,CAAC,CAAC,SAAS,MAAM,GAE1B,oBAAC,QAAD;GAAM,WAAU;GAAgB;GAAgB,CAAA,CAE1C"}
|