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
|
@@ -1,220 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Taro from "@tarojs/taro";
|
|
5
|
-
import { Text, View, MovableArea, MovableView } from "@tarojs/components";
|
|
6
|
-
import { uuid, delayGetClientRect } from "../../common/utils";
|
|
7
|
-
import AtSwipeActionOptions from "./options/index";
|
|
8
|
-
class AtSwipeAction extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
super(props);
|
|
11
|
-
this.handleOpened = (event) => {
|
|
12
|
-
const { onOpened } = this.props;
|
|
13
|
-
if (typeof onOpened === "function") {
|
|
14
|
-
onOpened(event);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
this.handleClosed = (event) => {
|
|
18
|
-
const { onClosed } = this.props;
|
|
19
|
-
if (typeof onClosed === "function") {
|
|
20
|
-
onClosed(event);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
this.handleClick = (item, index, event) => {
|
|
24
|
-
const { onClick, autoClose } = this.props;
|
|
25
|
-
if (typeof onClick === "function") {
|
|
26
|
-
onClick(item, index, event);
|
|
27
|
-
}
|
|
28
|
-
if (autoClose) {
|
|
29
|
-
this._reset(false);
|
|
30
|
-
this.handleClosed(event);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
this.onTouchEnd = (e) => {
|
|
34
|
-
const { maxOffsetSize } = this.state;
|
|
35
|
-
if (Math.abs(this.moveX) < maxOffsetSize / 2) {
|
|
36
|
-
this._reset(false);
|
|
37
|
-
this.handleClosed(e);
|
|
38
|
-
} else {
|
|
39
|
-
this._reset(true);
|
|
40
|
-
this.handleOpened(e);
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
this.onChange = (e) => {
|
|
44
|
-
this.moveX = e.detail.x;
|
|
45
|
-
};
|
|
46
|
-
const { isOpened } = props;
|
|
47
|
-
this.state = {
|
|
48
|
-
componentId: uuid(),
|
|
49
|
-
// eslint-disable-next-line no-extra-boolean-cast
|
|
50
|
-
offsetSize: 0,
|
|
51
|
-
_isOpened: !!isOpened,
|
|
52
|
-
needAnimation: false,
|
|
53
|
-
eleWidth: 0,
|
|
54
|
-
maxOffsetSize: 0
|
|
55
|
-
};
|
|
56
|
-
this.moveX = this.state.offsetSize;
|
|
57
|
-
}
|
|
58
|
-
componentDidMount() {
|
|
59
|
-
this.getAreaWidth();
|
|
60
|
-
}
|
|
61
|
-
// 当 eleWidth 发生变化时,需要重新计算 maxOffsetSize
|
|
62
|
-
componentDidUpdate(_, prevState) {
|
|
63
|
-
const { eleWidth } = this.state;
|
|
64
|
-
if (prevState.eleWidth !== eleWidth) {
|
|
65
|
-
this.getMaxOffsetSize();
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
69
|
-
const { isOpened } = nextProps;
|
|
70
|
-
const { _isOpened, maxOffsetSize } = this.state;
|
|
71
|
-
if (isOpened !== _isOpened) {
|
|
72
|
-
this.moveX = isOpened ? 0 : maxOffsetSize;
|
|
73
|
-
this._reset(!!isOpened);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* 获取滑动区域宽度
|
|
78
|
-
*/
|
|
79
|
-
async getAreaWidth() {
|
|
80
|
-
const systemInfo = await Taro.getSystemInfo();
|
|
81
|
-
this.setState({
|
|
82
|
-
eleWidth: systemInfo.windowWidth
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* 获取最大偏移量
|
|
87
|
-
*/
|
|
88
|
-
async getMaxOffsetSize() {
|
|
89
|
-
const { componentId } = this.state;
|
|
90
|
-
const actionOptionsRect = await delayGetClientRect({
|
|
91
|
-
selectorStr: `#swipeActionOptions-${componentId}`
|
|
92
|
-
});
|
|
93
|
-
const maxOffsetSize = actionOptionsRect[0].width;
|
|
94
|
-
this.setState({
|
|
95
|
-
maxOffsetSize
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
_reset(isOpened) {
|
|
99
|
-
if (isOpened) {
|
|
100
|
-
const { maxOffsetSize } = this.state;
|
|
101
|
-
if (process.env.TARO_ENV === "jd") {
|
|
102
|
-
this.setState({
|
|
103
|
-
_isOpened: true,
|
|
104
|
-
offsetSize: -maxOffsetSize + 0.01
|
|
105
|
-
});
|
|
106
|
-
} else {
|
|
107
|
-
this.setState({
|
|
108
|
-
_isOpened: true,
|
|
109
|
-
offsetSize: -maxOffsetSize
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
} else {
|
|
113
|
-
this.setState(
|
|
114
|
-
{
|
|
115
|
-
offsetSize: this.moveX
|
|
116
|
-
},
|
|
117
|
-
() => {
|
|
118
|
-
this.setState({
|
|
119
|
-
offsetSize: 0,
|
|
120
|
-
_isOpened: false
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
render() {
|
|
127
|
-
const { componentId, maxOffsetSize, eleWidth, offsetSize } = this.state;
|
|
128
|
-
const { options, disabled } = this.props;
|
|
129
|
-
const rootClass = classNames("at-swipe-action", this.props.className);
|
|
130
|
-
return /* @__PURE__ */ React.createElement(
|
|
131
|
-
View,
|
|
132
|
-
{
|
|
133
|
-
id: `swipeAction-${componentId}`,
|
|
134
|
-
className: rootClass,
|
|
135
|
-
style: {
|
|
136
|
-
width: `${eleWidth}px`
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
/* @__PURE__ */ React.createElement(
|
|
140
|
-
MovableArea,
|
|
141
|
-
{
|
|
142
|
-
className: "at-swipe-action__area",
|
|
143
|
-
style: {
|
|
144
|
-
width: `${eleWidth}px`
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
/* @__PURE__ */ React.createElement(
|
|
148
|
-
MovableView,
|
|
149
|
-
{
|
|
150
|
-
className: "at-swipe-action__content",
|
|
151
|
-
direction: "horizontal",
|
|
152
|
-
damping: 50,
|
|
153
|
-
x: offsetSize,
|
|
154
|
-
onTouchEnd: this.onTouchEnd,
|
|
155
|
-
onChange: this.onChange,
|
|
156
|
-
disabled,
|
|
157
|
-
style: {
|
|
158
|
-
width: `${eleWidth + maxOffsetSize}px`
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
this.props.children,
|
|
162
|
-
Array.isArray(options) && options.length > 0 ? /* @__PURE__ */ React.createElement(
|
|
163
|
-
AtSwipeActionOptions,
|
|
164
|
-
{
|
|
165
|
-
options,
|
|
166
|
-
componentId,
|
|
167
|
-
customStyle: {
|
|
168
|
-
opacity: maxOffsetSize ? 1 : 0
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
options.map((item, key) => /* @__PURE__ */ React.createElement(
|
|
172
|
-
View,
|
|
173
|
-
{
|
|
174
|
-
key: `${item.text}-${key}`,
|
|
175
|
-
style: item.style,
|
|
176
|
-
onClick: (e) => this.handleClick(item, key, e),
|
|
177
|
-
className: classNames(
|
|
178
|
-
"at-swipe-action__option",
|
|
179
|
-
item.className
|
|
180
|
-
)
|
|
181
|
-
},
|
|
182
|
-
/* @__PURE__ */ React.createElement(Text, { className: "option__text" }, item.text)
|
|
183
|
-
))
|
|
184
|
-
) : null
|
|
185
|
-
)
|
|
186
|
-
)
|
|
187
|
-
);
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
AtSwipeAction.defaultProps = {
|
|
191
|
-
options: [],
|
|
192
|
-
isOpened: false,
|
|
193
|
-
disabled: false,
|
|
194
|
-
autoClose: false,
|
|
195
|
-
maxDistance: 0,
|
|
196
|
-
areaWidth: 0
|
|
197
|
-
};
|
|
198
|
-
AtSwipeAction.propTypes = {
|
|
199
|
-
isOpened: PropTypes.bool,
|
|
200
|
-
disabled: PropTypes.bool,
|
|
201
|
-
autoClose: PropTypes.bool,
|
|
202
|
-
options: PropTypes.arrayOf(
|
|
203
|
-
PropTypes.shape({
|
|
204
|
-
text: PropTypes.string,
|
|
205
|
-
style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
206
|
-
className: PropTypes.oneOfType([
|
|
207
|
-
PropTypes.object,
|
|
208
|
-
PropTypes.string,
|
|
209
|
-
PropTypes.array
|
|
210
|
-
])
|
|
211
|
-
})
|
|
212
|
-
),
|
|
213
|
-
onClick: PropTypes.func,
|
|
214
|
-
onOpened: PropTypes.func,
|
|
215
|
-
onClosed: PropTypes.func
|
|
216
|
-
};
|
|
217
|
-
export {
|
|
218
|
-
AtSwipeAction as default
|
|
219
|
-
};
|
|
220
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/swipe-action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport Taro from '@tarojs/taro'\nimport { Text, View, MovableArea, MovableView } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport {\n AtSwipeActionProps,\n AtSwipeActionState,\n SwipeActionOption\n} from '../../../types/swipe-action'\nimport { uuid, delayGetClientRect } from '../../common/utils'\nimport AtSwipeActionOptions from './options/index'\n\nexport default class AtSwipeAction extends React.Component<\n AtSwipeActionProps,\n AtSwipeActionState\n> {\n public static defaultProps: AtSwipeActionProps\n public static propTypes: InferProps<AtSwipeActionProps>\n\n private moveX: number\n\n public constructor(props: AtSwipeActionProps) {\n super(props)\n const { isOpened } = props\n this.state = {\n componentId: uuid(),\n // eslint-disable-next-line no-extra-boolean-cast\n offsetSize: 0,\n _isOpened: !!isOpened,\n needAnimation: false,\n eleWidth: 0,\n maxOffsetSize: 0\n }\n this.moveX = this.state.offsetSize\n }\n\n public componentDidMount(): void {\n this.getAreaWidth()\n }\n\n // 当 eleWidth 发生变化时,需要重新计算 maxOffsetSize\n public componentDidUpdate(_, prevState: AtSwipeActionState): void {\n const { eleWidth } = this.state\n if (prevState.eleWidth !== eleWidth) {\n this.getMaxOffsetSize()\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: AtSwipeActionProps): void {\n const { isOpened } = nextProps\n const { _isOpened, maxOffsetSize } = this.state\n\n if (isOpened !== _isOpened) {\n this.moveX = isOpened ? 0 : maxOffsetSize\n this._reset(!!isOpened) // TODO: Check behavior\n }\n }\n\n /**\n * 获取滑动区域宽度\n */\n private async getAreaWidth(): Promise<void> {\n const systemInfo = await Taro.getSystemInfo()\n this.setState({\n eleWidth: systemInfo.windowWidth\n })\n }\n\n /**\n * 获取最大偏移量\n */\n private async getMaxOffsetSize(): Promise<void> {\n const { componentId } = this.state\n\n const actionOptionsRect = await delayGetClientRect({\n selectorStr: `#swipeActionOptions-${componentId}`\n })\n\n const maxOffsetSize = actionOptionsRect[0].width\n\n this.setState({\n maxOffsetSize\n })\n }\n\n private _reset(isOpened: boolean): void {\n if (isOpened) {\n const { maxOffsetSize } = this.state\n if (process.env.TARO_ENV === 'jd') {\n this.setState({\n _isOpened: true,\n offsetSize: -maxOffsetSize + 0.01\n })\n } else {\n this.setState({\n _isOpened: true,\n offsetSize: -maxOffsetSize\n })\n }\n } else {\n this.setState(\n {\n offsetSize: this.moveX\n },\n () => {\n this.setState({\n offsetSize: 0,\n _isOpened: false\n })\n }\n )\n }\n }\n\n private handleOpened = (event: CommonEvent): void => {\n const { onOpened } = this.props\n if (typeof onOpened === 'function') {\n onOpened(event)\n }\n }\n\n private handleClosed = (event: CommonEvent): void => {\n const { onClosed } = this.props\n if (typeof onClosed === 'function') {\n onClosed(event)\n }\n }\n\n private handleClick = (\n item: SwipeActionOption,\n index: number,\n event: CommonEvent\n ): void => {\n const { onClick, autoClose } = this.props\n\n if (typeof onClick === 'function') {\n onClick(item, index, event)\n }\n if (autoClose) {\n this._reset(false) // TODO: Check behavior\n this.handleClosed(event)\n }\n }\n\n onTouchEnd = e => {\n const { maxOffsetSize } = this.state\n if (Math.abs(this.moveX) < maxOffsetSize / 2) {\n this._reset(false)\n this.handleClosed(e)\n } else {\n this._reset(true)\n this.handleOpened(e)\n }\n }\n\n onChange = e => {\n this.moveX = e.detail.x\n }\n\n public render(): JSX.Element {\n const { componentId, maxOffsetSize, eleWidth, offsetSize } = this.state\n\n const { options, disabled } = this.props\n const rootClass = classNames('at-swipe-action', this.props.className)\n\n return (\n <View\n id={`swipeAction-${componentId}`}\n className={rootClass}\n style={{\n width: `${eleWidth}px`\n }}\n >\n <MovableArea\n className='at-swipe-action__area'\n style={{\n width: `${eleWidth}px`\n }}\n >\n <MovableView\n className='at-swipe-action__content'\n direction='horizontal'\n damping={50}\n x={offsetSize}\n onTouchEnd={this.onTouchEnd}\n onChange={this.onChange}\n disabled={disabled}\n style={{\n width: `${eleWidth + maxOffsetSize}px`\n }}\n >\n {this.props.children}\n {Array.isArray(options) && options.length > 0 ? (\n <AtSwipeActionOptions\n options={options}\n componentId={componentId}\n customStyle={{\n opacity: maxOffsetSize ? 1 : 0\n }}\n >\n {options.map((item, key) => (\n <View\n key={`${item.text}-${key}`}\n style={item.style}\n onClick={(e): void => this.handleClick(item, key, e)}\n className={classNames(\n 'at-swipe-action__option',\n item.className\n )}\n >\n <Text className='option__text'>{item.text}</Text>\n </View>\n ))}\n </AtSwipeActionOptions>\n ) : null}\n </MovableView>\n </MovableArea>\n </View>\n )\n }\n}\n\nAtSwipeAction.defaultProps = {\n options: [],\n isOpened: false,\n disabled: false,\n autoClose: false,\n maxDistance: 0,\n areaWidth: 0\n}\n\nAtSwipeAction.propTypes = {\n isOpened: PropTypes.bool,\n disabled: PropTypes.bool,\n autoClose: PropTypes.bool,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([\n PropTypes.object,\n PropTypes.string,\n PropTypes.array\n ])\n })\n ),\n\n onClick: PropTypes.func,\n onOpened: PropTypes.func,\n onClosed: PropTypes.func\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View } from "@tarojs/components";
|
|
4
|
-
class AtSwipeActionOptions extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
const rootClass = classNames(
|
|
7
|
-
"at-swipe-action__options",
|
|
8
|
-
this.props.className
|
|
9
|
-
);
|
|
10
|
-
return /* @__PURE__ */ React.createElement(
|
|
11
|
-
View,
|
|
12
|
-
{
|
|
13
|
-
id: `swipeActionOptions-${this.props.componentId}`,
|
|
14
|
-
className: rootClass,
|
|
15
|
-
style: this.props.customStyle
|
|
16
|
-
},
|
|
17
|
-
this.props.children
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
AtSwipeActionOptions as default
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/swipe-action/options/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtSwipeActionOptionsProps } from '../../../../types/swipe-action'\n\nexport default class AtSwipeActionOptions extends React.Component<AtSwipeActionOptionsProps> {\n public render(): JSX.Element {\n const rootClass = classNames(\n 'at-swipe-action__options',\n this.props.className\n )\n\n return (\n <View\n id={`swipeActionOptions-${this.props.componentId}`}\n className={rootClass}\n style={this.props.customStyle}\n >\n {this.props.children}\n </View>\n )\n }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,6BAA2C,MAAM,UAAqC;AAAA,EACpF,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,sBAAsB,KAAK,MAAM,WAAW;AAAA,QAChD,WAAW;AAAA,QACX,OAAO,KAAK,MAAM;AAAA;AAAA,MAEjB,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;","names":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtSwitchProps } from '../../../types/switch';
|
|
4
|
-
export default class AtSwitch extends React.Component<AtSwitchProps> {
|
|
5
|
-
static defaultProps: AtSwitchProps;
|
|
6
|
-
static propTypes: InferProps<AtSwitchProps>;
|
|
7
|
-
private handleChange;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Switch, View } from "@tarojs/components";
|
|
5
|
-
class AtSwitch extends React.Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.handleChange = (event) => {
|
|
9
|
-
const { value, checked } = event.detail;
|
|
10
|
-
const state = typeof value === "undefined" ? checked : value;
|
|
11
|
-
this.props.onChange && this.props.onChange(state);
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const { customStyle, className, disabled, border, title, checked, color } = this.props;
|
|
16
|
-
const rootCls = classNames(
|
|
17
|
-
"at-switch",
|
|
18
|
-
{
|
|
19
|
-
"at-switch--without-border": !border
|
|
20
|
-
},
|
|
21
|
-
className
|
|
22
|
-
);
|
|
23
|
-
const containerCls = classNames("at-switch__container", {
|
|
24
|
-
"at-switch--disabled": disabled
|
|
25
|
-
});
|
|
26
|
-
return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__title" }, title), /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__mask" }), /* @__PURE__ */ React.createElement(
|
|
27
|
-
Switch,
|
|
28
|
-
{
|
|
29
|
-
className: "at-switch__switch",
|
|
30
|
-
checked,
|
|
31
|
-
color,
|
|
32
|
-
onChange: this.handleChange
|
|
33
|
-
}
|
|
34
|
-
)));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
AtSwitch.defaultProps = {
|
|
38
|
-
customStyle: "",
|
|
39
|
-
className: "",
|
|
40
|
-
title: "",
|
|
41
|
-
color: "#6190e8",
|
|
42
|
-
border: true,
|
|
43
|
-
disabled: false,
|
|
44
|
-
checked: false
|
|
45
|
-
};
|
|
46
|
-
AtSwitch.propTypes = {
|
|
47
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
48
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
49
|
-
title: PropTypes.string,
|
|
50
|
-
color: PropTypes.string,
|
|
51
|
-
checked: PropTypes.bool,
|
|
52
|
-
border: PropTypes.bool,
|
|
53
|
-
disabled: PropTypes.bool,
|
|
54
|
-
onChange: PropTypes.func
|
|
55
|
-
};
|
|
56
|
-
export {
|
|
57
|
-
AtSwitch as default
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Switch, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSwitchProps } from '../../../types/switch'\n\nexport default class AtSwitch extends React.Component<AtSwitchProps> {\n public static defaultProps: AtSwitchProps\n public static propTypes: InferProps<AtSwitchProps>\n\n private handleChange = (event: CommonEvent): void => {\n const { value, checked } = event.detail\n const state = typeof value === 'undefined' ? checked : value\n this.props.onChange && this.props.onChange(state)\n }\n\n public render(): JSX.Element {\n const { customStyle, className, disabled, border, title, checked, color } =\n this.props\n\n const rootCls = classNames(\n 'at-switch',\n {\n 'at-switch--without-border': !border\n },\n className\n )\n const containerCls = classNames('at-switch__container', {\n 'at-switch--disabled': disabled\n })\n\n return (\n <View className={rootCls} style={customStyle}>\n <View className='at-switch__title'>{title}</View>\n <View className={containerCls}>\n <View className='at-switch__mask'></View>\n <Switch\n className='at-switch__switch'\n checked={checked}\n color={color}\n onChange={this.handleChange}\n />\n </View>\n </View>\n )\n }\n}\n\nAtSwitch.defaultProps = {\n customStyle: '',\n className: '',\n title: '',\n color: '#6190e8',\n border: true,\n disabled: false,\n checked: false\n}\n\nAtSwitch.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n title: PropTypes.string,\n color: PropTypes.string,\n checked: PropTypes.bool,\n border: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,QAAQ,YAAY;AAI7B,MAAO,iBAA+B,MAAM,UAAyB;AAAA,EAArE;AAAA;AAIE,SAAQ,eAAe,CAAC,UAA6B;AACnD,YAAM,EAAE,OAAO,QAAQ,IAAI,MAAM;AACjC,YAAM,QAAQ,OAAO,UAAU,cAAc,UAAU;AACvD,WAAK,MAAM,YAAY,KAAK,MAAM,SAAS,KAAK;AAAA,IAClD;AAAA;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,UAAU,QAAQ,OAAO,SAAS,MAAM,IACtE,KAAK;AAEP,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,QACE,6BAA6B,CAAC;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,eAAe,WAAW,wBAAwB;AAAA,MACtD,uBAAuB;AAAA,IACzB,CAAC;AAED,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAU,sBAAoB,KAAM,GAC1C,oCAAC,QAAK,WAAW,gBACf,oCAAC,QAAK,WAAU,mBAAkB,GAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA;AAAA,IACjB,CACF,CACF;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX;AAEA,SAAS,YAAY;AAAA,EACnB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;","names":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtTabBarProps } from '../../../types/tab-bar';
|
|
4
|
-
export default class AtTabBar extends React.Component<AtTabBarProps> {
|
|
5
|
-
static defaultProps: AtTabBarProps;
|
|
6
|
-
static propTypes: InferProps<AtTabBarProps>;
|
|
7
|
-
private handleClick;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Image, Text, View } from "@tarojs/components";
|
|
5
|
-
import { mergeStyle } from "../../common/utils";
|
|
6
|
-
import AtBadge from "../badge/index";
|
|
7
|
-
class AtTabBar extends React.Component {
|
|
8
|
-
// constructor () {
|
|
9
|
-
// super(...arguments)
|
|
10
|
-
// this.state = {
|
|
11
|
-
// isIPhoneX: false
|
|
12
|
-
// }
|
|
13
|
-
// }
|
|
14
|
-
// componentDidMount () {
|
|
15
|
-
// const curEnv = Taro.getEnv()
|
|
16
|
-
// if (
|
|
17
|
-
// curEnv === Taro.ENV_TYPE.WEAPP &&
|
|
18
|
-
// Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0
|
|
19
|
-
// ) {
|
|
20
|
-
// this.setState({ isIPhoneX: true })
|
|
21
|
-
// }
|
|
22
|
-
// }
|
|
23
|
-
handleClick(index, event) {
|
|
24
|
-
this.props.onClick(index, event);
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
const {
|
|
28
|
-
customStyle = "",
|
|
29
|
-
className,
|
|
30
|
-
fixed,
|
|
31
|
-
backgroundColor,
|
|
32
|
-
tabList,
|
|
33
|
-
current,
|
|
34
|
-
color,
|
|
35
|
-
iconSize,
|
|
36
|
-
fontSize,
|
|
37
|
-
selectedColor
|
|
38
|
-
} = this.props;
|
|
39
|
-
const defaultStyle = {
|
|
40
|
-
color: color || ""
|
|
41
|
-
};
|
|
42
|
-
const selectedStyle = {
|
|
43
|
-
color: selectedColor || ""
|
|
44
|
-
};
|
|
45
|
-
const titleStyle = {
|
|
46
|
-
fontSize: fontSize ? `${fontSize}px` : ""
|
|
47
|
-
};
|
|
48
|
-
const rootStyle = {
|
|
49
|
-
backgroundColor: backgroundColor || ""
|
|
50
|
-
};
|
|
51
|
-
const imgStyle = {
|
|
52
|
-
width: `${iconSize}px`,
|
|
53
|
-
height: `${iconSize}px`
|
|
54
|
-
};
|
|
55
|
-
return /* @__PURE__ */ React.createElement(
|
|
56
|
-
View,
|
|
57
|
-
{
|
|
58
|
-
className: classNames(
|
|
59
|
-
{
|
|
60
|
-
"at-tab-bar": true,
|
|
61
|
-
"at-tab-bar--fixed": fixed
|
|
62
|
-
// 'at-tab-bar--ipx': isIPhoneX
|
|
63
|
-
},
|
|
64
|
-
className
|
|
65
|
-
),
|
|
66
|
-
style: mergeStyle(rootStyle, customStyle)
|
|
67
|
-
},
|
|
68
|
-
tabList.map((item, i) => /* @__PURE__ */ React.createElement(
|
|
69
|
-
View,
|
|
70
|
-
{
|
|
71
|
-
className: classNames("at-tab-bar__item", {
|
|
72
|
-
"at-tab-bar__item--active": current === i
|
|
73
|
-
}),
|
|
74
|
-
style: current === i ? selectedStyle : defaultStyle,
|
|
75
|
-
key: i,
|
|
76
|
-
onClick: this.handleClick.bind(this, i)
|
|
77
|
-
},
|
|
78
|
-
item.iconType ? /* @__PURE__ */ React.createElement(
|
|
79
|
-
AtBadge,
|
|
80
|
-
{
|
|
81
|
-
dot: !!item.dot,
|
|
82
|
-
value: item.text,
|
|
83
|
-
maxValue: Number(item.max)
|
|
84
|
-
},
|
|
85
|
-
/* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
|
|
86
|
-
Text,
|
|
87
|
-
{
|
|
88
|
-
className: classNames(
|
|
89
|
-
`${item.iconPrefixClass || "at-icon"}`,
|
|
90
|
-
{
|
|
91
|
-
[`${item.iconPrefixClass || "at-icon"}-${item.selectedIconType}`]: current === i && item.selectedIconType,
|
|
92
|
-
[`${item.iconPrefixClass || "at-icon"}-${item.iconType}`]: !(current === i && item.selectedIconType)
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
style: {
|
|
96
|
-
color: current === i ? selectedColor : color,
|
|
97
|
-
fontSize: iconSize ? `${iconSize}px` : ""
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
))
|
|
101
|
-
) : null,
|
|
102
|
-
item.image ? /* @__PURE__ */ React.createElement(
|
|
103
|
-
AtBadge,
|
|
104
|
-
{
|
|
105
|
-
dot: !!item.dot,
|
|
106
|
-
value: item.text,
|
|
107
|
-
maxValue: Number(item.max)
|
|
108
|
-
},
|
|
109
|
-
/* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
|
|
110
|
-
Image,
|
|
111
|
-
{
|
|
112
|
-
className: classNames("at-tab-bar__inner-img", {
|
|
113
|
-
"at-tab-bar__inner-img--inactive": current !== i
|
|
114
|
-
}),
|
|
115
|
-
mode: "widthFix",
|
|
116
|
-
src: item.selectedImage || item.image,
|
|
117
|
-
style: imgStyle
|
|
118
|
-
}
|
|
119
|
-
), /* @__PURE__ */ React.createElement(
|
|
120
|
-
Image,
|
|
121
|
-
{
|
|
122
|
-
className: classNames("at-tab-bar__inner-img", {
|
|
123
|
-
"at-tab-bar__inner-img--inactive": current === i
|
|
124
|
-
}),
|
|
125
|
-
mode: "widthFix",
|
|
126
|
-
src: item.image,
|
|
127
|
-
style: imgStyle
|
|
128
|
-
}
|
|
129
|
-
))
|
|
130
|
-
) : null,
|
|
131
|
-
/* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
|
|
132
|
-
AtBadge,
|
|
133
|
-
{
|
|
134
|
-
dot: item.iconType || item.image ? false : !!item.dot,
|
|
135
|
-
value: item.iconType || item.image ? "" : item.text,
|
|
136
|
-
maxValue: item.iconType || item.image ? 0 : Number(item.max)
|
|
137
|
-
},
|
|
138
|
-
/* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__title", style: titleStyle }, item.title)
|
|
139
|
-
))
|
|
140
|
-
))
|
|
141
|
-
);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
AtTabBar.defaultProps = {
|
|
145
|
-
customStyle: "",
|
|
146
|
-
className: "",
|
|
147
|
-
fixed: false,
|
|
148
|
-
current: 0,
|
|
149
|
-
tabList: [],
|
|
150
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
151
|
-
onClick: () => {
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
AtTabBar.propTypes = {
|
|
155
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
156
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
157
|
-
fixed: PropTypes.bool,
|
|
158
|
-
backgroundColor: PropTypes.string,
|
|
159
|
-
current: PropTypes.number,
|
|
160
|
-
iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
161
|
-
fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
162
|
-
color: PropTypes.string,
|
|
163
|
-
selectedColor: PropTypes.string,
|
|
164
|
-
tabList: PropTypes.array,
|
|
165
|
-
onClick: PropTypes.func
|
|
166
|
-
};
|
|
167
|
-
export {
|
|
168
|
-
AtTabBar as default
|
|
169
|
-
};
|
|
170
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/tab-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTabBarProps, TabItem } from '../../../types/tab-bar'\nimport { mergeStyle } from '../../common/utils'\nimport AtBadge from '../badge/index'\n\nexport default class AtTabBar extends React.Component<AtTabBarProps> {\n public static defaultProps: AtTabBarProps\n public static propTypes: InferProps<AtTabBarProps>\n\n // constructor () {\n // super(...arguments)\n // this.state = {\n // isIPhoneX: false\n // }\n // }\n\n // componentDidMount () {\n // const curEnv = Taro.getEnv()\n\n // if (\n // curEnv === Taro.ENV_TYPE.WEAPP &&\n // Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0\n // ) {\n // this.setState({ isIPhoneX: true })\n // }\n // }\n\n private handleClick(index: number, event: CommonEvent): void {\n this.props.onClick(index, event)\n }\n\n public render(): JSX.Element {\n const {\n customStyle = '',\n className,\n fixed,\n backgroundColor,\n tabList,\n current,\n color,\n iconSize,\n fontSize,\n selectedColor\n } = this.props\n // const { isIPhoneX } = this.state\n const defaultStyle = {\n color: color || ''\n }\n const selectedStyle = {\n color: selectedColor || ''\n }\n const titleStyle = {\n fontSize: fontSize ? `${fontSize}px` : ''\n }\n const rootStyle = {\n backgroundColor: backgroundColor || ''\n }\n const imgStyle = {\n width: `${iconSize}px`,\n height: `${iconSize}px`\n }\n\n return (\n <View\n className={classNames(\n {\n 'at-tab-bar': true,\n 'at-tab-bar--fixed': fixed\n // 'at-tab-bar--ipx': isIPhoneX\n },\n className\n )}\n style={mergeStyle(rootStyle, customStyle)}\n >\n {tabList.map((item: TabItem, i: number) => (\n <View\n className={classNames('at-tab-bar__item', {\n 'at-tab-bar__item--active': current === i\n })}\n style={current === i ? selectedStyle : defaultStyle}\n key={i}\n onClick={this.handleClick.bind(this, i)}\n >\n {item.iconType ? (\n <AtBadge\n dot={!!item.dot}\n value={item.text}\n maxValue={Number(item.max)}\n >\n <View className='at-tab-bar__icon'>\n <Text\n className={classNames(\n `${item.iconPrefixClass || 'at-icon'}`,\n {\n [`${item.iconPrefixClass || 'at-icon'}-${\n item.selectedIconType\n }`]: current === i && item.selectedIconType,\n [`${item.iconPrefixClass || 'at-icon'}-${\n item.iconType\n }`]: !(current === i && item.selectedIconType)\n }\n )}\n style={{\n color: current === i ? selectedColor : color,\n fontSize: iconSize ? `${iconSize}px` : ''\n }}\n ></Text>\n </View>\n </AtBadge>\n ) : null}\n\n {item.image ? (\n <AtBadge\n dot={!!item.dot}\n value={item.text}\n maxValue={Number(item.max)}\n >\n <View className='at-tab-bar__icon'>\n <Image\n className={classNames('at-tab-bar__inner-img', {\n 'at-tab-bar__inner-img--inactive': current !== i\n })}\n mode='widthFix'\n src={item.selectedImage || item.image}\n style={imgStyle}\n ></Image>\n <Image\n className={classNames('at-tab-bar__inner-img', {\n 'at-tab-bar__inner-img--inactive': current === i\n })}\n mode='widthFix'\n src={item.image}\n style={imgStyle}\n ></Image>\n </View>\n </AtBadge>\n ) : null}\n\n <View>\n <AtBadge\n dot={item.iconType || item.image ? false : !!item.dot}\n value={item.iconType || item.image ? '' : item.text}\n maxValue={item.iconType || item.image ? 0 : Number(item.max)}\n >\n <View className='at-tab-bar__title' style={titleStyle}>\n {item.title}\n </View>\n </AtBadge>\n </View>\n </View>\n ))}\n </View>\n )\n }\n}\n\nAtTabBar.defaultProps = {\n customStyle: '',\n className: '',\n fixed: false,\n current: 0,\n tabList: [],\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick: (): void => {}\n}\n\nAtTabBar.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n fixed: PropTypes.bool,\n backgroundColor: PropTypes.string,\n current: PropTypes.number,\n iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n color: PropTypes.string,\n selectedColor: PropTypes.string,\n tabList: PropTypes.array,\n onClick: PropTypes.func\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtTabsProps, AtTabsState } from '../../../types/tabs';
|
|
4
|
-
export default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {
|
|
5
|
-
static defaultProps: AtTabsProps;
|
|
6
|
-
static propTypes: InferProps<AtTabsProps>;
|
|
7
|
-
private _tabId;
|
|
8
|
-
private _touchDot;
|
|
9
|
-
private _timer;
|
|
10
|
-
private _interval;
|
|
11
|
-
private _isMoving;
|
|
12
|
-
private tabHeaderRef;
|
|
13
|
-
constructor(props: AtTabsProps);
|
|
14
|
-
private updateState;
|
|
15
|
-
private handleClick;
|
|
16
|
-
private handleTouchStart;
|
|
17
|
-
private handleTouchMove;
|
|
18
|
-
private handleTouchEnd;
|
|
19
|
-
private getTabHeaderRef;
|
|
20
|
-
UNSAFE_componentWillReceiveProps(nextProps: AtTabsProps): void;
|
|
21
|
-
componentDidMount(): void;
|
|
22
|
-
componentWillUnmount(): void;
|
|
23
|
-
render(): JSX.Element;
|
|
24
|
-
}
|