taro-ui 3.3.0 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/lib/common/component.d.ts +10 -0
- package/lib/common/component.js +27 -28
- package/lib/common/component.js.map +1 -1
- package/lib/common/utils.d.ts +41 -0
- package/lib/common/utils.js +169 -192
- package/lib/common/utils.js.map +1 -1
- package/lib/components/accordion/index.d.ts +14 -0
- package/lib/components/accordion/index.js +111 -106
- package/lib/components/accordion/index.js.map +1 -1
- package/lib/components/action-sheet/body/index.d.ts +5 -0
- package/lib/components/action-sheet/body/index.js +11 -8
- package/lib/components/action-sheet/body/index.js.map +1 -1
- package/lib/components/action-sheet/body/item/index.d.ts +9 -0
- package/lib/components/action-sheet/body/item/index.js +21 -18
- package/lib/components/action-sheet/body/item/index.js.map +1 -1
- package/lib/components/action-sheet/footer/index.d.ts +9 -0
- package/lib/components/action-sheet/footer/index.js +24 -18
- package/lib/components/action-sheet/footer/index.js.map +1 -1
- package/lib/components/action-sheet/header/index.d.ts +5 -0
- package/lib/components/action-sheet/header/index.js +14 -8
- package/lib/components/action-sheet/header/index.js.map +1 -1
- package/lib/components/action-sheet/index.d.ts +14 -0
- package/lib/components/action-sheet/index.js +69 -64
- package/lib/components/action-sheet/index.js.map +1 -1
- package/lib/components/activity-indicator/index.d.ts +8 -0
- package/lib/components/activity-indicator/index.js +33 -29
- package/lib/components/activity-indicator/index.js.map +1 -1
- package/lib/components/avatar/index.d.ts +9 -0
- package/lib/components/avatar/index.js +58 -50
- package/lib/components/avatar/index.js.map +1 -1
- package/lib/components/badge/index.d.ts +10 -0
- package/lib/components/badge/index.js +44 -35
- package/lib/components/badge/index.js.map +1 -1
- package/lib/components/button/index.d.ts +15 -0
- package/lib/components/button/index.js +165 -113
- package/lib/components/button/index.js.map +1 -1
- package/lib/components/calendar/body/index.d.ts +26 -0
- package/lib/components/calendar/body/index.js +279 -183
- package/lib/components/calendar/body/index.js.map +1 -1
- package/lib/components/calendar/common/constant.d.ts +3 -0
- package/lib/components/calendar/common/constant.js +8 -3
- package/lib/components/calendar/common/constant.js.map +1 -1
- package/lib/components/calendar/common/helper.d.ts +4 -0
- package/lib/components/calendar/common/helper.js +77 -76
- package/lib/components/calendar/common/helper.js.map +1 -1
- package/lib/components/calendar/common/plugins.d.ts +11 -0
- package/lib/components/calendar/common/plugins.js +50 -66
- package/lib/components/calendar/common/plugins.js.map +1 -1
- package/lib/components/calendar/controller/index.d.ts +5 -0
- package/lib/components/calendar/controller/index.js +49 -28
- package/lib/components/calendar/controller/index.js.map +1 -1
- package/lib/components/calendar/index.d.ts +20 -0
- package/lib/components/calendar/index.js +233 -196
- package/lib/components/calendar/index.js.map +1 -1
- package/lib/components/calendar/ui/date-list/index.d.ts +12 -0
- package/lib/components/calendar/ui/date-list/index.js +50 -39
- package/lib/components/calendar/ui/date-list/index.js.map +1 -1
- package/lib/components/calendar/ui/day-list/index.d.ts +4 -0
- package/lib/components/calendar/ui/day-list/index.js +9 -14
- package/lib/components/calendar/ui/day-list/index.js.map +1 -1
- package/lib/components/card/index.d.ts +9 -0
- package/lib/components/card/index.js +73 -52
- package/lib/components/card/index.js.map +1 -1
- package/lib/components/checkbox/index.d.ts +9 -0
- package/lib/components/checkbox/index.js +52 -48
- package/lib/components/checkbox/index.js.map +1 -1
- package/lib/components/countdown/index.d.ts +20 -0
- package/lib/components/countdown/index.js +140 -125
- package/lib/components/countdown/index.js.map +1 -1
- package/lib/components/countdown/item/index.d.ts +9 -0
- package/lib/components/countdown/item/index.js +18 -18
- package/lib/components/countdown/item/index.js.map +1 -1
- package/lib/components/curtain/index.d.ts +10 -0
- package/lib/components/curtain/index.js +56 -39
- package/lib/components/curtain/index.js.map +1 -1
- package/lib/components/divider/index.d.ts +8 -0
- package/lib/components/divider/index.js +51 -34
- package/lib/components/divider/index.js.map +1 -1
- package/lib/components/drawer/index.d.ts +16 -0
- package/lib/components/drawer/index.js +106 -85
- package/lib/components/drawer/index.js.map +1 -1
- package/lib/components/fab/index.d.ts +9 -0
- package/lib/components/fab/index.js +22 -19
- package/lib/components/fab/index.js.map +1 -1
- package/lib/components/flex/index.d.ts +7 -0
- package/lib/components/flex/index.js +37 -34
- package/lib/components/flex/index.js.map +1 -1
- package/lib/components/flex/item/index.d.ts +7 -0
- package/lib/components/flex/item/index.js +30 -27
- package/lib/components/flex/item/index.js.map +1 -1
- package/lib/components/float-layout/index.d.ts +13 -0
- package/lib/components/float-layout/index.js +96 -68
- package/lib/components/float-layout/index.js.map +1 -1
- package/lib/components/form/index.d.ts +10 -0
- package/lib/components/form/index.js +37 -24
- package/lib/components/form/index.js.map +1 -1
- package/lib/components/grid/index.d.ts +9 -0
- package/lib/components/grid/index.js +92 -62
- package/lib/components/grid/index.js.map +1 -1
- package/lib/components/icon/index.d.ts +9 -0
- package/lib/components/icon/index.js +48 -31
- package/lib/components/icon/index.js.map +1 -1
- package/lib/components/image-picker/index.d.ts +11 -0
- package/lib/components/image-picker/index.js +152 -126
- package/lib/components/image-picker/index.js.map +1 -1
- package/lib/components/indexes/index.d.ts +29 -0
- package/lib/components/indexes/index.js +255 -198
- package/lib/components/indexes/index.js.map +1 -1
- package/lib/components/input/index.d.ts +17 -0
- package/lib/components/input/index.js +224 -160
- package/lib/components/input/index.js.map +1 -1
- package/lib/components/input-number/index.d.ts +13 -0
- package/lib/components/input-number/index.js +180 -152
- package/lib/components/input-number/index.js.map +1 -1
- package/lib/components/list/index.d.ts +8 -0
- package/lib/components/list/index.js +20 -13
- package/lib/components/list/index.js.map +1 -1
- package/lib/components/list/item/index.d.ts +11 -0
- package/lib/components/list/item/index.js +146 -99
- package/lib/components/list/item/index.js.map +1 -1
- package/lib/components/load-more/index.d.ts +9 -0
- package/lib/components/load-more/index.js +65 -41
- package/lib/components/load-more/index.js.map +1 -1
- package/lib/components/loading/index.d.ts +12 -0
- package/lib/components/loading/index.js +26 -26
- package/lib/components/loading/index.js.map +1 -1
- package/lib/components/message/index.d.ts +15 -0
- package/lib/components/message/index.js +72 -63
- package/lib/components/message/index.js.map +1 -1
- package/lib/components/modal/action/index.d.ts +8 -0
- package/lib/components/modal/action/index.js +20 -14
- package/lib/components/modal/action/index.js.map +1 -1
- package/lib/components/modal/content/index.d.ts +5 -0
- package/lib/components/modal/content/index.js +11 -8
- package/lib/components/modal/content/index.js.map +1 -1
- package/lib/components/modal/header/index.d.ts +5 -0
- package/lib/components/modal/header/index.js +11 -8
- package/lib/components/modal/header/index.js.map +1 -1
- package/lib/components/modal/index.d.ts +15 -0
- package/lib/components/modal/index.js +96 -87
- package/lib/components/modal/index.js.map +1 -1
- package/lib/components/nav-bar/index.d.ts +12 -0
- package/lib/components/nav-bar/index.js +210 -98
- package/lib/components/nav-bar/index.js.map +1 -1
- package/lib/components/noticebar/index.d.ts +16 -0
- package/lib/components/noticebar/index.js +177 -154
- package/lib/components/noticebar/index.js.map +1 -1
- package/lib/components/pagination/index.d.ts +12 -0
- package/lib/components/pagination/index.js +133 -102
- package/lib/components/pagination/index.js.map +1 -1
- package/lib/components/progress/index.d.ts +7 -0
- package/lib/components/progress/index.js +48 -40
- package/lib/components/progress/index.js.map +1 -1
- package/lib/components/radio/index.d.ts +9 -0
- package/lib/components/radio/index.js +48 -37
- package/lib/components/radio/index.js.map +1 -1
- package/lib/components/range/index.d.ts +22 -0
- package/lib/components/range/index.js +197 -142
- package/lib/components/range/index.js.map +1 -1
- package/lib/components/rate/index.d.ts +9 -0
- package/lib/components/rate/index.js +74 -48
- package/lib/components/rate/index.js.map +1 -1
- package/lib/components/search-bar/index.d.ts +16 -0
- package/lib/components/search-bar/index.js +167 -112
- package/lib/components/search-bar/index.js.map +1 -1
- package/lib/components/segmented-control/index.d.ts +9 -0
- package/lib/components/segmented-control/index.js +78 -53
- package/lib/components/segmented-control/index.js.map +1 -1
- package/lib/components/slider/index.d.ts +13 -0
- package/lib/components/slider/index.js +107 -69
- package/lib/components/slider/index.js.map +1 -1
- package/lib/components/steps/index.d.ts +9 -0
- package/lib/components/steps/index.js +61 -44
- package/lib/components/steps/index.js.map +1 -1
- package/lib/components/swipe-action/index.d.ts +27 -0
- package/lib/components/swipe-action/index.js +206 -157
- package/lib/components/swipe-action/index.js.map +1 -1
- package/lib/components/swipe-action/options/index.d.ts +5 -0
- package/lib/components/swipe-action/options/index.js +22 -8
- package/lib/components/swipe-action/options/index.js.map +1 -1
- package/lib/components/switch/index.d.ts +9 -0
- package/lib/components/switch/index.js +53 -42
- package/lib/components/switch/index.js.map +1 -1
- package/lib/components/tab-bar/index.d.ts +9 -0
- package/lib/components/tab-bar/index.js +164 -90
- package/lib/components/tab-bar/index.js.map +1 -1
- package/lib/components/tabs/index.d.ts +24 -0
- package/lib/components/tabs/index.js +203 -174
- package/lib/components/tabs/index.js.map +1 -1
- package/lib/components/tabs-pane/index.d.ts +8 -0
- package/lib/components/tabs-pane/index.js +37 -24
- package/lib/components/tabs-pane/index.js.map +1 -1
- package/lib/components/tag/index.d.ts +9 -0
- package/lib/components/tag/index.js +64 -44
- package/lib/components/tag/index.js.map +1 -1
- package/lib/components/textarea/index.d.ts +13 -0
- package/lib/components/textarea/index.js +132 -86
- package/lib/components/textarea/index.js.map +1 -1
- package/lib/components/timeline/index.d.ts +8 -0
- package/lib/components/timeline/index.js +70 -47
- package/lib/components/timeline/index.js.map +1 -1
- package/lib/components/toast/img.json +6 -3
- package/lib/components/toast/index.d.ts +16 -0
- package/lib/components/toast/index.js +111 -104
- package/lib/components/toast/index.js.map +1 -1
- package/lib/index.d.ts +53 -0
- package/lib/index.js +108 -54
- package/lib/index.js.map +1 -1
- package/{dist → lib}/style/components/curtain.scss +3 -3
- package/{dist → lib}/style/components/grid.scss +2 -2
- package/lib/style/components/index.scss +52 -0
- package/{dist → lib}/style/components/list.scss +2 -2
- package/{dist → lib}/style/components/range.scss +2 -2
- package/{dist → lib}/style/components/toast.scss +1 -1
- package/lib/style/index.css +11754 -0
- package/lib/style/index.css.map +1 -0
- package/lib/style/mixins/index.scss +18 -0
- package/{dist → lib}/style/mixins/libs/shade.scss +4 -2
- package/{dist → lib}/style/mixins/libs/tint.scss +4 -2
- package/{dist → lib}/style/variables/default.scss +1 -1
- package/package.json +45 -48
- package/rn/components/action-sheet/index.tsx +8 -14
- package/rn/components/calendar/ui/date-list/index.tsx +1 -1
- package/rn/components/drawer/index.tsx +15 -15
- package/rn/components/float-layout/index.tsx +3 -2
- package/rn/components/input/index.tsx +14 -7
- package/rn/components/input-number/index.tsx +19 -19
- package/rn/components/message/index.tsx +1 -1
- package/rn/components/swipe-action/index.rn.tsx +4 -2
- package/rn/components/swipe-action/index.tsx +6 -5
- package/rn/components/tab-bar/index.tsx +1 -1
- package/rn/components/tabs/index.tsx +14 -14
- package/rn/components/textarea/index.tsx +2 -2
- package/README.md +0 -85
- package/dist/index.esm.js +0 -8407
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -8468
- package/dist/index.js.map +0 -1
- package/dist/style/components/accordion.rn.scss +0 -79
- package/dist/style/components/action-sheet.rn.scss +0 -80
- package/dist/style/components/activity-indicator.rn.scss +0 -30
- package/dist/style/components/article.rn.scss +0 -59
- package/dist/style/components/avatar.rn.scss +0 -46
- package/dist/style/components/badge.rn.scss +0 -52
- package/dist/style/components/button.rn.scss +0 -80
- package/dist/style/components/calendar.rn.scss +0 -182
- package/dist/style/components/card.rn.scss +0 -88
- package/dist/style/components/checkbox.rn.scss +0 -108
- package/dist/style/components/countdown.rn.scss +0 -82
- package/dist/style/components/curtain.rn.scss +0 -129
- package/dist/style/components/divider.rn.scss +0 -33
- package/dist/style/components/drawer.rn.scss +0 -72
- package/dist/style/components/fab.rn.scss +0 -38
- package/dist/style/components/flex.rn.scss +0 -159
- package/dist/style/components/float-layout.rn.scss +0 -119
- package/dist/style/components/form.rn.scss +0 -12
- package/dist/style/components/grid.rn.scss +0 -104
- package/dist/style/components/icon.rn.scss +0 -221
- package/dist/style/components/image-picker.rn.scss +0 -108
- package/dist/style/components/index.rn.scss +0 -51
- package/dist/style/components/index.scss +0 -52
- package/dist/style/components/indexes.rn.scss +0 -53
- package/dist/style/components/input-number.rn.scss +0 -82
- package/dist/style/components/input.rn.scss +0 -149
- package/dist/style/components/list.rn.scss +0 -107
- package/dist/style/components/load-more.rn.scss +0 -28
- package/dist/style/components/loading.rn.scss +0 -45
- package/dist/style/components/message.rn.scss +0 -57
- package/dist/style/components/modal.rn.scss +0 -136
- package/dist/style/components/nav-bar.rn.scss +0 -123
- package/dist/style/components/noticebar.rn.scss +0 -111
- package/dist/style/components/pagination.rn.scss +0 -43
- package/dist/style/components/progress.rn.scss +0 -105
- package/dist/style/components/radio.rn.scss +0 -94
- package/dist/style/components/range.rn.scss +0 -52
- package/dist/style/components/rate.rn.scss +0 -48
- package/dist/style/components/search-bar.rn.scss +0 -134
- package/dist/style/components/segmented-control.rn.scss +0 -44
- package/dist/style/components/slider.rn.scss +0 -33
- package/dist/style/components/steps.rn.scss +0 -131
- package/dist/style/components/swipe-action.rn.scss +0 -53
- package/dist/style/components/switch.rn.scss +0 -61
- package/dist/style/components/tab-bar.rn.scss +0 -74
- package/dist/style/components/tabs.rn.scss +0 -205
- package/dist/style/components/tag.rn.scss +0 -74
- package/dist/style/components/textarea.rn.scss +0 -57
- package/dist/style/components/timeline.rn.scss +0 -89
- package/dist/style/components/toast.rn.scss +0 -112
- package/dist/style/index.rn.scss +0 -14
- package/dist/style/mixins/index.rn.scss +0 -18
- package/dist/style/mixins/index.scss +0 -18
- package/dist/style/mixins/libs/absolute-center.rn.scss +0 -9
- package/dist/style/mixins/libs/active.rn.scss +0 -10
- package/dist/style/mixins/libs/alignhack.rn.scss +0 -11
- package/dist/style/mixins/libs/border.rn.scss +0 -48
- package/dist/style/mixins/libs/clearfix.rn.scss +0 -21
- package/dist/style/mixins/libs/disabled.rn.scss +0 -6
- package/dist/style/mixins/libs/flex.rn.scss +0 -49
- package/dist/style/mixins/libs/hairline.rn.scss +0 -209
- package/dist/style/mixins/libs/line.rn.scss +0 -14
- package/dist/style/mixins/libs/overlay.rn.scss +0 -11
- package/dist/style/mixins/libs/placeholder.rn.scss +0 -12
- package/dist/style/mixins/libs/shade.rn.scss +0 -23
- package/dist/style/mixins/libs/tint.rn.scss +0 -23
- package/dist/style/themes/purple.rn.scss +0 -44
- package/dist/style/themes/red.rn.scss +0 -45
- package/dist/style/variables/default.rn.scss +0 -461
- package/types/accordion.d.ts +0 -49
- package/types/action-sheet.d.ts +0 -55
- package/types/activity-indicator.d.ts +0 -33
- package/types/avatar.d.ts +0 -39
- package/types/badge.d.ts +0 -24
- package/types/base.d.ts +0 -26
- package/types/button.d.ts +0 -70
- package/types/calendar.d.ts +0 -225
- package/types/card.d.ts +0 -48
- package/types/checkbox.d.ts +0 -24
- package/types/countdown.d.ts +0 -95
- package/types/curtain.d.ts +0 -26
- package/types/divider.d.ts +0 -33
- package/types/drawer.d.ts +0 -48
- package/types/fab.d.ts +0 -21
- package/types/flex.d.ts +0 -27
- package/types/float-button.d.ts +0 -26
- package/types/float-layout.d.ts +0 -73
- package/types/form.d.ts +0 -26
- package/types/grid.d.ts +0 -51
- package/types/icon.d.ts +0 -12
- package/types/image-picker.d.ts +0 -73
- package/types/index.d.ts +0 -55
- package/types/indexes.d.ts +0 -76
- package/types/input-number.d.ts +0 -89
- package/types/input.d.ts +0 -162
- package/types/list.d.ts +0 -84
- package/types/load-more.d.ts +0 -43
- package/types/message.d.ts +0 -43
- package/types/modal.d.ts +0 -62
- package/types/nav-bar.d.ts +0 -65
- package/types/noticebar.d.ts +0 -65
- package/types/pagination.d.ts +0 -51
- package/types/progress.d.ts +0 -30
- package/types/radio.d.ts +0 -47
- package/types/range.d.ts +0 -63
- package/types/rate.d.ts +0 -34
- package/types/search-bar.d.ts +0 -105
- package/types/segmented-control.d.ts +0 -44
- package/types/slider.d.ts +0 -73
- package/types/steps.d.ts +0 -69
- package/types/swipe-action.d.ts +0 -86
- package/types/switch.d.ts +0 -38
- package/types/tab-bar.d.ts +0 -98
- package/types/tabs-pane.d.ts +0 -25
- package/types/tabs.d.ts +0 -62
- package/types/tag.d.ts +0 -48
- package/types/textarea.d.ts +0 -113
- package/types/timeline.d.ts +0 -46
- package/types/toast.d.ts +0 -53
- /package/{dist → lib}/style/components/accordion.scss +0 -0
- /package/{dist → lib}/style/components/action-sheet.scss +0 -0
- /package/{dist → lib}/style/components/activity-indicator.scss +0 -0
- /package/{dist → lib}/style/components/article.scss +0 -0
- /package/{dist → lib}/style/components/avatar.scss +0 -0
- /package/{dist → lib}/style/components/badge.scss +0 -0
- /package/{dist → lib}/style/components/button.scss +0 -0
- /package/{dist → lib}/style/components/calendar.scss +0 -0
- /package/{dist → lib}/style/components/card.scss +0 -0
- /package/{dist → lib}/style/components/checkbox.scss +0 -0
- /package/{dist → lib}/style/components/countdown.scss +0 -0
- /package/{dist → lib}/style/components/divider.scss +0 -0
- /package/{dist → lib}/style/components/drawer.scss +0 -0
- /package/{dist → lib}/style/components/fab.scss +0 -0
- /package/{dist → lib}/style/components/flex.scss +0 -0
- /package/{dist → lib}/style/components/float-layout.scss +0 -0
- /package/{dist → lib}/style/components/form.scss +0 -0
- /package/{dist → lib}/style/components/icon.scss +0 -0
- /package/{dist → lib}/style/components/image-picker.scss +0 -0
- /package/{dist → lib}/style/components/indexes.scss +0 -0
- /package/{dist → lib}/style/components/input-number.scss +0 -0
- /package/{dist → lib}/style/components/input.scss +0 -0
- /package/{dist → lib}/style/components/load-more.scss +0 -0
- /package/{dist → lib}/style/components/loading.scss +0 -0
- /package/{dist → lib}/style/components/message.scss +0 -0
- /package/{dist → lib}/style/components/modal.scss +0 -0
- /package/{dist → lib}/style/components/nav-bar.scss +0 -0
- /package/{dist → lib}/style/components/noticebar.scss +0 -0
- /package/{dist → lib}/style/components/pagination.scss +0 -0
- /package/{dist → lib}/style/components/progress.scss +0 -0
- /package/{dist → lib}/style/components/radio.scss +0 -0
- /package/{dist → lib}/style/components/rate.scss +0 -0
- /package/{dist → lib}/style/components/search-bar.scss +0 -0
- /package/{dist → lib}/style/components/segmented-control.scss +0 -0
- /package/{dist → lib}/style/components/slider.scss +0 -0
- /package/{dist → lib}/style/components/steps.scss +0 -0
- /package/{dist → lib}/style/components/swipe-action.scss +0 -0
- /package/{dist → lib}/style/components/switch.scss +0 -0
- /package/{dist → lib}/style/components/tab-bar.scss +0 -0
- /package/{dist → lib}/style/components/tabs.scss +0 -0
- /package/{dist → lib}/style/components/tag.scss +0 -0
- /package/{dist → lib}/style/components/textarea.scss +0 -0
- /package/{dist → lib}/style/components/timeline.scss +0 -0
- /package/{dist → lib}/style/index.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/absolute-center.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/active.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/alignhack.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/border.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/clearfix.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/disabled.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/flex.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/hairline.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/line.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/overlay.scss +0 -0
- /package/{dist → lib}/style/mixins/libs/placeholder.scss +0 -0
- /package/{dist → lib}/style/themes/purple.scss +0 -0
- /package/{dist → lib}/style/themes/red.scss +0 -0
|
@@ -1,69 +1,78 @@
|
|
|
1
|
-
import classNames from
|
|
2
|
-
import PropTypes from
|
|
3
|
-
import React from
|
|
4
|
-
import { View } from
|
|
5
|
-
import Taro from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "@tarojs/components";
|
|
5
|
+
import Taro from "@tarojs/taro";
|
|
6
|
+
class AtMessage extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
_isOpened: false,
|
|
11
|
+
_message: "",
|
|
12
|
+
_type: "info",
|
|
13
|
+
_duration: 3e3
|
|
14
|
+
};
|
|
15
|
+
this._timer = null;
|
|
16
|
+
}
|
|
17
|
+
bindMessageListener() {
|
|
18
|
+
Taro.eventCenter.on("atMessage", (options = {}) => {
|
|
19
|
+
const { message, type, duration } = options;
|
|
20
|
+
const newState = {
|
|
21
|
+
_isOpened: true,
|
|
22
|
+
_message: message,
|
|
23
|
+
_type: type,
|
|
24
|
+
_duration: duration || this.state._duration
|
|
25
|
+
};
|
|
26
|
+
this.setState(newState, () => {
|
|
27
|
+
clearTimeout(this._timer);
|
|
28
|
+
this._timer = setTimeout(() => {
|
|
29
|
+
this.setState({
|
|
30
|
+
_isOpened: false
|
|
31
|
+
});
|
|
32
|
+
}, this.state._duration);
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
Taro.atMessage = Taro.eventCenter.trigger.bind(
|
|
36
|
+
Taro.eventCenter,
|
|
37
|
+
"atMessage"
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
componentDidShow() {
|
|
41
|
+
this.bindMessageListener();
|
|
42
|
+
}
|
|
43
|
+
componentDidMount() {
|
|
44
|
+
this.bindMessageListener();
|
|
45
|
+
}
|
|
46
|
+
componentDidHide() {
|
|
47
|
+
Taro.eventCenter.off("atMessage");
|
|
48
|
+
}
|
|
49
|
+
componentWillUnmount() {
|
|
50
|
+
Taro.eventCenter.off("atMessage");
|
|
51
|
+
}
|
|
52
|
+
render() {
|
|
53
|
+
const { className, customStyle } = this.props;
|
|
54
|
+
const { _message, _isOpened, _type } = this.state;
|
|
55
|
+
const rootCls = classNames(
|
|
56
|
+
{
|
|
57
|
+
"at-message": true,
|
|
58
|
+
"at-message--show": _isOpened,
|
|
59
|
+
"at-message--hidden": !_isOpened
|
|
60
|
+
},
|
|
61
|
+
`at-message--${_type}`,
|
|
62
|
+
className
|
|
63
|
+
);
|
|
64
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, _message);
|
|
65
|
+
}
|
|
60
66
|
}
|
|
61
67
|
AtMessage.defaultProps = {
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
customStyle: "",
|
|
69
|
+
className: ""
|
|
64
70
|
};
|
|
65
71
|
AtMessage.propTypes = {
|
|
66
|
-
|
|
67
|
-
|
|
72
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
73
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
|
|
74
|
+
};
|
|
75
|
+
export {
|
|
76
|
+
AtMessage as default
|
|
68
77
|
};
|
|
69
78
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport { AtMessageProps, AtMessageState } from '../../../types/message'\n\nexport default class AtMessage extends React.Component<\n AtMessageProps,\n AtMessageState\n> {\n public static defaultProps: AtMessageProps\n public static propTypes: InferProps<AtMessageProps>\n\n private _timer: NodeJS.Timeout | number | null\n\n public constructor(props: AtMessageProps) {\n super(props)\n this.state = {\n _isOpened: false,\n _message: '',\n _type: 'info',\n _duration: 3000\n }\n this._timer = null\n }\n\n private bindMessageListener(): void {\n Taro.eventCenter.on('atMessage', (options = {}) => {\n const { message, type, duration } = options\n const newState = {\n _isOpened: true,\n _message: message,\n _type: type,\n _duration: duration || this.state._duration\n }\n this.setState(newState, () => {\n clearTimeout(this._timer as number)\n this._timer = setTimeout(() => {\n this.setState({\n _isOpened: false\n })\n }, this.state._duration)\n })\n })\n // 绑定函数\n Taro.atMessage = Taro.eventCenter.trigger.bind(\n Taro.eventCenter,\n 'atMessage'\n )\n }\n\n public componentDidShow(): void {\n this.bindMessageListener()\n }\n\n public componentDidMount(): void {\n this.bindMessageListener()\n }\n\n public componentDidHide(): void {\n Taro.eventCenter.off('atMessage')\n }\n\n public componentWillUnmount(): void {\n Taro.eventCenter.off('atMessage')\n }\n\n public render(): JSX.Element {\n const { className, customStyle } = this.props\n const { _message, _isOpened, _type } = this.state\n const rootCls = classNames(\n {\n 'at-message': true,\n 'at-message--show': _isOpened,\n 'at-message--hidden': !_isOpened\n },\n `at-message--${_type}`,\n className\n )\n\n return (\n <View className={rootCls} style={customStyle}>\n {_message}\n </View>\n )\n }\n}\n\nAtMessage.defaultProps = {\n customStyle: '',\n className: ''\n}\n\nAtMessage.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,OAAO,UAAU;AAGjB,MAAO,kBAAgC,MAAM,UAG3C;AAAA,EAMO,YAAY,OAAuB;AACxC,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AACA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,sBAA4B;AAClC,SAAK,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM;AACjD,YAAM,EAAE,SAAS,MAAM,SAAS,IAAI;AACpC,YAAM,WAAW;AAAA,QACf,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,WAAW,YAAY,KAAK,MAAM;AAAA,MACpC;AACA,WAAK,SAAS,UAAU,MAAM;AAC5B,qBAAa,KAAK,MAAgB;AAClC,aAAK,SAAS,WAAW,MAAM;AAC7B,eAAK,SAAS;AAAA,YACZ,WAAW;AAAA,UACb,CAAC;AAAA,QACH,GAAG,KAAK,MAAM,SAAS;AAAA,MACzB,CAAC;AAAA,IACH,CAAC;AAED,SAAK,YAAY,KAAK,YAAY,QAAQ;AAAA,MACxC,KAAK;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,mBAAyB;AAC9B,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEO,oBAA0B;AAC/B,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEO,mBAAyB;AAC9B,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC;AAAA,EAEO,uBAA6B;AAClC,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,WAAW,YAAY,IAAI,KAAK;AACxC,UAAM,EAAE,UAAU,WAAW,MAAM,IAAI,KAAK;AAC5C,UAAM,UAAU;AAAA,MACd;AAAA,QACE,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,sBAAsB,CAAC;AAAA,MACzB;AAAA,MACA,eAAe,KAAK;AAAA,MACpB;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,QACH;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,aAAa;AAAA,EACb,WAAW;AACb;AAEA,UAAU,YAAY;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;","names":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InferProps } from 'prop-types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AtModalActionProps } from '../../../../types/modal';
|
|
4
|
+
export default class AtModalAction extends React.Component<AtModalActionProps> {
|
|
5
|
+
static defaultProps: AtModalActionProps;
|
|
6
|
+
static propTypes: InferProps<AtModalActionProps>;
|
|
7
|
+
render(): JSX.Element;
|
|
8
|
+
}
|
|
@@ -1,20 +1,26 @@
|
|
|
1
|
-
import classNames from
|
|
2
|
-
import PropTypes from
|
|
3
|
-
import React from
|
|
4
|
-
import { View } from
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "@tarojs/components";
|
|
5
|
+
class AtModalAction extends React.Component {
|
|
6
|
+
render() {
|
|
7
|
+
const rootClass = classNames(
|
|
8
|
+
"at-modal__footer",
|
|
9
|
+
{
|
|
10
|
+
"at-modal__footer--simple": this.props.isSimple
|
|
11
|
+
},
|
|
12
|
+
this.props.className
|
|
13
|
+
);
|
|
14
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__action" }, this.props.children));
|
|
15
|
+
}
|
|
13
16
|
}
|
|
14
17
|
AtModalAction.defaultProps = {
|
|
15
|
-
|
|
18
|
+
isSimple: false
|
|
16
19
|
};
|
|
17
20
|
AtModalAction.propTypes = {
|
|
18
|
-
|
|
21
|
+
isSimple: PropTypes.bool
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
AtModalAction as default
|
|
19
25
|
};
|
|
20
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modal/action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalActionProps } from '../../../../types/modal'\n\nexport default class AtModalAction extends React.Component<AtModalActionProps> {\n public static defaultProps: AtModalActionProps\n public static propTypes: InferProps<AtModalActionProps>\n\n public render(): JSX.Element {\n const rootClass = classNames(\n 'at-modal__footer',\n {\n 'at-modal__footer--simple': this.props.isSimple\n },\n this.props.className\n )\n\n return (\n <View className={rootClass}>\n <View className='at-modal__action'>{this.props.children}</View>\n </View>\n )\n }\n}\n\nAtModalAction.defaultProps = {\n isSimple: false\n}\n\nAtModalAction.propTypes = {\n isSimple: PropTypes.bool\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,sBAAoC,MAAM,UAA8B;AAAA,EAItE,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,4BAA4B,KAAK,MAAM;AAAA,MACzC;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,sBAAoB,KAAK,MAAM,QAAS,CAC1D;AAAA,EAEJ;AACF;AAEA,cAAc,eAAe;AAAA,EAC3B,UAAU;AACZ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU;AACtB;","names":[]}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import classNames from
|
|
2
|
-
import React from
|
|
3
|
-
import { ScrollView } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ScrollView } from "@tarojs/components";
|
|
4
|
+
class AtModalContent extends React.Component {
|
|
5
|
+
render() {
|
|
6
|
+
const rootClass = classNames("at-modal__content", this.props.className);
|
|
7
|
+
return /* @__PURE__ */ React.createElement(ScrollView, { scrollY: true, className: rootClass }, this.props.children);
|
|
8
|
+
}
|
|
9
9
|
}
|
|
10
|
+
export {
|
|
11
|
+
AtModalContent as default
|
|
12
|
+
};
|
|
10
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modal/content/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { ScrollView } from '@tarojs/components'\nimport { AtModalContentProps } from '../../../../types/modal'\n\nexport default class AtModalContent extends React.Component<AtModalContentProps> {\n public render(): JSX.Element {\n const rootClass = classNames('at-modal__content', this.props.className)\n return (\n <ScrollView scrollY className={rootClass}>\n {this.props.children}\n </ScrollView>\n )\n }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAG3B,MAAO,uBAAqC,MAAM,UAA+B;AAAA,EACxE,SAAsB;AAC3B,UAAM,YAAY,WAAW,qBAAqB,KAAK,MAAM,SAAS;AACtE,WACE,oCAAC,cAAW,SAAO,MAAC,WAAW,aAC5B,KAAK,MAAM,QACd;AAAA,EAEJ;AACF;","names":[]}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import classNames from
|
|
2
|
-
import React from
|
|
3
|
-
import { View } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
class AtModalHeader extends React.Component {
|
|
5
|
+
render() {
|
|
6
|
+
const rootClass = classNames("at-modal__header", this.props.className);
|
|
7
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, this.props.children);
|
|
8
|
+
}
|
|
9
9
|
}
|
|
10
|
+
export {
|
|
11
|
+
AtModalHeader as default
|
|
12
|
+
};
|
|
10
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modal/header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalHeaderProps } from '../../../../types/modal'\n\nexport default class AtModalHeader extends React.Component<AtModalHeaderProps> {\n public render(): JSX.Element {\n const rootClass = classNames('at-modal__header', this.props.className)\n return <View className={rootClass}>{this.props.children}</View>\n }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,sBAAoC,MAAM,UAA8B;AAAA,EACtE,SAAsB;AAC3B,UAAM,YAAY,WAAW,oBAAoB,KAAK,MAAM,SAAS;AACrE,WAAO,oCAAC,QAAK,WAAW,aAAY,KAAK,MAAM,QAAS;AAAA,EAC1D;AACF;","names":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InferProps } from 'prop-types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AtModalProps, AtModalState } from '../../../types/modal';
|
|
4
|
+
export default class AtModal extends React.Component<AtModalProps, AtModalState> {
|
|
5
|
+
static defaultProps: AtModalProps;
|
|
6
|
+
static propTypes: InferProps<AtModalProps>;
|
|
7
|
+
constructor(props: AtModalProps);
|
|
8
|
+
UNSAFE_componentWillReceiveProps(nextProps: AtModalProps): void;
|
|
9
|
+
private handleClickOverlay;
|
|
10
|
+
private handleClose;
|
|
11
|
+
private handleCancel;
|
|
12
|
+
private handleConfirm;
|
|
13
|
+
private handleTouchMove;
|
|
14
|
+
render(): JSX.Element;
|
|
15
|
+
}
|
|
@@ -1,97 +1,106 @@
|
|
|
1
|
-
import classNames from
|
|
2
|
-
import PropTypes from
|
|
3
|
-
import React from
|
|
4
|
-
import { Button, Text, View } from
|
|
5
|
-
import Taro from
|
|
6
|
-
import { handleTouchScroll } from
|
|
7
|
-
import AtModalAction from
|
|
8
|
-
import AtModalContent from
|
|
9
|
-
import AtModalHeader from
|
|
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
|
-
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Button, Text, View } from "@tarojs/components";
|
|
5
|
+
import Taro from "@tarojs/taro";
|
|
6
|
+
import { handleTouchScroll } from "../../common/utils";
|
|
7
|
+
import AtModalAction from "./action/index";
|
|
8
|
+
import AtModalContent from "./content/index";
|
|
9
|
+
import AtModalHeader from "./header/index";
|
|
10
|
+
class AtModal extends React.Component {
|
|
11
|
+
constructor(props) {
|
|
12
|
+
super(props);
|
|
13
|
+
this.handleClickOverlay = () => {
|
|
14
|
+
if (this.props.closeOnClickOverlay) {
|
|
15
|
+
this.setState(
|
|
16
|
+
{
|
|
17
|
+
_isOpened: false
|
|
18
|
+
},
|
|
19
|
+
this.handleClose
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
this.handleClose = (event) => {
|
|
24
|
+
if (typeof this.props.onClose === "function") {
|
|
25
|
+
this.props.onClose(event);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
this.handleCancel = (event) => {
|
|
29
|
+
if (typeof this.props.onCancel === "function") {
|
|
30
|
+
this.props.onCancel(event);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
this.handleConfirm = (event) => {
|
|
34
|
+
if (typeof this.props.onConfirm === "function") {
|
|
35
|
+
this.props.onConfirm(event);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
this.handleTouchMove = (e) => {
|
|
39
|
+
e.stopPropagation();
|
|
40
|
+
};
|
|
41
|
+
const { isOpened } = props;
|
|
42
|
+
this.state = {
|
|
43
|
+
_isOpened: isOpened,
|
|
44
|
+
isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
48
|
+
const { isOpened } = nextProps;
|
|
49
|
+
if (this.props.isOpened !== isOpened) {
|
|
50
|
+
handleTouchScroll(isOpened);
|
|
44
51
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
if (isOpened !== this.state._isOpened) {
|
|
51
|
-
this.setState({
|
|
52
|
-
_isOpened: isOpened
|
|
53
|
-
});
|
|
54
|
-
}
|
|
52
|
+
if (isOpened !== this.state._isOpened) {
|
|
53
|
+
this.setState({
|
|
54
|
+
_isOpened: isOpened
|
|
55
|
+
});
|
|
55
56
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
cancelText && (React.createElement(Button, { onClick: this.handleCancel }, cancelText)),
|
|
75
|
-
confirmText && (React.createElement(Button, { onClick: this.handleConfirm }, confirmText)))))));
|
|
57
|
+
}
|
|
58
|
+
render() {
|
|
59
|
+
const { _isOpened, isWEB } = this.state;
|
|
60
|
+
const { title, content, cancelText, confirmText } = this.props;
|
|
61
|
+
const rootClass = classNames(
|
|
62
|
+
"at-modal",
|
|
63
|
+
{
|
|
64
|
+
"at-modal--active": _isOpened
|
|
65
|
+
},
|
|
66
|
+
this.props.className
|
|
67
|
+
);
|
|
68
|
+
if (title || content) {
|
|
69
|
+
const isRenderAction = cancelText || confirmText;
|
|
70
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(
|
|
71
|
+
View,
|
|
72
|
+
{
|
|
73
|
+
onClick: this.handleClickOverlay,
|
|
74
|
+
className: "at-modal__overlay"
|
|
76
75
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
76
|
+
), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, title && /* @__PURE__ */ React.createElement(AtModalHeader, null, /* @__PURE__ */ React.createElement(Text, null, title)), content && /* @__PURE__ */ React.createElement(AtModalContent, null, /* @__PURE__ */ React.createElement(View, { className: "content-simple" }, isWEB ? /* @__PURE__ */ React.createElement(
|
|
77
|
+
Text,
|
|
78
|
+
{
|
|
79
|
+
dangerouslySetInnerHTML: {
|
|
80
|
+
__html: content.replace(/\\n/g, "<br/>")
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
) : /* @__PURE__ */ React.createElement(Text, null, content))), isRenderAction && /* @__PURE__ */ React.createElement(AtModalAction, { isSimple: true }, cancelText && /* @__PURE__ */ React.createElement(Button, { onClick: this.handleCancel }, cancelText), confirmText && /* @__PURE__ */ React.createElement(Button, { onClick: this.handleConfirm }, confirmText))));
|
|
80
84
|
}
|
|
85
|
+
return /* @__PURE__ */ React.createElement(View, { onTouchMove: this.handleTouchMove, className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__overlay", onClick: this.handleClickOverlay }), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, this.props.children));
|
|
86
|
+
}
|
|
81
87
|
}
|
|
82
88
|
AtModal.defaultProps = {
|
|
83
|
-
|
|
84
|
-
|
|
89
|
+
isOpened: false,
|
|
90
|
+
closeOnClickOverlay: true
|
|
85
91
|
};
|
|
86
92
|
AtModal.propTypes = {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
title: PropTypes.string,
|
|
94
|
+
isOpened: PropTypes.bool,
|
|
95
|
+
onCancel: PropTypes.func,
|
|
96
|
+
onConfirm: PropTypes.func,
|
|
97
|
+
onClose: PropTypes.func,
|
|
98
|
+
content: PropTypes.string,
|
|
99
|
+
closeOnClickOverlay: PropTypes.bool,
|
|
100
|
+
cancelText: PropTypes.string,
|
|
101
|
+
confirmText: PropTypes.string
|
|
102
|
+
};
|
|
103
|
+
export {
|
|
104
|
+
AtModal as default
|
|
96
105
|
};
|
|
97
106
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Button, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtModalProps, AtModalState } from '../../../types/modal'\nimport { handleTouchScroll } from '../../common/utils'\nimport AtModalAction from './action/index'\nimport AtModalContent from './content/index'\nimport AtModalHeader from './header/index'\n\nexport default class AtModal extends React.Component<\n AtModalProps,\n AtModalState\n> {\n public static defaultProps: AtModalProps\n public static propTypes: InferProps<AtModalProps>\n\n public constructor(props: AtModalProps) {\n super(props)\n const { isOpened } = props\n this.state = {\n _isOpened: isOpened,\n isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: AtModalProps): void {\n const { isOpened } = nextProps\n\n if (this.props.isOpened !== isOpened) {\n handleTouchScroll(isOpened)\n }\n\n if (isOpened !== this.state._isOpened) {\n this.setState({\n _isOpened: isOpened\n })\n }\n }\n\n private handleClickOverlay = (): void => {\n if (this.props.closeOnClickOverlay) {\n this.setState(\n {\n _isOpened: false\n },\n this.handleClose\n )\n }\n }\n\n private handleClose = (event?: CommonEvent): void => {\n if (typeof this.props.onClose === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n this.props.onClose(event!)\n }\n }\n\n private handleCancel = (event: CommonEvent): void => {\n if (typeof this.props.onCancel === 'function') {\n this.props.onCancel(event)\n }\n }\n\n private handleConfirm = (event: CommonEvent): void => {\n if (typeof this.props.onConfirm === 'function') {\n this.props.onConfirm(event)\n }\n }\n\n private handleTouchMove = (e: CommonEvent): void => {\n e.stopPropagation()\n }\n\n public render(): JSX.Element {\n const { _isOpened, isWEB } = this.state\n const { title, content, cancelText, confirmText } = this.props\n const rootClass = classNames(\n 'at-modal',\n {\n 'at-modal--active': _isOpened\n },\n this.props.className\n )\n\n if (title || content) {\n const isRenderAction = cancelText || confirmText\n return (\n <View className={rootClass}>\n <View\n onClick={this.handleClickOverlay}\n className='at-modal__overlay'\n />\n <View className='at-modal__container'>\n {title && (\n <AtModalHeader>\n <Text>{title}</Text>\n </AtModalHeader>\n )}\n {content && (\n <AtModalContent>\n <View className='content-simple'>\n {isWEB ? (\n <Text\n dangerouslySetInnerHTML={{\n __html: content.replace(/\\\\n/g, '<br/>')\n }}\n ></Text>\n ) : (\n <Text>{content}</Text>\n )}\n </View>\n </AtModalContent>\n )}\n {isRenderAction && (\n <AtModalAction isSimple>\n {cancelText && (\n <Button onClick={this.handleCancel}>{cancelText}</Button>\n )}\n {confirmText && (\n <Button onClick={this.handleConfirm}>{confirmText}</Button>\n )}\n </AtModalAction>\n )}\n </View>\n </View>\n )\n }\n\n return (\n <View onTouchMove={this.handleTouchMove} className={rootClass}>\n <View className='at-modal__overlay' onClick={this.handleClickOverlay} />\n <View className='at-modal__container'>{this.props.children}</View>\n </View>\n )\n }\n}\n\nAtModal.defaultProps = {\n isOpened: false,\n closeOnClickOverlay: true\n}\n\nAtModal.propTypes = {\n title: PropTypes.string,\n isOpened: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func,\n content: PropTypes.string,\n closeOnClickOverlay: PropTypes.bool,\n cancelText: PropTypes.string,\n confirmText: PropTypes.string\n}\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InferProps } from 'prop-types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AtNavBarProps } from '../../../types/nav-bar';
|
|
4
|
+
export default class AtNavBar extends React.Component<AtNavBarProps> {
|
|
5
|
+
static defaultProps: AtNavBarProps;
|
|
6
|
+
static propTypes: InferProps<AtNavBarProps>;
|
|
7
|
+
private handleClickLeftView;
|
|
8
|
+
private handleClickSt;
|
|
9
|
+
private handleClickNd;
|
|
10
|
+
private handleClickTitle;
|
|
11
|
+
render(): JSX.Element;
|
|
12
|
+
}
|