taro-ui 3.3.2 → 3.4.0
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 +1 -1
- package/README.md +85 -0
- package/{lib → dist}/common/utils.d.ts +2 -1
- package/{lib → dist}/common/utils.js +3 -0
- package/{lib → dist}/common/utils.js.map +1 -1
- package/dist/components/accordion/index.d.ts +17 -0
- package/dist/components/accordion/index.js +101 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/action-sheet/body/index.d.ts +3 -0
- package/dist/components/action-sheet/body/index.js +15 -0
- package/dist/components/action-sheet/body/index.js.map +1 -0
- package/dist/components/action-sheet/body/item/index.d.ts +9 -0
- package/dist/components/action-sheet/body/item/index.js +25 -0
- package/dist/components/action-sheet/body/item/index.js.map +1 -0
- package/dist/components/action-sheet/footer/index.d.ts +9 -0
- package/dist/components/action-sheet/footer/index.js +25 -0
- package/dist/components/action-sheet/footer/index.js.map +1 -0
- package/dist/components/action-sheet/header/index.d.ts +3 -0
- package/dist/components/action-sheet/header/index.js +15 -0
- package/dist/components/action-sheet/header/index.js.map +1 -0
- package/dist/components/action-sheet/index.d.ts +13 -0
- package/dist/components/action-sheet/index.js +72 -0
- package/dist/components/action-sheet/index.js.map +1 -0
- package/dist/components/activity-indicator/index.d.ts +14 -0
- package/dist/components/activity-indicator/index.js +36 -0
- package/dist/components/activity-indicator/index.js.map +1 -0
- package/dist/components/avatar/index.d.ts +15 -0
- package/dist/components/avatar/index.js +61 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/index.d.ts +13 -0
- package/dist/components/badge/index.js +35 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/index.d.ts +30 -0
- package/dist/components/button/index.js +162 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/calendar/body/index.d.ts +3 -0
- package/dist/components/calendar/body/index.js +269 -0
- package/dist/components/calendar/body/index.js.map +1 -0
- package/dist/components/calendar/controller/index.d.ts +3 -0
- package/dist/components/calendar/controller/index.js +55 -0
- package/dist/components/calendar/controller/index.js.map +1 -0
- package/dist/components/calendar/index.d.ts +3 -0
- package/dist/components/calendar/index.js +262 -0
- package/dist/components/calendar/index.js.map +1 -0
- package/{lib → dist}/components/calendar/ui/date-list/index.d.ts +2 -6
- package/dist/components/calendar/ui/date-list/index.js +49 -0
- package/dist/components/calendar/ui/date-list/index.js.map +1 -0
- package/dist/components/calendar/ui/day-list/index.d.ts +2 -0
- package/dist/components/calendar/ui/day-list/index.js +12 -0
- package/dist/components/calendar/ui/day-list/index.js.map +1 -0
- package/dist/components/card/index.d.ts +17 -0
- package/dist/components/card/index.js +79 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +13 -0
- package/dist/components/checkbox/index.js +54 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/config-provider/context.d.ts +6 -0
- package/dist/components/config-provider/context.js +13 -0
- package/dist/components/config-provider/context.js.map +1 -0
- package/dist/components/config-provider/index.d.ts +7 -0
- package/dist/components/config-provider/index.js +15 -0
- package/dist/components/config-provider/index.js.map +1 -0
- package/dist/components/countdown/index.d.ts +20 -0
- package/dist/components/countdown/index.js +217 -0
- package/dist/components/countdown/index.js.map +1 -0
- package/dist/components/countdown/item/index.d.ts +10 -0
- package/dist/components/countdown/item/index.js +21 -0
- package/dist/components/countdown/item/index.js.map +1 -0
- package/dist/components/curtain/index.d.ts +13 -0
- package/dist/components/curtain/index.js +53 -0
- package/dist/components/curtain/index.js.map +1 -0
- package/dist/components/divider/index.d.ts +15 -0
- package/dist/components/divider/index.js +48 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/drawer/index.d.ts +14 -0
- package/dist/components/drawer/index.js +121 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/fab/index.d.ts +10 -0
- package/dist/components/fab/index.js +29 -0
- package/dist/components/fab/index.js.map +1 -0
- package/dist/components/flex/index.d.ts +13 -0
- package/{lib → dist}/components/flex/index.js +17 -18
- package/dist/components/flex/index.js.map +1 -0
- package/dist/components/flex/item/index.d.ts +13 -0
- package/dist/components/flex/item/index.js +33 -0
- package/dist/components/flex/item/index.js.map +1 -0
- package/dist/components/float-layout/index.d.ts +21 -0
- package/dist/components/float-layout/index.js +88 -0
- package/dist/components/float-layout/index.js.map +1 -0
- package/dist/components/form/index.d.ts +13 -0
- package/dist/components/form/index.js +43 -0
- package/dist/components/form/index.js.map +1 -0
- package/dist/components/grid/index.d.ts +24 -0
- package/dist/components/grid/index.js +96 -0
- package/dist/components/grid/index.js.map +1 -0
- package/dist/components/icon/index.d.ts +15 -0
- package/dist/components/icon/index.js +44 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/image-picker/index.d.ts +21 -0
- package/dist/components/image-picker/index.js +145 -0
- package/dist/components/image-picker/index.js.map +1 -0
- package/dist/components/indexes/index.d.ts +17 -0
- package/dist/components/indexes/index.js +261 -0
- package/dist/components/indexes/index.js.map +1 -0
- package/dist/components/input/index.d.ts +39 -0
- package/dist/components/input/index.js +223 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input-number/index.d.ts +22 -0
- package/dist/components/input-number/index.js +174 -0
- package/dist/components/input-number/index.js.map +1 -0
- package/dist/components/list/index.d.ts +9 -0
- package/dist/components/list/index.js +26 -0
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/list/item/index.d.ts +29 -0
- package/dist/components/list/item/index.js +124 -0
- package/dist/components/list/item/index.js.map +1 -0
- package/dist/components/load-more/index.d.ts +17 -0
- package/dist/components/load-more/index.js +51 -0
- package/dist/components/load-more/index.js.map +1 -0
- package/dist/components/loading/index.d.ts +13 -0
- package/dist/components/loading/index.js +26 -0
- package/dist/components/loading/index.js.map +1 -0
- package/dist/components/message/index.d.ts +10 -0
- package/dist/components/message/index.js +64 -0
- package/dist/components/message/index.js.map +1 -0
- package/dist/components/modal/action/index.d.ts +9 -0
- package/dist/components/modal/action/index.js +26 -0
- package/dist/components/modal/action/index.js.map +1 -0
- package/dist/components/modal/content/index.d.ts +3 -0
- package/dist/components/modal/content/index.js +15 -0
- package/dist/components/modal/content/index.js.map +1 -0
- package/dist/components/modal/header/index.d.ts +3 -0
- package/dist/components/modal/header/index.js +15 -0
- package/dist/components/modal/header/index.js.map +1 -0
- package/dist/components/modal/index.d.ts +17 -0
- package/dist/components/modal/index.js +92 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/nav-bar/index.d.ts +22 -0
- package/dist/components/nav-bar/index.js +201 -0
- package/dist/components/nav-bar/index.js.map +1 -0
- package/dist/components/noticebar/index.d.ts +18 -0
- package/dist/components/noticebar/index.js +173 -0
- package/dist/components/noticebar/index.js.map +1 -0
- package/dist/components/pagination/index.d.ts +14 -0
- package/dist/components/pagination/index.js +90 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/progress/index.d.ts +13 -0
- package/dist/components/progress/index.js +56 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/radio/index.d.ts +13 -0
- package/dist/components/radio/index.js +50 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/range/index.d.ts +20 -0
- package/dist/components/range/index.js +200 -0
- package/dist/components/range/index.js.map +1 -0
- package/dist/components/rate/index.d.ts +15 -0
- package/dist/components/rate/index.js +67 -0
- package/dist/components/rate/index.js.map +1 -0
- package/dist/components/search-bar/index.d.ts +24 -0
- package/dist/components/search-bar/index.js +150 -0
- package/dist/components/search-bar/index.js.map +1 -0
- package/dist/components/segmented-control/index.d.ts +16 -0
- package/dist/components/segmented-control/index.js +70 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/slider/index.d.ts +22 -0
- package/dist/components/slider/index.js +91 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/steps/index.d.ts +13 -0
- package/dist/components/steps/index.js +62 -0
- package/dist/components/steps/index.js.map +1 -0
- package/dist/components/swipe-action/index.d.ts +14 -0
- package/dist/components/swipe-action/index.js +223 -0
- package/dist/components/swipe-action/index.js.map +1 -0
- package/dist/components/swipe-action/options/index.d.ts +3 -0
- package/dist/components/swipe-action/options/index.js +25 -0
- package/dist/components/swipe-action/options/index.js.map +1 -0
- package/dist/components/switch/index.d.ts +16 -0
- package/dist/components/switch/index.js +54 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/tab-bar/index.d.ts +19 -0
- package/dist/components/tab-bar/index.js +143 -0
- package/dist/components/tab-bar/index.js.map +1 -0
- package/dist/components/tabs/index.d.ts +18 -0
- package/dist/components/tabs/index.js +230 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs-pane/index.d.ts +13 -0
- package/dist/components/tabs-pane/index.js +41 -0
- package/dist/components/tabs-pane/index.js.map +1 -0
- package/dist/components/tag/index.d.ts +16 -0
- package/dist/components/tag/index.js +66 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/textarea/index.d.ts +31 -0
- package/dist/components/textarea/index.js +121 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/timeline/index.d.ts +11 -0
- package/dist/components/timeline/index.js +70 -0
- package/dist/components/timeline/index.js.map +1 -0
- package/dist/components/toast/img.json +5 -0
- package/dist/components/toast/index.d.ts +17 -0
- package/dist/components/toast/index.js +115 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/hooks/useComponentLocale.d.ts +2 -0
- package/dist/hooks/useComponentLocale.js +12 -0
- package/dist/hooks/useComponentLocale.js.map +1 -0
- package/{lib → dist}/index.d.ts +3 -0
- package/dist/index.esm.js +5856 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +5937 -0
- package/dist/index.js.map +1 -0
- package/dist/locale/en_US.d.ts +3 -0
- package/dist/locale/en_US.js +34 -0
- package/dist/locale/en_US.js.map +1 -0
- package/dist/locale/index.d.ts +4 -0
- package/dist/locale/index.js +10 -0
- package/dist/locale/index.js.map +1 -0
- package/dist/locale/types.d.ts +34 -0
- package/dist/locale/types.js +1 -0
- package/dist/locale/types.js.map +1 -0
- package/dist/locale/zh_CN.d.ts +3 -0
- package/dist/locale/zh_CN.js +34 -0
- package/dist/locale/zh_CN.js.map +1 -0
- package/{lib → dist}/style/components/avatar.scss +1 -1
- package/{lib → dist}/style/components/badge.scss +7 -2
- package/{lib → dist}/style/components/calendar.scss +1 -1
- package/{lib → dist}/style/components/countdown.scss +2 -1
- package/{lib → dist}/style/components/flex.scss +1 -1
- package/{lib → dist}/style/components/grid.scss +2 -2
- package/{lib → dist}/style/components/icon.scss +302 -101
- package/{lib → dist}/style/components/input.scss +2 -2
- package/{lib → dist}/style/components/progress.scss +1 -1
- package/{lib → dist}/style/components/search-bar.scss +1 -1
- package/{lib → dist}/style/components/steps.scss +2 -2
- package/{lib → dist}/style/components/tabs.scss +1 -1
- package/{lib → dist}/style/components/tag.scss +1 -1
- package/{lib → dist}/style/components/timeline.scss +1 -1
- package/{lib → dist}/style/components/toast.scss +7 -3
- package/{lib → dist}/style/index.css +176 -176
- package/dist/style/index.css.map +1 -0
- package/{lib → dist}/style/mixins/libs/hairline.scss +4 -19
- package/{lib → dist}/style/mixins/libs/shade.scss +3 -6
- package/{lib → dist}/style/mixins/libs/tint.scss +4 -7
- package/{lib → dist}/style/themes/purple.scss +15 -15
- package/{lib → dist}/style/themes/red.scss +16 -13
- package/{lib → dist}/style/variables/default.scss +69 -73
- package/package.json +45 -12
- package/rn/components/accordion/index.tsx +2 -9
- package/rn/components/action-sheet/body/index.tsx +1 -3
- package/rn/components/action-sheet/body/item/index.tsx +1 -3
- package/rn/components/action-sheet/footer/index.tsx +1 -3
- package/rn/components/action-sheet/header/index.tsx +1 -3
- package/rn/components/activity-indicator/index.tsx +1 -3
- package/rn/components/avatar/index.tsx +5 -5
- package/rn/components/calendar/controller/index.tsx +2 -7
- package/rn/components/card/index.tsx +4 -4
- package/rn/components/countdown/index.scss +5 -4
- package/rn/components/countdown/item/index.tsx +1 -3
- package/rn/components/curtain/index.tsx +5 -5
- package/rn/components/flex/index.scss +2 -2
- package/rn/components/flex/item/index.scss +2 -2
- package/rn/components/grid/index.tsx +15 -15
- package/rn/components/icon/index.tsx +4 -4
- package/rn/components/image-picker/index.tsx +7 -7
- package/rn/components/pagination/index.tsx +7 -7
- package/rn/components/progress/index.tsx +5 -5
- package/rn/components/radio/index.tsx +7 -7
- package/rn/components/rate/index.tsx +4 -4
- package/rn/components/segmented-control/index.tsx +8 -8
- package/rn/components/slider/index.tsx +9 -9
- package/rn/components/steps/index.tsx +8 -8
- package/rn/components/swipe-action/options/index.tsx +1 -3
- package/rn/components/switch/index.tsx +2 -9
- package/rn/components/toast/img.json +3 -6
- package/rn/components/toast/index.tsx +8 -8
- package/rn/style/components/accordion.scss +1 -1
- package/rn/style/components/action-sheet.scss +1 -1
- package/rn/style/components/avatar.scss +1 -1
- package/rn/style/components/badge.scss +8 -3
- package/rn/style/components/button.scss +1 -1
- package/rn/style/components/calendar.scss +1 -1
- package/rn/style/components/checkbox.scss +1 -1
- package/rn/style/components/curtain.scss +1 -1
- package/rn/style/components/fab.scss +1 -4
- package/rn/style/components/flex.scss +1 -1
- package/rn/style/components/grid.scss +2 -6
- package/rn/style/components/icon.scss +302 -101
- package/rn/style/components/index.scss +41 -41
- package/rn/style/components/input.scss +1 -1
- package/rn/style/components/list.scss +2 -4
- package/rn/style/components/loading.scss +4 -4
- package/rn/style/components/message.scss +1 -1
- package/rn/style/components/modal.scss +0 -2
- package/rn/style/components/nav-bar.scss +3 -3
- package/rn/style/components/noticebar.scss +0 -4
- package/rn/style/components/progress.scss +1 -1
- package/rn/style/components/radio.scss +2 -2
- package/rn/style/components/range.scss +1 -1
- package/rn/style/components/search-bar.scss +1 -1
- package/rn/style/components/segmented-control.scss +4 -1
- package/rn/style/components/slider.scss +0 -1
- package/rn/style/components/steps.scss +3 -3
- package/rn/style/components/switch.scss +0 -1
- package/rn/style/components/tabs.scss +2 -2
- package/rn/style/components/tag.scss +1 -1
- package/rn/style/components/timeline.scss +0 -2
- package/rn/style/components/toast.scss +5 -2
- package/rn/style/index.scss +1 -1
- package/rn/style/mixins/libs/hairline.scss +4 -22
- package/rn/style/mixins/libs/shade.scss +1 -4
- package/rn/style/mixins/libs/tint.scss +2 -5
- package/rn/style/themes/purple.scss +15 -15
- package/rn/style/themes/red.scss +16 -13
- package/rn/style/variables/default.scss +69 -73
- package/lib/components/accordion/index.d.ts +0 -14
- package/lib/components/accordion/index.js +0 -121
- package/lib/components/accordion/index.js.map +0 -1
- package/lib/components/action-sheet/body/index.d.ts +0 -5
- package/lib/components/action-sheet/body/index.js +0 -13
- package/lib/components/action-sheet/body/index.js.map +0 -1
- package/lib/components/action-sheet/body/item/index.d.ts +0 -9
- package/lib/components/action-sheet/body/item/index.js +0 -25
- package/lib/components/action-sheet/body/item/index.js.map +0 -1
- package/lib/components/action-sheet/footer/index.d.ts +0 -9
- package/lib/components/action-sheet/footer/index.js +0 -28
- package/lib/components/action-sheet/footer/index.js.map +0 -1
- package/lib/components/action-sheet/header/index.d.ts +0 -5
- package/lib/components/action-sheet/header/index.js +0 -16
- package/lib/components/action-sheet/header/index.js.map +0 -1
- package/lib/components/action-sheet/index.d.ts +0 -14
- package/lib/components/action-sheet/index.js +0 -76
- package/lib/components/action-sheet/index.js.map +0 -1
- package/lib/components/activity-indicator/index.d.ts +0 -8
- package/lib/components/activity-indicator/index.js +0 -39
- package/lib/components/activity-indicator/index.js.map +0 -1
- package/lib/components/avatar/index.d.ts +0 -9
- package/lib/components/avatar/index.js +0 -67
- package/lib/components/avatar/index.js.map +0 -1
- package/lib/components/badge/index.d.ts +0 -10
- package/lib/components/badge/index.js +0 -51
- package/lib/components/badge/index.js.map +0 -1
- package/lib/components/button/index.d.ts +0 -15
- package/lib/components/button/index.js +0 -177
- package/lib/components/button/index.js.map +0 -1
- package/lib/components/calendar/body/index.d.ts +0 -26
- package/lib/components/calendar/body/index.js +0 -289
- package/lib/components/calendar/body/index.js.map +0 -1
- package/lib/components/calendar/controller/index.d.ts +0 -5
- package/lib/components/calendar/controller/index.js +0 -51
- package/lib/components/calendar/controller/index.js.map +0 -1
- package/lib/components/calendar/index.d.ts +0 -20
- package/lib/components/calendar/index.js +0 -244
- package/lib/components/calendar/index.js.map +0 -1
- package/lib/components/calendar/ui/date-list/index.js +0 -54
- package/lib/components/calendar/ui/date-list/index.js.map +0 -1
- package/lib/components/calendar/ui/day-list/index.d.ts +0 -4
- package/lib/components/calendar/ui/day-list/index.js +0 -11
- package/lib/components/calendar/ui/day-list/index.js.map +0 -1
- package/lib/components/card/index.d.ts +0 -9
- package/lib/components/card/index.js +0 -80
- package/lib/components/card/index.js.map +0 -1
- package/lib/components/checkbox/index.d.ts +0 -9
- package/lib/components/checkbox/index.js +0 -59
- package/lib/components/checkbox/index.js.map +0 -1
- package/lib/components/countdown/index.d.ts +0 -20
- package/lib/components/countdown/index.js +0 -152
- package/lib/components/countdown/index.js.map +0 -1
- package/lib/components/countdown/item/index.d.ts +0 -9
- package/lib/components/countdown/item/index.js +0 -24
- package/lib/components/countdown/item/index.js.map +0 -1
- package/lib/components/curtain/index.d.ts +0 -10
- package/lib/components/curtain/index.js +0 -62
- package/lib/components/curtain/index.js.map +0 -1
- package/lib/components/divider/index.d.ts +0 -8
- package/lib/components/divider/index.js +0 -57
- package/lib/components/divider/index.js.map +0 -1
- package/lib/components/drawer/index.d.ts +0 -16
- package/lib/components/drawer/index.js +0 -114
- package/lib/components/drawer/index.js.map +0 -1
- package/lib/components/fab/index.d.ts +0 -9
- package/lib/components/fab/index.js +0 -29
- package/lib/components/fab/index.js.map +0 -1
- package/lib/components/flex/index.d.ts +0 -7
- package/lib/components/flex/index.js.map +0 -1
- package/lib/components/flex/item/index.d.ts +0 -7
- package/lib/components/flex/item/index.js +0 -34
- package/lib/components/flex/item/index.js.map +0 -1
- package/lib/components/float-layout/index.d.ts +0 -13
- package/lib/components/float-layout/index.js +0 -104
- package/lib/components/float-layout/index.js.map +0 -1
- package/lib/components/form/index.d.ts +0 -10
- package/lib/components/form/index.js +0 -43
- package/lib/components/form/index.js.map +0 -1
- package/lib/components/grid/index.d.ts +0 -9
- package/lib/components/grid/index.js +0 -101
- package/lib/components/grid/index.js.map +0 -1
- package/lib/components/icon/index.d.ts +0 -9
- package/lib/components/icon/index.js +0 -54
- package/lib/components/icon/index.js.map +0 -1
- package/lib/components/image-picker/index.d.ts +0 -11
- package/lib/components/image-picker/index.js +0 -164
- package/lib/components/image-picker/index.js.map +0 -1
- package/lib/components/indexes/index.d.ts +0 -29
- package/lib/components/indexes/index.js +0 -272
- package/lib/components/indexes/index.js.map +0 -1
- package/lib/components/input/index.d.ts +0 -17
- package/lib/components/input/index.js +0 -232
- package/lib/components/input/index.js.map +0 -1
- package/lib/components/input-number/index.d.ts +0 -13
- package/lib/components/input-number/index.js +0 -193
- package/lib/components/input-number/index.js.map +0 -1
- package/lib/components/list/index.d.ts +0 -8
- package/lib/components/list/index.js +0 -26
- package/lib/components/list/index.js.map +0 -1
- package/lib/components/list/item/index.d.ts +0 -11
- package/lib/components/list/item/index.js +0 -152
- package/lib/components/list/item/index.js.map +0 -1
- package/lib/components/load-more/index.d.ts +0 -9
- package/lib/components/load-more/index.js +0 -72
- package/lib/components/load-more/index.js.map +0 -1
- package/lib/components/loading/index.d.ts +0 -12
- package/lib/components/loading/index.js +0 -32
- package/lib/components/loading/index.js.map +0 -1
- package/lib/components/message/index.d.ts +0 -15
- package/lib/components/message/index.js +0 -78
- package/lib/components/message/index.js.map +0 -1
- package/lib/components/modal/action/index.d.ts +0 -8
- package/lib/components/modal/action/index.js +0 -26
- package/lib/components/modal/action/index.js.map +0 -1
- package/lib/components/modal/content/index.d.ts +0 -5
- package/lib/components/modal/content/index.js +0 -13
- package/lib/components/modal/content/index.js.map +0 -1
- package/lib/components/modal/header/index.d.ts +0 -5
- package/lib/components/modal/header/index.js +0 -13
- package/lib/components/modal/header/index.js.map +0 -1
- package/lib/components/modal/index.d.ts +0 -15
- package/lib/components/modal/index.js +0 -106
- package/lib/components/modal/index.js.map +0 -1
- package/lib/components/nav-bar/index.d.ts +0 -12
- package/lib/components/nav-bar/index.js +0 -217
- package/lib/components/nav-bar/index.js.map +0 -1
- package/lib/components/noticebar/index.d.ts +0 -16
- package/lib/components/noticebar/index.js +0 -186
- package/lib/components/noticebar/index.js.map +0 -1
- package/lib/components/pagination/index.d.ts +0 -12
- package/lib/components/pagination/index.js +0 -146
- package/lib/components/pagination/index.js.map +0 -1
- package/lib/components/progress/index.d.ts +0 -7
- package/lib/components/progress/index.js +0 -53
- package/lib/components/progress/index.js.map +0 -1
- package/lib/components/radio/index.d.ts +0 -9
- package/lib/components/radio/index.js +0 -54
- package/lib/components/radio/index.js.map +0 -1
- package/lib/components/range/index.d.ts +0 -22
- package/lib/components/range/index.js +0 -207
- package/lib/components/range/index.js.map +0 -1
- package/lib/components/rate/index.d.ts +0 -9
- package/lib/components/rate/index.js +0 -82
- package/lib/components/rate/index.js.map +0 -1
- package/lib/components/search-bar/index.d.ts +0 -16
- package/lib/components/search-bar/index.js +0 -176
- package/lib/components/search-bar/index.js.map +0 -1
- package/lib/components/segmented-control/index.d.ts +0 -9
- package/lib/components/segmented-control/index.js +0 -84
- package/lib/components/segmented-control/index.js.map +0 -1
- package/lib/components/slider/index.d.ts +0 -13
- package/lib/components/slider/index.js +0 -115
- package/lib/components/slider/index.js.map +0 -1
- package/lib/components/steps/index.d.ts +0 -9
- package/lib/components/steps/index.js +0 -67
- package/lib/components/steps/index.js.map +0 -1
- package/lib/components/swipe-action/index.d.ts +0 -27
- package/lib/components/swipe-action/index.js +0 -220
- package/lib/components/swipe-action/index.js.map +0 -1
- package/lib/components/swipe-action/options/index.d.ts +0 -5
- package/lib/components/swipe-action/options/index.js +0 -24
- package/lib/components/swipe-action/options/index.js.map +0 -1
- package/lib/components/switch/index.d.ts +0 -9
- package/lib/components/switch/index.js +0 -59
- package/lib/components/switch/index.js.map +0 -1
- package/lib/components/tab-bar/index.d.ts +0 -9
- package/lib/components/tab-bar/index.js +0 -170
- package/lib/components/tab-bar/index.js.map +0 -1
- package/lib/components/tabs/index.d.ts +0 -24
- package/lib/components/tabs/index.js +0 -219
- package/lib/components/tabs/index.js.map +0 -1
- package/lib/components/tabs-pane/index.d.ts +0 -8
- package/lib/components/tabs-pane/index.js +0 -43
- package/lib/components/tabs-pane/index.js.map +0 -1
- package/lib/components/tag/index.d.ts +0 -9
- package/lib/components/tag/index.js +0 -75
- package/lib/components/tag/index.js.map +0 -1
- package/lib/components/textarea/index.d.ts +0 -13
- package/lib/components/textarea/index.js +0 -141
- package/lib/components/textarea/index.js.map +0 -1
- package/lib/components/timeline/index.d.ts +0 -8
- package/lib/components/timeline/index.js +0 -76
- package/lib/components/timeline/index.js.map +0 -1
- package/lib/components/toast/img.json +0 -8
- package/lib/components/toast/index.d.ts +0 -16
- package/lib/components/toast/index.js +0 -124
- package/lib/components/toast/index.js.map +0 -1
- package/lib/index.js +0 -109
- package/lib/index.js.map +0 -1
- package/lib/style/index.css.map +0 -1
- /package/{lib → dist}/common/component.d.ts +0 -0
- /package/{lib → dist}/common/component.js +0 -0
- /package/{lib → dist}/common/component.js.map +0 -0
- /package/{lib → dist}/components/calendar/common/constant.d.ts +0 -0
- /package/{lib → dist}/components/calendar/common/constant.js +0 -0
- /package/{lib → dist}/components/calendar/common/constant.js.map +0 -0
- /package/{lib → dist}/components/calendar/common/helper.d.ts +0 -0
- /package/{lib → dist}/components/calendar/common/helper.js +0 -0
- /package/{lib → dist}/components/calendar/common/helper.js.map +0 -0
- /package/{lib → dist}/components/calendar/common/plugins.d.ts +0 -0
- /package/{lib → dist}/components/calendar/common/plugins.js +0 -0
- /package/{lib → dist}/components/calendar/common/plugins.js.map +0 -0
- /package/{lib → dist}/style/components/accordion.scss +0 -0
- /package/{lib → dist}/style/components/action-sheet.scss +0 -0
- /package/{lib → dist}/style/components/activity-indicator.scss +0 -0
- /package/{lib → dist}/style/components/article.scss +0 -0
- /package/{lib → dist}/style/components/button.scss +0 -0
- /package/{lib → dist}/style/components/card.scss +0 -0
- /package/{lib → dist}/style/components/checkbox.scss +0 -0
- /package/{lib → dist}/style/components/curtain.scss +0 -0
- /package/{lib → dist}/style/components/divider.scss +0 -0
- /package/{lib → dist}/style/components/drawer.scss +0 -0
- /package/{lib → dist}/style/components/fab.scss +0 -0
- /package/{lib → dist}/style/components/float-layout.scss +0 -0
- /package/{lib → dist}/style/components/form.scss +0 -0
- /package/{lib → dist}/style/components/image-picker.scss +0 -0
- /package/{lib → dist}/style/components/index.scss +0 -0
- /package/{lib → dist}/style/components/indexes.scss +0 -0
- /package/{lib → dist}/style/components/input-number.scss +0 -0
- /package/{lib → dist}/style/components/list.scss +0 -0
- /package/{lib → dist}/style/components/load-more.scss +0 -0
- /package/{lib → dist}/style/components/loading.scss +0 -0
- /package/{lib → dist}/style/components/message.scss +0 -0
- /package/{lib → dist}/style/components/modal.scss +0 -0
- /package/{lib → dist}/style/components/nav-bar.scss +0 -0
- /package/{lib → dist}/style/components/noticebar.scss +0 -0
- /package/{lib → dist}/style/components/pagination.scss +0 -0
- /package/{lib → dist}/style/components/radio.scss +0 -0
- /package/{lib → dist}/style/components/range.scss +0 -0
- /package/{lib → dist}/style/components/rate.scss +0 -0
- /package/{lib → dist}/style/components/segmented-control.scss +0 -0
- /package/{lib → dist}/style/components/slider.scss +0 -0
- /package/{lib → dist}/style/components/swipe-action.scss +0 -0
- /package/{lib → dist}/style/components/switch.scss +0 -0
- /package/{lib → dist}/style/components/tab-bar.scss +0 -0
- /package/{lib → dist}/style/components/textarea.scss +0 -0
- /package/{lib → dist}/style/index.scss +0 -0
- /package/{lib → dist}/style/mixins/index.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/absolute-center.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/active.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/alignhack.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/border.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/clearfix.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/disabled.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/flex.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/line.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/overlay.scss +0 -0
- /package/{lib → dist}/style/mixins/libs/placeholder.scss +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/list/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Switch, Text, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtListItemProps } from '../../../../types/list'\nimport { mergeStyle } from '../../../common/utils'\n\nfunction AtListItem({\n note = '',\n disabled = false,\n title = '',\n thumb = '',\n isSwitch = false,\n hasBorder = true,\n switchColor = '#6190E8',\n switchIsCheck = false,\n extraText = '',\n extraThumb = '',\n iconInfo = { value: '' },\n arrow,\n icon,\n className,\n onClick,\n onSwitchChange\n}: AtListItemProps): JSX.Element {\n const handleClick = (event: ITouchEvent): void => {\n if (typeof onClick === 'function' && !disabled) {\n onClick(event)\n }\n }\n\n const handleSwitchClick = (e: CommonEvent): void => {\n e.stopPropagation()\n }\n\n const handleSwitchChange = (event: CommonEvent): void => {\n if (typeof onSwitchChange === 'function' && !disabled) {\n onSwitchChange(event)\n }\n }\n\n const rootClass = classNames(\n 'at-list__item',\n {\n 'at-list__item--thumb': thumb,\n 'at-list__item--multiple': note,\n 'at-list__item--disabled': disabled,\n 'at-list__item--no-border': !hasBorder\n },\n className\n )\n\n const renderIcon = () => {\n if (icon) {\n return <View className='item-icon'>{icon}</View>\n } else if (iconInfo?.value) {\n const iconClass = classNames(\n (iconInfo && iconInfo.prefixClass) || 'at-icon',\n {\n [`${(iconInfo && iconInfo.prefixClass) || 'at-icon'}-${\n iconInfo && iconInfo.value\n }`]: iconInfo && iconInfo.value\n },\n iconInfo && iconInfo.className\n )\n return (\n <View className='at-list__item-icon item-icon'>\n <Text\n className={iconClass}\n style={mergeStyle(\n {\n color: iconInfo.color || '',\n fontSize: `${iconInfo.size || 24}px`\n },\n iconInfo.customStyle || ''\n )}\n ></Text>\n </View>\n )\n } else if (thumb) {\n return (\n <View className='at-list__item-thumb item-thumb'>\n <Image className='item-thumb__info' mode='scaleToFill' src={thumb} />\n </View>\n )\n }\n }\n\n return (\n <View className={rootClass} onClick={handleClick}>\n <View className='at-list__item-container'>\n {renderIcon()}\n <View className='at-list__item-content item-content'>\n <View className='item-content__info'>\n <View className='item-content__info-title'>{title}</View>\n {note && <View className='item-content__info-note'>{note}</View>}\n </View>\n </View>\n <View className='at-list__item-extra item-extra'>\n {extraText && <View className='item-extra__info'>{extraText}</View>}\n\n {extraThumb && !extraText && (\n <View className='item-extra__image'>\n <Image\n className='item-extra__image-info'\n mode='aspectFit'\n src={extraThumb}\n />\n </View>\n )}\n\n {isSwitch && !extraThumb && !extraText && (\n <View className='item-extra__switch' onClick={handleSwitchClick}>\n <Switch\n color={switchColor}\n disabled={disabled}\n checked={switchIsCheck}\n onChange={handleSwitchChange}\n />\n </View>\n )}\n\n {arrow ? (\n <View className='item-extra__icon'>\n <Text\n className={`at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`}\n />\n </View>\n ) : null}\n </View>\n </View>\n </View>\n )\n}\n\nAtListItem.propTypes = {\n note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n disabled: PropTypes.bool,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n thumb: PropTypes.string,\n onClick: PropTypes.func,\n isSwitch: PropTypes.bool,\n hasBorder: PropTypes.bool,\n switchColor: PropTypes.string,\n switchIsCheck: PropTypes.bool,\n extraText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n extraThumb: PropTypes.string,\n onSwitchChange: PropTypes.func,\n arrow: PropTypes.oneOf(['up', 'down', 'right']),\n iconInfo: PropTypes.shape({\n size: PropTypes.number,\n value: PropTypes.string,\n color: PropTypes.string,\n prefixClass: PropTypes.string,\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n })\n}\n\nexport default AtListItem\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,QAAQ,MAAM,YAAY;AAG1C,SAAS,kBAAkB;AAE3B,SAAS,WAAW;AAAA,EAClB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW,EAAE,OAAO,GAAG;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,cAAc,CAAC,UAA6B;AAChD,QAAI,OAAO,YAAY,cAAc,CAAC,UAAU;AAC9C,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAyB;AAClD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,qBAAqB,CAAC,UAA6B;AACvD,QAAI,OAAO,mBAAmB,cAAc,CAAC,UAAU;AACrD,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,wBAAwB;AAAA,MACxB,2BAA2B;AAAA,MAC3B,2BAA2B;AAAA,MAC3B,4BAA4B,CAAC;AAAA,IAC/B;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,MAAM;AACR,aAAO,oCAAC,QAAK,WAAU,eAAa,IAAK;AAAA,IAC3C,WAAW,qCAAU,OAAO;AAC1B,YAAM,YAAY;AAAA,QACf,YAAY,SAAS,eAAgB;AAAA,QACtC;AAAA,UACE,CAAC,GAAI,YAAY,SAAS,eAAgB,SAAS,IACjD,YAAY,SAAS,KACvB,EAAE,GAAG,YAAY,SAAS;AAAA,QAC5B;AAAA,QACA,YAAY,SAAS;AAAA,MACvB;AACA,aACE,oCAAC,QAAK,WAAU,kCACd;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO;AAAA,YACL;AAAA,cACE,OAAO,SAAS,SAAS;AAAA,cACzB,UAAU,GAAG,SAAS,QAAQ,EAAE;AAAA,YAClC;AAAA,YACA,SAAS,eAAe;AAAA,UAC1B;AAAA;AAAA,MACD,CACH;AAAA,IAEJ,WAAW,OAAO;AAChB,aACE,oCAAC,QAAK,WAAU,oCACd,oCAAC,SAAM,WAAU,oBAAmB,MAAK,eAAc,KAAK,OAAO,CACrE;AAAA,IAEJ;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,SAAS,eACnC,oCAAC,QAAK,WAAU,6BACb,WAAW,GACZ,oCAAC,QAAK,WAAU,wCACd,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,8BAA4B,KAAM,GACjD,QAAQ,oCAAC,QAAK,WAAU,6BAA2B,IAAK,CAC3D,CACF,GACA,oCAAC,QAAK,WAAU,oCACb,aAAa,oCAAC,QAAK,WAAU,sBAAoB,SAAU,GAE3D,cAAc,CAAC,aACd,oCAAC,QAAK,WAAU,uBACd;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,KAAK;AAAA;AAAA,EACP,CACF,GAGD,YAAY,CAAC,cAAc,CAAC,aAC3B,oCAAC,QAAK,WAAU,sBAAqB,SAAS,qBAC5C;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA;AAAA,EACZ,CACF,GAGD,QACC,oCAAC,QAAK,WAAU,sBACd;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kDAAkD,KAAK;AAAA;AAAA,EACpE,CACF,IACE,IACN,CACF,CACF;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAC/D,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAChE,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EACpE,YAAY,UAAU;AAAA,EACtB,gBAAgB,UAAU;AAAA,EAC1B,OAAO,UAAU,MAAM,CAAC,MAAM,QAAQ,OAAO,CAAC;AAAA,EAC9C,UAAU,UAAU,MAAM;AAAA,IACxB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU;AAAA,IACjB,aAAa,UAAU;AAAA,IACvB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EACpE,CAAC;AACH;AAEA,IAAO,eAAQ;","names":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtLoadMoreProps } from '../../../types/load-more';
|
|
3
|
+
declare function AtLoadMore({ className, customStyle, loadingText, moreText, status, moreBtnStyle, noMoreTextStyle, noMoreText, onClick }: AtLoadMoreProps): JSX.Element;
|
|
4
|
+
declare namespace AtLoadMore {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
7
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
8
|
+
noMoreTextStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
9
|
+
moreBtnStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
10
|
+
status: PropTypes.Requireable<string>;
|
|
11
|
+
loadingText: PropTypes.Requireable<string>;
|
|
12
|
+
moreText: PropTypes.Requireable<string>;
|
|
13
|
+
noMoreText: PropTypes.Requireable<string>;
|
|
14
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export default AtLoadMore;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text, View } from "@tarojs/components";
|
|
5
|
+
import { useComponentLocale } from "../../hooks/useComponentLocale";
|
|
6
|
+
import AtActivityIndicator from "../activity-indicator/index";
|
|
7
|
+
import AtButton from "../button/index";
|
|
8
|
+
function AtLoadMore({
|
|
9
|
+
className = "",
|
|
10
|
+
customStyle = "",
|
|
11
|
+
loadingText,
|
|
12
|
+
moreText,
|
|
13
|
+
status = "more",
|
|
14
|
+
moreBtnStyle = "",
|
|
15
|
+
noMoreTextStyle = "",
|
|
16
|
+
noMoreText,
|
|
17
|
+
onClick
|
|
18
|
+
}) {
|
|
19
|
+
const locale = useComponentLocale("LoadMore");
|
|
20
|
+
const resolvedLoadingText = loadingText != null ? loadingText : locale.loadingText;
|
|
21
|
+
const resolvedMoreText = moreText != null ? moreText : locale.moreText;
|
|
22
|
+
const resolvedNoMoreText = noMoreText != null ? noMoreText : locale.noMoreText;
|
|
23
|
+
const handleClick = (event) => {
|
|
24
|
+
onClick && onClick(event);
|
|
25
|
+
};
|
|
26
|
+
let component = null;
|
|
27
|
+
if (status === "loading") {
|
|
28
|
+
component = /* @__PURE__ */ React.createElement(AtActivityIndicator, { mode: "center", content: resolvedLoadingText });
|
|
29
|
+
} else if (status === "more") {
|
|
30
|
+
component = /* @__PURE__ */ React.createElement(View, { className: "at-load-more__cnt" }, /* @__PURE__ */ React.createElement(AtButton, { full: true, onClick: handleClick, customStyle: moreBtnStyle }, resolvedMoreText));
|
|
31
|
+
} else {
|
|
32
|
+
component = /* @__PURE__ */ React.createElement(Text, { className: "at-load-more__tip", style: noMoreTextStyle }, resolvedNoMoreText);
|
|
33
|
+
}
|
|
34
|
+
return /* @__PURE__ */ React.createElement(View, { className: classNames("at-load-more", className), style: customStyle }, component);
|
|
35
|
+
}
|
|
36
|
+
AtLoadMore.propTypes = {
|
|
37
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
38
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
39
|
+
noMoreTextStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
40
|
+
moreBtnStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
41
|
+
status: PropTypes.oneOf(["more", "loading", "noMore"]),
|
|
42
|
+
loadingText: PropTypes.string,
|
|
43
|
+
moreText: PropTypes.string,
|
|
44
|
+
noMoreText: PropTypes.string,
|
|
45
|
+
onClick: PropTypes.func
|
|
46
|
+
};
|
|
47
|
+
var load_more_default = AtLoadMore;
|
|
48
|
+
export {
|
|
49
|
+
load_more_default as default
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/load-more/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtLoadMoreProps } from '../../../types/load-more'\nimport AtActivityIndicator from '../activity-indicator/index'\nimport AtButton from '../button/index'\n\nfunction AtLoadMore({\n className = '',\n customStyle = '',\n loadingText,\n moreText,\n status = 'more',\n moreBtnStyle = '',\n noMoreTextStyle = '',\n noMoreText,\n onClick\n}: AtLoadMoreProps): JSX.Element {\n const locale = useComponentLocale('LoadMore')\n const resolvedLoadingText = loadingText ?? locale.loadingText\n const resolvedMoreText = moreText ?? locale.moreText\n const resolvedNoMoreText = noMoreText ?? locale.noMoreText\n const handleClick = (event: CommonEvent): void => {\n onClick && onClick(event)\n }\n\n let component: JSX.Element | null = null\n if (status === 'loading') {\n component = (\n <AtActivityIndicator mode='center' content={resolvedLoadingText} />\n )\n } else if (status === 'more') {\n component = (\n <View className='at-load-more__cnt'>\n <AtButton full onClick={handleClick} customStyle={moreBtnStyle}>\n {resolvedMoreText}\n </AtButton>\n </View>\n )\n } else {\n component = (\n <Text className='at-load-more__tip' style={noMoreTextStyle}>\n {resolvedNoMoreText}\n </Text>\n )\n }\n\n return (\n <View className={classNames('at-load-more', className)} style={customStyle}>\n {component}\n </View>\n )\n}\n\nAtLoadMore.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n noMoreTextStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n moreBtnStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n status: PropTypes.oneOf(['more', 'loading', 'noMore']),\n loadingText: PropTypes.string,\n moreText: PropTypes.string,\n noMoreText: PropTypes.string,\n onClick: PropTypes.func\n}\n\nexport default AtLoadMore\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,SAAS,0BAA0B;AAEnC,OAAO,yBAAyB;AAChC,OAAO,cAAc;AAErB,SAAS,WAAW;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,SAAS,mBAAmB,UAAU;AAC5C,QAAM,sBAAsB,oCAAe,OAAO;AAClD,QAAM,mBAAmB,8BAAY,OAAO;AAC5C,QAAM,qBAAqB,kCAAc,OAAO;AAChD,QAAM,cAAc,CAAC,UAA6B;AAChD,eAAW,QAAQ,KAAK;AAAA,EAC1B;AAEA,MAAI,YAAgC;AACpC,MAAI,WAAW,WAAW;AACxB,gBACE,oCAAC,uBAAoB,MAAK,UAAS,SAAS,qBAAqB;AAAA,EAErE,WAAW,WAAW,QAAQ;AAC5B,gBACE,oCAAC,QAAK,WAAU,uBACd,oCAAC,YAAS,MAAI,MAAC,SAAS,aAAa,aAAa,gBAC/C,gBACH,CACF;AAAA,EAEJ,OAAO;AACL,gBACE,oCAAC,QAAK,WAAU,qBAAoB,OAAO,mBACxC,kBACH;AAAA,EAEJ;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,gBAAgB,SAAS,GAAG,OAAO,eAC5D,SACH;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,iBAAiB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACzE,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtE,QAAQ,UAAU,MAAM,CAAC,QAAQ,WAAW,QAAQ,CAAC;AAAA,EACrD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AACrB;AAEA,IAAO,oBAAQ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
interface AtLoadingProps {
|
|
3
|
+
size?: string | number;
|
|
4
|
+
color?: string | number;
|
|
5
|
+
}
|
|
6
|
+
declare function AtLoading({ color, size }: AtLoadingProps): JSX.Element;
|
|
7
|
+
declare namespace AtLoading {
|
|
8
|
+
var propTypes: {
|
|
9
|
+
size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
10
|
+
color: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export default AtLoading;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import PropTypes from "prop-types";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import { pxTransform } from "../../common/utils";
|
|
5
|
+
function AtLoading({ color = "", size = 0 }) {
|
|
6
|
+
const loadingSize = typeof size === "string" ? size : String(size);
|
|
7
|
+
const sizeStyle = {
|
|
8
|
+
width: size ? `${pxTransform(parseInt(loadingSize))}` : "",
|
|
9
|
+
height: size ? `${pxTransform(parseInt(loadingSize))}` : ""
|
|
10
|
+
};
|
|
11
|
+
const colorStyle = {
|
|
12
|
+
border: color ? `1px solid ${color}` : "",
|
|
13
|
+
borderColor: color ? `${color} transparent transparent transparent` : ""
|
|
14
|
+
};
|
|
15
|
+
const ringStyle = Object.assign({}, colorStyle, sizeStyle);
|
|
16
|
+
return /* @__PURE__ */ React.createElement(View, { className: "at-loading", style: sizeStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }));
|
|
17
|
+
}
|
|
18
|
+
AtLoading.propTypes = {
|
|
19
|
+
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
20
|
+
color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
21
|
+
};
|
|
22
|
+
var loading_default = AtLoading;
|
|
23
|
+
export {
|
|
24
|
+
loading_default as default
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { pxTransform } from '../../common/utils'\n\ninterface AtLoadingProps {\n size?: string | number\n color?: string | number\n}\n\nfunction AtLoading({ color = '', size = 0 }: AtLoadingProps): JSX.Element {\n const loadingSize = typeof size === 'string' ? size : String(size)\n const sizeStyle = {\n width: size ? `${pxTransform(parseInt(loadingSize))}` : '',\n height: size ? `${pxTransform(parseInt(loadingSize))}` : ''\n }\n const colorStyle = {\n border: color ? `1px solid ${color}` : '',\n borderColor: color ? `${color} transparent transparent transparent` : ''\n }\n const ringStyle = Object.assign({}, colorStyle, sizeStyle)\n\n return (\n <View className='at-loading' style={sizeStyle}>\n <View className='at-loading__ring' style={ringStyle}></View>\n <View className='at-loading__ring' style={ringStyle}></View>\n <View className='at-loading__ring' style={ringStyle}></View>\n </View>\n )\n}\n\nAtLoading.propTypes = {\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n\nexport default AtLoading\n"],"mappings":"AAAA,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAO5B,SAAS,UAAU,EAAE,QAAQ,IAAI,OAAO,EAAE,GAAgC;AACxE,QAAM,cAAc,OAAO,SAAS,WAAW,OAAO,OAAO,IAAI;AACjE,QAAM,YAAY;AAAA,IAChB,OAAO,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,IACxD,QAAQ,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,EAC3D;AACA,QAAM,aAAa;AAAA,IACjB,QAAQ,QAAQ,aAAa,KAAK,KAAK;AAAA,IACvC,aAAa,QAAQ,GAAG,KAAK,yCAAyC;AAAA,EACxE;AACA,QAAM,YAAY,OAAO,OAAO,CAAC,GAAG,YAAY,SAAS;AAEzD,SACE,oCAAC,QAAK,WAAU,cAAa,OAAO,aAClC,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,CACvD;AAEJ;AAEA,UAAU,YAAY;AAAA,EACpB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACjE;AAEA,IAAO,kBAAQ;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtMessageProps } from '../../../types/message';
|
|
3
|
+
declare function AtMessage({ customStyle, className }: AtMessageProps): JSX.Element;
|
|
4
|
+
declare namespace AtMessage {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
7
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export default AtMessage;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React, { useCallback, useEffect, useRef, useState } from "react";
|
|
4
|
+
import { View } from "@tarojs/components";
|
|
5
|
+
import Taro, { useDidHide, useDidShow } from "@tarojs/taro";
|
|
6
|
+
function AtMessage({
|
|
7
|
+
customStyle = "",
|
|
8
|
+
className = ""
|
|
9
|
+
}) {
|
|
10
|
+
const [_isOpened, setIsOpened] = useState(false);
|
|
11
|
+
const [_message, setMessage] = useState("");
|
|
12
|
+
const [_type, setType] = useState("info");
|
|
13
|
+
const durationRef = useRef(3e3);
|
|
14
|
+
const timerRef = useRef(null);
|
|
15
|
+
const bindMessageListener = useCallback(() => {
|
|
16
|
+
Taro.eventCenter.on("atMessage", (options = {}) => {
|
|
17
|
+
const { message, type, duration } = options;
|
|
18
|
+
const newDuration = duration || durationRef.current;
|
|
19
|
+
durationRef.current = newDuration;
|
|
20
|
+
setIsOpened(true);
|
|
21
|
+
setMessage(message);
|
|
22
|
+
setType(type);
|
|
23
|
+
clearTimeout(timerRef.current);
|
|
24
|
+
timerRef.current = setTimeout(() => {
|
|
25
|
+
setIsOpened(false);
|
|
26
|
+
}, newDuration);
|
|
27
|
+
});
|
|
28
|
+
Taro.atMessage = Taro.eventCenter.trigger.bind(
|
|
29
|
+
Taro.eventCenter,
|
|
30
|
+
"atMessage"
|
|
31
|
+
);
|
|
32
|
+
}, []);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
bindMessageListener();
|
|
35
|
+
return () => {
|
|
36
|
+
Taro.eventCenter.off("atMessage");
|
|
37
|
+
};
|
|
38
|
+
}, [bindMessageListener]);
|
|
39
|
+
useDidShow(() => {
|
|
40
|
+
bindMessageListener();
|
|
41
|
+
});
|
|
42
|
+
useDidHide(() => {
|
|
43
|
+
Taro.eventCenter.off("atMessage");
|
|
44
|
+
});
|
|
45
|
+
const rootCls = classNames(
|
|
46
|
+
{
|
|
47
|
+
"at-message": true,
|
|
48
|
+
"at-message--show": _isOpened,
|
|
49
|
+
"at-message--hidden": !_isOpened
|
|
50
|
+
},
|
|
51
|
+
`at-message--${_type}`,
|
|
52
|
+
className
|
|
53
|
+
);
|
|
54
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, _message);
|
|
55
|
+
}
|
|
56
|
+
AtMessage.propTypes = {
|
|
57
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
58
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
|
|
59
|
+
};
|
|
60
|
+
var message_default = AtMessage;
|
|
61
|
+
export {
|
|
62
|
+
message_default as default
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport Taro, { useDidHide, useDidShow } from '@tarojs/taro'\nimport { AtMessageProps } from '../../../types/message'\n\nfunction AtMessage({\n customStyle = '',\n className = ''\n}: AtMessageProps): JSX.Element {\n const [_isOpened, setIsOpened] = useState(false)\n const [_message, setMessage] = useState('')\n const [_type, setType] = useState('info')\n const durationRef = useRef(3000)\n const timerRef = useRef<NodeJS.Timeout | number | null>(null)\n\n const bindMessageListener = useCallback((): void => {\n Taro.eventCenter.on('atMessage', (options = {}) => {\n const { message, type, duration } = options\n const newDuration = duration || durationRef.current\n durationRef.current = newDuration\n setIsOpened(true)\n setMessage(message)\n setType(type)\n clearTimeout(timerRef.current as number)\n timerRef.current = setTimeout(() => {\n setIsOpened(false)\n }, newDuration)\n })\n Taro.atMessage = Taro.eventCenter.trigger.bind(\n Taro.eventCenter,\n 'atMessage'\n )\n }, [])\n\n useEffect(() => {\n bindMessageListener()\n return () => {\n Taro.eventCenter.off('atMessage')\n }\n }, [bindMessageListener])\n\n useDidShow(() => {\n bindMessageListener()\n })\n\n useDidHide(() => {\n Taro.eventCenter.off('atMessage')\n })\n\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\nAtMessage.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n\nexport default AtMessage\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAChE,SAAS,YAAY;AACrB,OAAO,QAAQ,YAAY,kBAAkB;AAG7C,SAAS,UAAU;AAAA,EACjB,cAAc;AAAA,EACd,YAAY;AACd,GAAgC;AAC9B,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,KAAK;AAC/C,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS,EAAE;AAC1C,QAAM,CAAC,OAAO,OAAO,IAAI,SAAS,MAAM;AACxC,QAAM,cAAc,OAAO,GAAI;AAC/B,QAAM,WAAW,OAAuC,IAAI;AAE5D,QAAM,sBAAsB,YAAY,MAAY;AAClD,SAAK,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM;AACjD,YAAM,EAAE,SAAS,MAAM,SAAS,IAAI;AACpC,YAAM,cAAc,YAAY,YAAY;AAC5C,kBAAY,UAAU;AACtB,kBAAY,IAAI;AAChB,iBAAW,OAAO;AAClB,cAAQ,IAAI;AACZ,mBAAa,SAAS,OAAiB;AACvC,eAAS,UAAU,WAAW,MAAM;AAClC,oBAAY,KAAK;AAAA,MACnB,GAAG,WAAW;AAAA,IAChB,CAAC;AACD,SAAK,YAAY,KAAK,YAAY,QAAQ;AAAA,MACxC,KAAK;AAAA,MACL;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,wBAAoB;AACpB,WAAO,MAAM;AACX,WAAK,YAAY,IAAI,WAAW;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,aAAW,MAAM;AACf,wBAAoB;AAAA,EACtB,CAAC;AAED,aAAW,MAAM;AACf,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC,CAAC;AAED,QAAM,UAAU;AAAA,IACd;AAAA,MACE,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,sBAAsB,CAAC;AAAA,IACzB;AAAA,IACA,eAAe,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,QACH;AAEJ;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;AAEA,IAAO,kBAAQ;","names":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtModalActionProps } from '../../../../types/modal';
|
|
3
|
+
declare function AtModalAction({ isSimple, className, children }: AtModalActionProps): JSX.Element;
|
|
4
|
+
declare namespace AtModalAction {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
isSimple: PropTypes.Requireable<boolean>;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export default AtModalAction;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "@tarojs/components";
|
|
5
|
+
function AtModalAction({
|
|
6
|
+
isSimple = false,
|
|
7
|
+
className,
|
|
8
|
+
children
|
|
9
|
+
}) {
|
|
10
|
+
const rootClass = classNames(
|
|
11
|
+
"at-modal__footer",
|
|
12
|
+
{
|
|
13
|
+
"at-modal__footer--simple": isSimple
|
|
14
|
+
},
|
|
15
|
+
className
|
|
16
|
+
);
|
|
17
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__action" }, children));
|
|
18
|
+
}
|
|
19
|
+
AtModalAction.propTypes = {
|
|
20
|
+
isSimple: PropTypes.bool
|
|
21
|
+
};
|
|
22
|
+
var action_default = AtModalAction;
|
|
23
|
+
export {
|
|
24
|
+
action_default as default
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modal/action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalActionProps } from '../../../../types/modal'\n\nfunction AtModalAction({\n isSimple = false,\n className,\n children\n}: AtModalActionProps): JSX.Element {\n const rootClass = classNames(\n 'at-modal__footer',\n {\n 'at-modal__footer--simple': isSimple\n },\n className\n )\n\n return (\n <View className={rootClass}>\n <View className='at-modal__action'>{children}</View>\n </View>\n )\n}\n\nAtModalAction.propTypes = {\n isSimple: PropTypes.bool\n}\n\nexport default AtModalAction\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,cAAc;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,4BAA4B;AAAA,IAC9B;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,sBAAoB,QAAS,CAC/C;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU;AACtB;AAEA,IAAO,iBAAQ;","names":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ScrollView } from "@tarojs/components";
|
|
4
|
+
function AtModalContent({
|
|
5
|
+
className,
|
|
6
|
+
children
|
|
7
|
+
}) {
|
|
8
|
+
const rootClass = classNames("at-modal__content", className);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(ScrollView, { scrollY: true, className: rootClass }, children);
|
|
10
|
+
}
|
|
11
|
+
var content_default = AtModalContent;
|
|
12
|
+
export {
|
|
13
|
+
content_default as default
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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\nfunction AtModalContent({\n className,\n children\n}: AtModalContentProps): JSX.Element {\n const rootClass = classNames('at-modal__content', className)\n return (\n <ScrollView scrollY className={rootClass}>\n {children}\n </ScrollView>\n )\n}\n\nexport default AtModalContent\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAG3B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY,WAAW,qBAAqB,SAAS;AAC3D,SACE,oCAAC,cAAW,SAAO,MAAC,WAAW,aAC5B,QACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
function AtModalHeader({
|
|
5
|
+
className,
|
|
6
|
+
children
|
|
7
|
+
}) {
|
|
8
|
+
const rootClass = classNames("at-modal__header", className);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, children);
|
|
10
|
+
}
|
|
11
|
+
var header_default = AtModalHeader;
|
|
12
|
+
export {
|
|
13
|
+
header_default as default
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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\nfunction AtModalHeader({\n className,\n children\n}: AtModalHeaderProps): JSX.Element {\n const rootClass = classNames('at-modal__header', className)\n return <View className={rootClass}>{children}</View>\n}\n\nexport default AtModalHeader\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,YAAY,WAAW,oBAAoB,SAAS;AAC1D,SAAO,oCAAC,QAAK,WAAW,aAAY,QAAS;AAC/C;AAEA,IAAO,iBAAQ;","names":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtModalProps } from '../../../types/modal';
|
|
3
|
+
declare function AtModal({ isOpened, closeOnClickOverlay, title, content, cancelText, confirmText, className, children, onClose, onCancel, onConfirm }: AtModalProps): JSX.Element;
|
|
4
|
+
declare namespace AtModal {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
title: PropTypes.Requireable<string>;
|
|
7
|
+
isOpened: PropTypes.Requireable<boolean>;
|
|
8
|
+
onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
9
|
+
onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
|
|
10
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
+
content: PropTypes.Requireable<string>;
|
|
12
|
+
closeOnClickOverlay: PropTypes.Requireable<boolean>;
|
|
13
|
+
cancelText: PropTypes.Requireable<string>;
|
|
14
|
+
confirmText: PropTypes.Requireable<string>;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export default AtModal;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React, { useEffect, useRef, useState } 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
|
+
function AtModal({
|
|
11
|
+
isOpened = false,
|
|
12
|
+
closeOnClickOverlay = true,
|
|
13
|
+
title,
|
|
14
|
+
content,
|
|
15
|
+
cancelText,
|
|
16
|
+
confirmText,
|
|
17
|
+
className,
|
|
18
|
+
children,
|
|
19
|
+
onClose,
|
|
20
|
+
onCancel,
|
|
21
|
+
onConfirm
|
|
22
|
+
}) {
|
|
23
|
+
const [_isOpened, setIsOpened] = useState(isOpened);
|
|
24
|
+
const prevIsOpenedPropRef = useRef(isOpened);
|
|
25
|
+
const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB;
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (prevIsOpenedPropRef.current !== isOpened) {
|
|
28
|
+
handleTouchScroll(isOpened);
|
|
29
|
+
prevIsOpenedPropRef.current = isOpened;
|
|
30
|
+
}
|
|
31
|
+
setIsOpened((prev) => isOpened !== prev ? isOpened : prev);
|
|
32
|
+
}, [isOpened]);
|
|
33
|
+
const handleClose = (event) => {
|
|
34
|
+
if (typeof onClose === "function") {
|
|
35
|
+
onClose(event);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const handleClickOverlay = () => {
|
|
39
|
+
if (closeOnClickOverlay) {
|
|
40
|
+
setIsOpened(false);
|
|
41
|
+
handleClose();
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
const handleCancel = (event) => {
|
|
45
|
+
if (typeof onCancel === "function") {
|
|
46
|
+
onCancel(event);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const handleConfirm = (event) => {
|
|
50
|
+
if (typeof onConfirm === "function") {
|
|
51
|
+
onConfirm(event);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
const handleTouchMove = (e) => {
|
|
55
|
+
e.stopPropagation();
|
|
56
|
+
};
|
|
57
|
+
const rootClass = classNames(
|
|
58
|
+
"at-modal",
|
|
59
|
+
{
|
|
60
|
+
"at-modal--active": _isOpened
|
|
61
|
+
},
|
|
62
|
+
className
|
|
63
|
+
);
|
|
64
|
+
if (title || content) {
|
|
65
|
+
const isRenderAction = cancelText || confirmText;
|
|
66
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { onClick: handleClickOverlay, className: "at-modal__overlay" }), /* @__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(
|
|
67
|
+
Text,
|
|
68
|
+
{
|
|
69
|
+
dangerouslySetInnerHTML: {
|
|
70
|
+
__html: content.replace(/\\n/g, "<br/>")
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
) : /* @__PURE__ */ React.createElement(Text, null, content))), isRenderAction && /* @__PURE__ */ React.createElement(AtModalAction, { isSimple: true }, cancelText && /* @__PURE__ */ React.createElement(Button, { onClick: handleCancel }, cancelText), confirmText && /* @__PURE__ */ React.createElement(Button, { onClick: handleConfirm }, confirmText))));
|
|
74
|
+
}
|
|
75
|
+
return /* @__PURE__ */ React.createElement(View, { onTouchMove: handleTouchMove, className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__overlay", onClick: handleClickOverlay }), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, children));
|
|
76
|
+
}
|
|
77
|
+
AtModal.propTypes = {
|
|
78
|
+
title: PropTypes.string,
|
|
79
|
+
isOpened: PropTypes.bool,
|
|
80
|
+
onCancel: PropTypes.func,
|
|
81
|
+
onConfirm: PropTypes.func,
|
|
82
|
+
onClose: PropTypes.func,
|
|
83
|
+
content: PropTypes.string,
|
|
84
|
+
closeOnClickOverlay: PropTypes.bool,
|
|
85
|
+
cancelText: PropTypes.string,
|
|
86
|
+
confirmText: PropTypes.string
|
|
87
|
+
};
|
|
88
|
+
var modal_default = AtModal;
|
|
89
|
+
export {
|
|
90
|
+
modal_default as default
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Button, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtModalProps } from '../../../types/modal'\nimport { handleTouchScroll } from '../../common/utils'\nimport AtModalAction from './action/index'\nimport AtModalContent from './content/index'\nimport AtModalHeader from './header/index'\n\nfunction AtModal({\n isOpened = false,\n closeOnClickOverlay = true,\n title,\n content,\n cancelText,\n confirmText,\n className,\n children,\n onClose,\n onCancel,\n onConfirm\n}: AtModalProps): JSX.Element {\n const [_isOpened, setIsOpened] = useState(isOpened)\n const prevIsOpenedPropRef = useRef(isOpened)\n const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB\n\n useEffect(() => {\n if (prevIsOpenedPropRef.current !== isOpened) {\n handleTouchScroll(isOpened)\n prevIsOpenedPropRef.current = isOpened\n }\n setIsOpened(prev => (isOpened !== prev ? isOpened : prev))\n }, [isOpened])\n\n const handleClose = (event?: CommonEvent): void => {\n if (typeof onClose === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n onClose(event!)\n }\n }\n\n const handleClickOverlay = (): void => {\n if (closeOnClickOverlay) {\n setIsOpened(false)\n handleClose()\n }\n }\n\n const handleCancel = (event: CommonEvent): void => {\n if (typeof onCancel === 'function') {\n onCancel(event)\n }\n }\n\n const handleConfirm = (event: CommonEvent): void => {\n if (typeof onConfirm === 'function') {\n onConfirm(event)\n }\n }\n\n const handleTouchMove = (e: CommonEvent): void => {\n e.stopPropagation()\n }\n\n const rootClass = classNames(\n 'at-modal',\n {\n 'at-modal--active': _isOpened\n },\n className\n )\n\n if (title || content) {\n const isRenderAction = cancelText || confirmText\n return (\n <View className={rootClass}>\n <View onClick={handleClickOverlay} className='at-modal__overlay' />\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={handleCancel}>{cancelText}</Button>\n )}\n {confirmText && (\n <Button onClick={handleConfirm}>{confirmText}</Button>\n )}\n </AtModalAction>\n )}\n </View>\n </View>\n )\n }\n\n return (\n <View onTouchMove={handleTouchMove} className={rootClass}>\n <View className='at-modal__overlay' onClick={handleClickOverlay} />\n <View className='at-modal__container'>{children}</View>\n </View>\n )\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\nexport default AtModal\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,QAAQ,MAAM,YAAY;AAEnC,OAAO,UAAU;AAEjB,SAAS,yBAAyB;AAClC,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAC3B,OAAO,mBAAmB;AAE1B,SAAS,QAAQ;AAAA,EACf,WAAW;AAAA,EACX,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,QAAQ;AAClD,QAAM,sBAAsB,OAAO,QAAQ;AAC3C,QAAM,QAAQ,KAAK,OAAO,MAAM,KAAK,SAAS;AAE9C,YAAU,MAAM;AACd,QAAI,oBAAoB,YAAY,UAAU;AAC5C,wBAAkB,QAAQ;AAC1B,0BAAoB,UAAU;AAAA,IAChC;AACA,gBAAY,UAAS,aAAa,OAAO,WAAW,IAAK;AAAA,EAC3D,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,CAAC,UAA8B;AACjD,QAAI,OAAO,YAAY,YAAY;AAEjC,cAAQ,KAAM;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAY;AACrC,QAAI,qBAAqB;AACvB,kBAAY,KAAK;AACjB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,UAA6B;AACjD,QAAI,OAAO,aAAa,YAAY;AAClC,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAA6B;AAClD,QAAI,OAAO,cAAc,YAAY;AACnC,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,SAAS,SAAS;AACpB,UAAM,iBAAiB,cAAc;AACrC,WACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,SAAS,oBAAoB,WAAU,qBAAoB,GACjE,oCAAC,QAAK,WAAU,yBACb,SACC,oCAAC,qBACC,oCAAC,YAAM,KAAM,CACf,GAED,WACC,oCAAC,sBACC,oCAAC,QAAK,WAAU,oBACb,QACC;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ,QAAQ,QAAQ,QAAQ,OAAO;AAAA,QACzC;AAAA;AAAA,IACD,IAED,oCAAC,YAAM,OAAQ,CAEnB,CACF,GAED,kBACC,oCAAC,iBAAc,UAAQ,QACpB,cACC,oCAAC,UAAO,SAAS,gBAAe,UAAW,GAE5C,eACC,oCAAC,UAAO,SAAS,iBAAgB,WAAY,CAEjD,CAEJ,CACF;AAAA,EAEJ;AAEA,SACE,oCAAC,QAAK,aAAa,iBAAiB,WAAW,aAC7C,oCAAC,QAAK,WAAU,qBAAoB,SAAS,oBAAoB,GACjE,oCAAC,QAAK,WAAU,yBAAuB,QAAS,CAClD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,qBAAqB,UAAU;AAAA,EAC/B,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AACzB;AAEA,IAAO,gBAAQ;","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtNavBarProps } from '../../../types/nav-bar';
|
|
3
|
+
declare function AtNavBar({ customStyle, className, fixed, border, color, leftIconType, leftText, title, rightFirstIconType, rightSecondIconType, children, onClickLeftIcon, onClickRgIconSt, onClickRgIconNd, onClickTitle }: AtNavBarProps): JSX.Element;
|
|
4
|
+
declare namespace AtNavBar {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
7
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
8
|
+
fixed: PropTypes.Requireable<boolean>;
|
|
9
|
+
border: PropTypes.Requireable<boolean>;
|
|
10
|
+
color: PropTypes.Requireable<string>;
|
|
11
|
+
leftIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
12
|
+
leftText: PropTypes.Requireable<string>;
|
|
13
|
+
title: PropTypes.Requireable<string>;
|
|
14
|
+
rightFirstIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
15
|
+
rightSecondIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
16
|
+
onClickLeftIcon: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
onClickRgIconSt: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
+
onClickRgIconNd: PropTypes.Requireable<(...args: any[]) => any>;
|
|
19
|
+
onClickTitle: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export default AtNavBar;
|