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,10 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtFabProps } from '../../../types/fab';
|
|
3
|
+
declare function AtFab({ size, className, children, onClick }: AtFabProps): JSX.Element;
|
|
4
|
+
declare namespace AtFab {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
size: PropTypes.Requireable<string>;
|
|
7
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export default AtFab;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "@tarojs/components";
|
|
5
|
+
function AtFab({
|
|
6
|
+
size = "normal",
|
|
7
|
+
className,
|
|
8
|
+
children,
|
|
9
|
+
onClick
|
|
10
|
+
}) {
|
|
11
|
+
const handleClick = (e) => {
|
|
12
|
+
if (typeof onClick === "function") {
|
|
13
|
+
onClick(e);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const rootClass = classNames("at-fab", className, {
|
|
17
|
+
[`at-fab--${size}`]: size
|
|
18
|
+
});
|
|
19
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: handleClick }, children);
|
|
20
|
+
}
|
|
21
|
+
AtFab.propTypes = {
|
|
22
|
+
size: PropTypes.oneOf(["normal", "small"]),
|
|
23
|
+
onClick: PropTypes.func
|
|
24
|
+
};
|
|
25
|
+
var fab_default = AtFab;
|
|
26
|
+
export {
|
|
27
|
+
fab_default as default
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/fab/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFabProps } from '../../../types/fab'\n\nfunction AtFab({\n size = 'normal',\n className,\n children,\n onClick\n}: AtFabProps): JSX.Element {\n const handleClick = (e: CommonEvent): void => {\n if (typeof onClick === 'function') {\n onClick(e)\n }\n }\n\n const rootClass = classNames('at-fab', className, {\n [`at-fab--${size}`]: size\n })\n\n return (\n <View className={rootClass} onClick={handleClick}>\n {children}\n </View>\n )\n}\n\nAtFab.propTypes = {\n size: PropTypes.oneOf(['normal', 'small']),\n onClick: PropTypes.func\n}\n\nexport default AtFab\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,SAAS,MAAM;AAAA,EACb,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,cAAc,CAAC,MAAyB;AAC5C,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,QAAM,YAAY,WAAW,UAAU,WAAW;AAAA,IAChD,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,EACvB,CAAC;AAED,SACE,oCAAC,QAAK,WAAW,WAAW,SAAS,eAClC,QACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,SAAS,UAAU;AACrB;AAEA,IAAO,cAAQ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtFlexProps } from '../../../types/flex';
|
|
3
|
+
declare function AtFlex(props: AtFlexProps): JSX.Element;
|
|
4
|
+
declare namespace AtFlex {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
wrap: PropTypes.Requireable<string>;
|
|
7
|
+
align: PropTypes.Requireable<string>;
|
|
8
|
+
justify: PropTypes.Requireable<string>;
|
|
9
|
+
dirction: PropTypes.Requireable<string>;
|
|
10
|
+
alignContent: PropTypes.Requireable<string>;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export default AtFlex;
|
|
@@ -3,23 +3,21 @@ import _forEach from "lodash/forEach";
|
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { View } from "@tarojs/components";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, this.props.children);
|
|
22
|
-
}
|
|
6
|
+
function AtFlex(props) {
|
|
7
|
+
const rootClass = ["at-row"];
|
|
8
|
+
_forEach(props, (value, key) => {
|
|
9
|
+
if (key === "children") {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
if (key === "alignContent") {
|
|
13
|
+
return rootClass.push(`at-row--${value}`);
|
|
14
|
+
}
|
|
15
|
+
if (key === "alignContent") {
|
|
16
|
+
return rootClass.push(`at-row__align-content--${value}`);
|
|
17
|
+
}
|
|
18
|
+
rootClass.push(`at-row__${key}--${value}`);
|
|
19
|
+
});
|
|
20
|
+
return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, props.children);
|
|
23
21
|
}
|
|
24
22
|
AtFlex.propTypes = {
|
|
25
23
|
wrap: PropTypes.oneOf(["no-wrap", "wrap", "wrap-reverse"]),
|
|
@@ -35,7 +33,8 @@ AtFlex.propTypes = {
|
|
|
35
33
|
"around"
|
|
36
34
|
])
|
|
37
35
|
};
|
|
36
|
+
var flex_default = AtFlex;
|
|
38
37
|
export {
|
|
39
|
-
|
|
38
|
+
flex_default as default
|
|
40
39
|
};
|
|
41
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/flex/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexProps } from '../../../types/flex'\n\nfunction AtFlex(props: AtFlexProps): JSX.Element {\n const rootClass = ['at-row']\n\n _forEach(props, (value, key) => {\n if (key === 'children') {\n return\n }\n if (key === 'alignContent') {\n return rootClass.push(`at-row--${value}`)\n }\n if (key === 'alignContent') {\n return rootClass.push(`at-row__align-content--${value}`)\n }\n rootClass.push(`at-row__${key}--${value}`)\n })\n\n return <View className={classNames(rootClass)}>{props.children}</View>\n}\n\nAtFlex.propTypes = {\n wrap: PropTypes.oneOf(['no-wrap', 'wrap', 'wrap-reverse']),\n align: PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'baseline']),\n justify: PropTypes.oneOf(['start', 'end', 'center', 'between', 'around']),\n dirction: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),\n alignContent: PropTypes.oneOf([\n 'start',\n 'end',\n 'center',\n 'stretch',\n 'between',\n 'around'\n ])\n}\n\nexport default AtFlex\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,OAAO,OAAiC;AAC/C,QAAM,YAAY,CAAC,QAAQ;AAE3B,WAAS,OAAO,CAAC,OAAO,QAAQ;AAC9B,QAAI,QAAQ,YAAY;AACtB;AAAA,IACF;AACA,QAAI,QAAQ,gBAAgB;AAC1B,aAAO,UAAU,KAAK,WAAW,KAAK,EAAE;AAAA,IAC1C;AACA,QAAI,QAAQ,gBAAgB;AAC1B,aAAO,UAAU,KAAK,0BAA0B,KAAK,EAAE;AAAA,IACzD;AACA,cAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,EAC3C,CAAC;AAED,SAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,MAAM,QAAS;AACjE;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU,MAAM,CAAC,WAAW,QAAQ,cAAc,CAAC;AAAA,EACzD,OAAO,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,CAAC;AAAA,EACxE,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,EACxE,UAAU,UAAU,MAAM,CAAC,OAAO,UAAU,eAAe,gBAAgB,CAAC;AAAA,EAC5E,cAAc,UAAU,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAEA,IAAO,eAAQ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtFlexItemProps } from '../../../../types/flex';
|
|
3
|
+
declare function AtFlexItem(props: AtFlexItemProps): JSX.Element;
|
|
4
|
+
declare namespace AtFlexItem {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
isAuto: PropTypes.Requireable<boolean>;
|
|
7
|
+
isWrap: PropTypes.Requireable<boolean>;
|
|
8
|
+
align: PropTypes.Requireable<string>;
|
|
9
|
+
size: PropTypes.Requireable<number>;
|
|
10
|
+
offset: PropTypes.Requireable<number>;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export default AtFlexItem;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import _forEach from "lodash/forEach";
|
|
3
|
+
import PropTypes from "prop-types";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { View } from "@tarojs/components";
|
|
6
|
+
function AtFlexItem(props) {
|
|
7
|
+
const rootClass = ["at-col"];
|
|
8
|
+
_forEach(props, (value, key) => {
|
|
9
|
+
if (key === "isAuto" && value) {
|
|
10
|
+
return rootClass.push("at-col--auto");
|
|
11
|
+
}
|
|
12
|
+
if (key === "isWrap" && value) {
|
|
13
|
+
return rootClass.push("at-col--wrap");
|
|
14
|
+
}
|
|
15
|
+
if (key === "size" && value) {
|
|
16
|
+
rootClass.push(`at-col-${value}`);
|
|
17
|
+
}
|
|
18
|
+
rootClass.push(`at-col__${key}--${value}`);
|
|
19
|
+
});
|
|
20
|
+
return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, props.children);
|
|
21
|
+
}
|
|
22
|
+
AtFlexItem.propTypes = {
|
|
23
|
+
isAuto: PropTypes.bool,
|
|
24
|
+
isWrap: PropTypes.bool,
|
|
25
|
+
align: PropTypes.oneOf(["top", "bottom", "center"]),
|
|
26
|
+
size: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
|
|
27
|
+
offset: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
|
|
28
|
+
};
|
|
29
|
+
var item_default = AtFlexItem;
|
|
30
|
+
export {
|
|
31
|
+
item_default as default
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/flex/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexItemProps } from '../../../../types/flex'\n\nfunction AtFlexItem(props: AtFlexItemProps): JSX.Element {\n const rootClass = ['at-col']\n\n _forEach(props, (value, key) => {\n if (key === 'isAuto' && value) {\n return rootClass.push('at-col--auto')\n }\n if (key === 'isWrap' && value) {\n return rootClass.push('at-col--wrap')\n }\n if (key === 'size' && value) {\n rootClass.push(`at-col-${value}`)\n }\n rootClass.push(`at-col__${key}--${value}`)\n })\n\n return <View className={classNames(rootClass)}>{props.children}</View>\n}\n\nAtFlexItem.propTypes = {\n isAuto: PropTypes.bool,\n isWrap: PropTypes.bool,\n align: PropTypes.oneOf(['top', 'bottom', 'center']),\n size: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n offset: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])\n}\n\nexport default AtFlexItem\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,WAAW,OAAqC;AACvD,QAAM,YAAY,CAAC,QAAQ;AAE3B,WAAS,OAAO,CAAC,OAAO,QAAQ;AAC9B,QAAI,QAAQ,YAAY,OAAO;AAC7B,aAAO,UAAU,KAAK,cAAc;AAAA,IACtC;AACA,QAAI,QAAQ,YAAY,OAAO;AAC7B,aAAO,UAAU,KAAK,cAAc;AAAA,IACtC;AACA,QAAI,QAAQ,UAAU,OAAO;AAC3B,gBAAU,KAAK,UAAU,KAAK,EAAE;AAAA,IAClC;AACA,cAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,EAC3C,CAAC;AAED,SAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,MAAM,QAAS;AACjE;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC;AAAA,EAClD,MAAM,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;AAAA,EAC7D,QAAQ,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;AACjE;AAEA,IAAO,eAAQ;","names":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtFloatLayoutProps } from '../../../types/float-layout';
|
|
3
|
+
declare function AtFloatLayout({ title, isOpened, scrollY, scrollX, scrollWithAnimation, scrollTop, scrollLeft, upperThreshold, lowerThreshold, className, children, onClose, onScroll, onScrollToLower, onScrollToUpper }: AtFloatLayoutProps): JSX.Element;
|
|
4
|
+
declare namespace AtFloatLayout {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
title: PropTypes.Requireable<string>;
|
|
7
|
+
isOpened: PropTypes.Requireable<boolean>;
|
|
8
|
+
scrollY: PropTypes.Requireable<boolean>;
|
|
9
|
+
scrollX: PropTypes.Requireable<boolean>;
|
|
10
|
+
scrollTop: PropTypes.Requireable<number>;
|
|
11
|
+
scrollLeft: PropTypes.Requireable<number>;
|
|
12
|
+
upperThreshold: PropTypes.Requireable<number>;
|
|
13
|
+
lowerThreshold: PropTypes.Requireable<number>;
|
|
14
|
+
scrollWithAnimation: PropTypes.Requireable<boolean>;
|
|
15
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
onScroll: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
onScrollToLower: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
+
onScrollToUpper: PropTypes.Requireable<(...args: any[]) => any>;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export default AtFloatLayout;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
4
|
+
import { ScrollView, Text, View } from "@tarojs/components";
|
|
5
|
+
import { handleTouchScroll } from "../../common/utils";
|
|
6
|
+
function AtFloatLayout({
|
|
7
|
+
title = "",
|
|
8
|
+
isOpened = false,
|
|
9
|
+
scrollY = true,
|
|
10
|
+
scrollX = false,
|
|
11
|
+
scrollWithAnimation = false,
|
|
12
|
+
scrollTop,
|
|
13
|
+
scrollLeft,
|
|
14
|
+
upperThreshold,
|
|
15
|
+
lowerThreshold,
|
|
16
|
+
className,
|
|
17
|
+
children,
|
|
18
|
+
onClose,
|
|
19
|
+
onScroll,
|
|
20
|
+
onScrollToLower,
|
|
21
|
+
onScrollToUpper
|
|
22
|
+
}) {
|
|
23
|
+
const [_isOpened, setIsOpened] = useState(isOpened);
|
|
24
|
+
const prevIsOpenedPropRef = useRef(isOpened);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (prevIsOpenedPropRef.current !== isOpened) {
|
|
27
|
+
handleTouchScroll(isOpened);
|
|
28
|
+
prevIsOpenedPropRef.current = isOpened;
|
|
29
|
+
}
|
|
30
|
+
setIsOpened((prev) => isOpened !== prev ? isOpened : prev);
|
|
31
|
+
}, [isOpened]);
|
|
32
|
+
const handleClose = (e) => {
|
|
33
|
+
if (typeof onClose === "function") {
|
|
34
|
+
onClose(e);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
const close = (e) => {
|
|
38
|
+
setIsOpened(false);
|
|
39
|
+
handleClose(e);
|
|
40
|
+
};
|
|
41
|
+
const handleTouchMove = (e) => {
|
|
42
|
+
e.stopPropagation();
|
|
43
|
+
};
|
|
44
|
+
const rootClass = classNames(
|
|
45
|
+
"at-float-layout",
|
|
46
|
+
{
|
|
47
|
+
"at-float-layout--active": _isOpened
|
|
48
|
+
},
|
|
49
|
+
className
|
|
50
|
+
);
|
|
51
|
+
return /* @__PURE__ */ React.createElement(View, { className: rootClass, onTouchMove: handleTouchMove }, /* @__PURE__ */ React.createElement(View, { onClick: close, className: "at-float-layout__overlay" }), /* @__PURE__ */ React.createElement(View, { className: "at-float-layout__container layout" }, title ? /* @__PURE__ */ React.createElement(View, { className: "layout-header" }, /* @__PURE__ */ React.createElement(Text, { className: "layout-header__title" }, title), /* @__PURE__ */ React.createElement(View, { className: "layout-header__btn-close", onClick: close })) : null, /* @__PURE__ */ React.createElement(View, { className: "layout-body" }, /* @__PURE__ */ React.createElement(
|
|
52
|
+
ScrollView,
|
|
53
|
+
{
|
|
54
|
+
scrollY,
|
|
55
|
+
scrollX,
|
|
56
|
+
scrollTop,
|
|
57
|
+
scrollLeft,
|
|
58
|
+
upperThreshold,
|
|
59
|
+
lowerThreshold,
|
|
60
|
+
scrollWithAnimation,
|
|
61
|
+
onScroll,
|
|
62
|
+
onScrollToLower,
|
|
63
|
+
onScrollToUpper,
|
|
64
|
+
className: "layout-body__content"
|
|
65
|
+
},
|
|
66
|
+
children
|
|
67
|
+
))));
|
|
68
|
+
}
|
|
69
|
+
AtFloatLayout.propTypes = {
|
|
70
|
+
title: PropTypes.string,
|
|
71
|
+
isOpened: PropTypes.bool,
|
|
72
|
+
scrollY: PropTypes.bool,
|
|
73
|
+
scrollX: PropTypes.bool,
|
|
74
|
+
scrollTop: PropTypes.number,
|
|
75
|
+
scrollLeft: PropTypes.number,
|
|
76
|
+
upperThreshold: PropTypes.number,
|
|
77
|
+
lowerThreshold: PropTypes.number,
|
|
78
|
+
scrollWithAnimation: PropTypes.bool,
|
|
79
|
+
onClose: PropTypes.func,
|
|
80
|
+
onScroll: PropTypes.func,
|
|
81
|
+
onScrollToLower: PropTypes.func,
|
|
82
|
+
onScrollToUpper: PropTypes.func
|
|
83
|
+
};
|
|
84
|
+
var float_layout_default = AtFloatLayout;
|
|
85
|
+
export {
|
|
86
|
+
float_layout_default as default
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/float-layout/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { ScrollView, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFloatLayoutProps } from '../../../types/float-layout'\nimport { handleTouchScroll } from '../../common/utils'\n\nfunction AtFloatLayout({\n title = '',\n isOpened = false,\n scrollY = true,\n scrollX = false,\n scrollWithAnimation = false,\n scrollTop,\n scrollLeft,\n upperThreshold,\n lowerThreshold,\n className,\n children,\n onClose,\n onScroll,\n onScrollToLower,\n onScrollToUpper\n}: AtFloatLayoutProps): JSX.Element {\n const [_isOpened, setIsOpened] = useState(isOpened)\n const prevIsOpenedPropRef = useRef(isOpened)\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 = (e): void => {\n if (typeof onClose === 'function') {\n onClose(e)\n }\n }\n\n const close = (e): void => {\n setIsOpened(false)\n handleClose(e)\n }\n\n const handleTouchMove = (e: CommonEvent): void => {\n e.stopPropagation()\n }\n\n const rootClass = classNames(\n 'at-float-layout',\n {\n 'at-float-layout--active': _isOpened\n },\n className\n )\n\n return (\n <View className={rootClass} onTouchMove={handleTouchMove}>\n <View onClick={close} className='at-float-layout__overlay' />\n <View className='at-float-layout__container layout'>\n {title ? (\n <View className='layout-header'>\n <Text className='layout-header__title'>{title}</Text>\n <View className='layout-header__btn-close' onClick={close} />\n </View>\n ) : null}\n <View className='layout-body'>\n <ScrollView\n scrollY={scrollY}\n scrollX={scrollX}\n scrollTop={scrollTop}\n scrollLeft={scrollLeft}\n upperThreshold={upperThreshold}\n lowerThreshold={lowerThreshold}\n scrollWithAnimation={scrollWithAnimation}\n onScroll={onScroll}\n onScrollToLower={onScrollToLower}\n onScrollToUpper={onScrollToUpper}\n className='layout-body__content'\n >\n {children}\n </ScrollView>\n </View>\n </View>\n </View>\n )\n}\n\nAtFloatLayout.propTypes = {\n title: PropTypes.string,\n isOpened: PropTypes.bool,\n scrollY: PropTypes.bool,\n scrollX: PropTypes.bool,\n scrollTop: PropTypes.number,\n scrollLeft: PropTypes.number,\n upperThreshold: PropTypes.number,\n lowerThreshold: PropTypes.number,\n scrollWithAnimation: PropTypes.bool,\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n onScrollToLower: PropTypes.func,\n onScrollToUpper: PropTypes.func\n}\n\nexport default AtFloatLayout\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,YAAY,MAAM,YAAY;AAGvC,SAAS,yBAAyB;AAElC,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,QAAQ;AAClD,QAAM,sBAAsB,OAAO,QAAQ;AAE3C,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,MAAY;AAC/B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,QAAM,QAAQ,CAAC,MAAY;AACzB,gBAAY,KAAK;AACjB,gBAAY,CAAC;AAAA,EACf;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,2BAA2B;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,aAAa,mBACvC,oCAAC,QAAK,SAAS,OAAO,WAAU,4BAA2B,GAC3D,oCAAC,QAAK,WAAU,uCACb,QACC,oCAAC,QAAK,WAAU,mBACd,oCAAC,QAAK,WAAU,0BAAwB,KAAM,GAC9C,oCAAC,QAAK,WAAU,4BAA2B,SAAS,OAAO,CAC7D,IACE,MACJ,oCAAC,QAAK,WAAU,iBACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA;AAAA,IAET;AAAA,EACH,CACF,CACF,CACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,gBAAgB,UAAU;AAAA,EAC1B,gBAAgB,UAAU;AAAA,EAC1B,qBAAqB,UAAU;AAAA,EAC/B,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,iBAAiB,UAAU;AAAA,EAC3B,iBAAiB,UAAU;AAC7B;AAEA,IAAO,uBAAQ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtFormProps } from '../../../types/form';
|
|
3
|
+
declare function AtForm({ customStyle, className, reportSubmit, onSubmit, onReset, children }: AtFormProps): JSX.Element;
|
|
4
|
+
declare namespace AtForm {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
7
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
8
|
+
reportSubmit: PropTypes.Requireable<boolean>;
|
|
9
|
+
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
10
|
+
onReset: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export default AtForm;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Form } from "@tarojs/components";
|
|
5
|
+
function AtForm({
|
|
6
|
+
customStyle = "",
|
|
7
|
+
className = "",
|
|
8
|
+
reportSubmit = false,
|
|
9
|
+
onSubmit,
|
|
10
|
+
onReset,
|
|
11
|
+
children
|
|
12
|
+
}) {
|
|
13
|
+
const handleSubmit = (event) => {
|
|
14
|
+
onSubmit && onSubmit(event);
|
|
15
|
+
};
|
|
16
|
+
const handleReset = (event) => {
|
|
17
|
+
onReset && onReset(event);
|
|
18
|
+
};
|
|
19
|
+
const rootCls = classNames("at-form", className);
|
|
20
|
+
return /* @__PURE__ */ React.createElement(
|
|
21
|
+
Form,
|
|
22
|
+
{
|
|
23
|
+
className: rootCls,
|
|
24
|
+
style: customStyle,
|
|
25
|
+
onSubmit: handleSubmit,
|
|
26
|
+
reportSubmit,
|
|
27
|
+
onReset: handleReset
|
|
28
|
+
},
|
|
29
|
+
children
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
AtForm.propTypes = {
|
|
33
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
34
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
35
|
+
reportSubmit: PropTypes.bool,
|
|
36
|
+
onSubmit: PropTypes.func,
|
|
37
|
+
onReset: PropTypes.func
|
|
38
|
+
};
|
|
39
|
+
var form_default = AtForm;
|
|
40
|
+
export {
|
|
41
|
+
form_default as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Form } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFormProps } from '../../../types/form'\n\nfunction AtForm({\n customStyle = '',\n className = '',\n reportSubmit = false,\n onSubmit,\n onReset,\n children\n}: AtFormProps): JSX.Element {\n const handleSubmit = (event: CommonEvent): void => {\n onSubmit && onSubmit(event)\n }\n\n const handleReset = (event: CommonEvent): void => {\n onReset && onReset(event)\n }\n\n const rootCls = classNames('at-form', className)\n\n return (\n <Form\n className={rootCls}\n style={customStyle}\n onSubmit={handleSubmit}\n reportSubmit={reportSubmit}\n onReset={handleReset}\n >\n {children}\n </Form>\n )\n}\n\nAtForm.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n reportSubmit: PropTypes.bool,\n onSubmit: PropTypes.func,\n onReset: PropTypes.func\n}\n\nexport default AtForm\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,SAAS,OAAO;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,eAAe,CAAC,UAA6B;AACjD,gBAAY,SAAS,KAAK;AAAA,EAC5B;AAEA,QAAM,cAAc,CAAC,UAA6B;AAChD,eAAW,QAAQ,KAAK;AAAA,EAC1B;AAEA,QAAM,UAAU,WAAW,WAAW,SAAS;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA;AAAA,IAER;AAAA,EACH;AAEJ;AAEA,OAAO,YAAY;AAAA,EACjB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AACrB;AAEA,IAAO,eAAQ;","names":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtGridProps } from '../../../types/grid';
|
|
3
|
+
declare function AtGrid({ data, mode, columnNum, hasBorder, className, onClick }: AtGridProps): JSX.Element | null;
|
|
4
|
+
declare namespace AtGrid {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
mode: PropTypes.Requireable<string>;
|
|
7
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
8
|
+
hasBorder: PropTypes.Requireable<boolean>;
|
|
9
|
+
columnNum: PropTypes.Requireable<number>;
|
|
10
|
+
data: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
11
|
+
image: PropTypes.Requireable<string>;
|
|
12
|
+
value: PropTypes.Requireable<string>;
|
|
13
|
+
iconInfo: PropTypes.Requireable<PropTypes.InferProps<{
|
|
14
|
+
size: PropTypes.Requireable<number>;
|
|
15
|
+
value: PropTypes.Requireable<string>;
|
|
16
|
+
color: PropTypes.Requireable<string>;
|
|
17
|
+
prefixClass: PropTypes.Requireable<string>;
|
|
18
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
19
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
20
|
+
}>>;
|
|
21
|
+
}> | null | undefined)[]>;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export default AtGrid;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import _chunk from "lodash/chunk";
|
|
3
|
+
import PropTypes from "prop-types";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Image, Text, View } from "@tarojs/components";
|
|
6
|
+
import { mergeStyle } from "../../common/utils";
|
|
7
|
+
function AtGrid({
|
|
8
|
+
data = [],
|
|
9
|
+
mode = "square",
|
|
10
|
+
columnNum = 3,
|
|
11
|
+
hasBorder = true,
|
|
12
|
+
className,
|
|
13
|
+
onClick
|
|
14
|
+
}) {
|
|
15
|
+
const handleClick = (item, index, row, event) => {
|
|
16
|
+
if (typeof onClick === "function") {
|
|
17
|
+
const clickIndex = row * columnNum + index;
|
|
18
|
+
onClick(item, clickIndex, event);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
if (Array.isArray(data) && data.length === 0) {
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
const gridGroup = _chunk(data, columnNum);
|
|
25
|
+
const bodyClass = classNames(
|
|
26
|
+
["at-grid__flex-item", "at-grid-item", `at-grid-item--${mode}`],
|
|
27
|
+
{
|
|
28
|
+
"at-grid-item--no-border": !hasBorder
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
return /* @__PURE__ */ React.createElement(View, { className: classNames("at-grid", className) }, gridGroup.map((item, i) => /* @__PURE__ */ React.createElement(View, { className: "at-grid__flex", key: `at-grid-group-${i}` }, item.map((childItem, index) => /* @__PURE__ */ React.createElement(
|
|
32
|
+
View,
|
|
33
|
+
{
|
|
34
|
+
key: `at-grid-item-${index}`,
|
|
35
|
+
className: classNames(bodyClass, {
|
|
36
|
+
"at-grid-item--last": index === columnNum - 1
|
|
37
|
+
}),
|
|
38
|
+
onClick: (event) => handleClick(childItem, index, i, event),
|
|
39
|
+
style: {
|
|
40
|
+
flex: `0 0 ${100 / columnNum}%`
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
/* @__PURE__ */ React.createElement(View, { className: "at-grid-item__content" }, /* @__PURE__ */ React.createElement(View, { className: "at-grid-item__content-inner" }, /* @__PURE__ */ React.createElement(View, { className: "content-inner__icon" }, childItem.image && /* @__PURE__ */ React.createElement(
|
|
44
|
+
Image,
|
|
45
|
+
{
|
|
46
|
+
className: "content-inner__img",
|
|
47
|
+
src: childItem.image,
|
|
48
|
+
mode: "scaleToFill"
|
|
49
|
+
}
|
|
50
|
+
), childItem.iconInfo && !childItem.image && /* @__PURE__ */ React.createElement(
|
|
51
|
+
Text,
|
|
52
|
+
{
|
|
53
|
+
className: classNames(
|
|
54
|
+
childItem.iconInfo.prefixClass || "at-icon",
|
|
55
|
+
{
|
|
56
|
+
[`${childItem.iconInfo.prefixClass || "at-icon"}-${childItem.iconInfo.value}`]: childItem.iconInfo.value
|
|
57
|
+
},
|
|
58
|
+
childItem.iconInfo.className
|
|
59
|
+
),
|
|
60
|
+
style: mergeStyle(
|
|
61
|
+
{
|
|
62
|
+
color: childItem.iconInfo.color,
|
|
63
|
+
fontSize: `${childItem.iconInfo.size || 24}px`
|
|
64
|
+
},
|
|
65
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
66
|
+
childItem.iconInfo.customStyle
|
|
67
|
+
)
|
|
68
|
+
}
|
|
69
|
+
)), /* @__PURE__ */ React.createElement(Text, { className: "content-inner__text" }, childItem.value)))
|
|
70
|
+
)))));
|
|
71
|
+
}
|
|
72
|
+
AtGrid.propTypes = {
|
|
73
|
+
mode: PropTypes.string,
|
|
74
|
+
onClick: PropTypes.func,
|
|
75
|
+
hasBorder: PropTypes.bool,
|
|
76
|
+
columnNum: PropTypes.number,
|
|
77
|
+
data: PropTypes.arrayOf(
|
|
78
|
+
PropTypes.shape({
|
|
79
|
+
image: PropTypes.string,
|
|
80
|
+
value: PropTypes.string,
|
|
81
|
+
iconInfo: PropTypes.shape({
|
|
82
|
+
size: PropTypes.number,
|
|
83
|
+
value: PropTypes.string,
|
|
84
|
+
color: PropTypes.string,
|
|
85
|
+
prefixClass: PropTypes.string,
|
|
86
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
87
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
|
|
88
|
+
})
|
|
89
|
+
})
|
|
90
|
+
)
|
|
91
|
+
};
|
|
92
|
+
var grid_default = AtGrid;
|
|
93
|
+
export {
|
|
94
|
+
grid_default as default
|
|
95
|
+
};
|
|
96
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/grid/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _chunk from 'lodash/chunk'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtGridItem, AtGridProps } from '../../../types/grid'\nimport { mergeStyle } from '../../common/utils'\n\nfunction AtGrid({\n data = [],\n mode = 'square',\n columnNum = 3,\n hasBorder = true,\n className,\n onClick\n}: AtGridProps): JSX.Element | null {\n const handleClick = (\n item: AtGridItem,\n index: number,\n row: number,\n event: CommonEvent\n ): void => {\n if (typeof onClick === 'function') {\n const clickIndex = row * columnNum + index\n onClick(item, clickIndex, event)\n }\n }\n\n if (Array.isArray(data) && data.length === 0) {\n return null\n }\n\n const gridGroup = _chunk(data, columnNum)\n\n const bodyClass = classNames(\n ['at-grid__flex-item', 'at-grid-item', `at-grid-item--${mode}`],\n {\n 'at-grid-item--no-border': !hasBorder\n }\n )\n\n return (\n <View className={classNames('at-grid', className)}>\n {gridGroup.map((item, i) => (\n <View className='at-grid__flex' key={`at-grid-group-${i}`}>\n {item.map((childItem, index) => (\n <View\n key={`at-grid-item-${index}`}\n className={classNames(bodyClass, {\n 'at-grid-item--last': index === columnNum - 1\n })}\n onClick={event => handleClick(childItem, index, i, event)}\n style={{\n flex: `0 0 ${100 / columnNum}%`\n }}\n >\n <View className='at-grid-item__content'>\n <View className='at-grid-item__content-inner'>\n <View className='content-inner__icon'>\n {childItem.image && (\n <Image\n className='content-inner__img'\n src={childItem.image}\n mode='scaleToFill'\n />\n )}\n {childItem.iconInfo && !childItem.image && (\n <Text\n className={classNames(\n childItem.iconInfo.prefixClass || 'at-icon',\n {\n [`${childItem.iconInfo.prefixClass || 'at-icon'}-${\n childItem.iconInfo.value\n }`]: childItem.iconInfo.value\n },\n childItem.iconInfo.className\n )}\n style={mergeStyle(\n {\n color: childItem.iconInfo.color,\n fontSize: `${childItem.iconInfo.size || 24}px`\n },\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n childItem.iconInfo!.customStyle!\n )}\n />\n )}\n </View>\n <Text className='content-inner__text'>{childItem.value}</Text>\n </View>\n </View>\n </View>\n ))}\n </View>\n ))}\n </View>\n )\n}\n\nAtGrid.propTypes = {\n mode: PropTypes.string,\n onClick: PropTypes.func,\n hasBorder: PropTypes.bool,\n columnNum: PropTypes.number,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n image: PropTypes.string,\n value: PropTypes.string,\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 )\n}\n\nexport default AtGrid\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAGlC,SAAS,kBAAkB;AAE3B,SAAS,OAAO;AAAA,EACd,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,cAAc,CAClB,MACA,OACA,KACA,UACS;AACT,QAAI,OAAO,YAAY,YAAY;AACjC,YAAM,aAAa,MAAM,YAAY;AACrC,cAAQ,MAAM,YAAY,KAAK;AAAA,IACjC;AAAA,EACF;AAEA,MAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,MAAM,SAAS;AAExC,QAAM,YAAY;AAAA,IAChB,CAAC,sBAAsB,gBAAgB,iBAAiB,IAAI,EAAE;AAAA,IAC9D;AAAA,MACE,2BAA2B,CAAC;AAAA,IAC9B;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,WAAW,SAAS,KAC7C,UAAU,IAAI,CAAC,MAAM,MACpB,oCAAC,QAAK,WAAU,iBAAgB,KAAK,iBAAiB,CAAC,MACpD,KAAK,IAAI,CAAC,WAAW,UACpB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,gBAAgB,KAAK;AAAA,MAC1B,WAAW,WAAW,WAAW;AAAA,QAC/B,sBAAsB,UAAU,YAAY;AAAA,MAC9C,CAAC;AAAA,MACD,SAAS,WAAS,YAAY,WAAW,OAAO,GAAG,KAAK;AAAA,MACxD,OAAO;AAAA,QACL,MAAM,OAAO,MAAM,SAAS;AAAA,MAC9B;AAAA;AAAA,IAEA,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,iCACd,oCAAC,QAAK,WAAU,yBACb,UAAU,SACT;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK,UAAU;AAAA,QACf,MAAK;AAAA;AAAA,IACP,GAED,UAAU,YAAY,CAAC,UAAU,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,UAAU,SAAS,eAAe;AAAA,UAClC;AAAA,YACE,CAAC,GAAG,UAAU,SAAS,eAAe,SAAS,IAC7C,UAAU,SAAS,KACrB,EAAE,GAAG,UAAU,SAAS;AAAA,UAC1B;AAAA,UACA,UAAU,SAAS;AAAA,QACrB;AAAA,QACA,OAAO;AAAA,UACL;AAAA,YACE,OAAO,UAAU,SAAS;AAAA,YAC1B,UAAU,GAAG,UAAU,SAAS,QAAQ,EAAE;AAAA,UAC5C;AAAA;AAAA,UAEA,UAAU,SAAU;AAAA,QACtB;AAAA;AAAA,IACF,CAEJ,GACA,oCAAC,QAAK,WAAU,yBAAuB,UAAU,KAAM,CACzD,CACF;AAAA,EACF,CACD,CACH,CACD,CACH;AAEJ;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,IACd,UAAU,MAAM;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,MACjB,UAAU,UAAU,MAAM;AAAA,QACxB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,QACjB,OAAO,UAAU;AAAA,QACjB,aAAa,UAAU;AAAA,QACvB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,QACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,MACpE,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEA,IAAO,eAAQ;","names":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtIconProps } from '../../../types/icon';
|
|
3
|
+
declare function AtIcon({ customStyle, className, prefixClass, value, color, size, onClick }: AtIconProps): JSX.Element;
|
|
4
|
+
declare namespace AtIcon {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
7
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
8
|
+
prefixClass: PropTypes.Requireable<string>;
|
|
9
|
+
value: PropTypes.Requireable<string>;
|
|
10
|
+
color: PropTypes.Requireable<string>;
|
|
11
|
+
size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
12
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export default AtIcon;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import classNames from "classnames";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "@tarojs/components";
|
|
5
|
+
import { mergeStyle, pxTransform } from "../../common/utils";
|
|
6
|
+
function AtIcon({
|
|
7
|
+
customStyle = {},
|
|
8
|
+
className = "",
|
|
9
|
+
prefixClass = "at-icon",
|
|
10
|
+
value = "",
|
|
11
|
+
color = "",
|
|
12
|
+
size = 24,
|
|
13
|
+
onClick
|
|
14
|
+
}) {
|
|
15
|
+
function handleClick() {
|
|
16
|
+
onClick && onClick(arguments);
|
|
17
|
+
}
|
|
18
|
+
const rootStyle = {
|
|
19
|
+
fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,
|
|
20
|
+
color
|
|
21
|
+
};
|
|
22
|
+
const iconName = value ? `${prefixClass}-${value}` : "";
|
|
23
|
+
return /* @__PURE__ */ React.createElement(
|
|
24
|
+
Text,
|
|
25
|
+
{
|
|
26
|
+
className: classNames(prefixClass, iconName, className),
|
|
27
|
+
style: mergeStyle(rootStyle, customStyle),
|
|
28
|
+
onClick: handleClick
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
AtIcon.propTypes = {
|
|
33
|
+
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
34
|
+
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
35
|
+
prefixClass: PropTypes.string,
|
|
36
|
+
value: PropTypes.string,
|
|
37
|
+
color: PropTypes.string,
|
|
38
|
+
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
39
|
+
onClick: PropTypes.func
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
AtIcon as default
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text } from '@tarojs/components'\nimport { AtIconProps } from '../../../types/icon'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default function AtIcon({\n customStyle = {},\n className = '',\n prefixClass = 'at-icon',\n value = '',\n color = '',\n size = 24,\n onClick\n}: AtIconProps): JSX.Element {\n function handleClick(): void {\n onClick && onClick(arguments as any)\n }\n\n const rootStyle = {\n fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,\n color\n }\n\n const iconName = value ? `${prefixClass}-${value}` : ''\n return (\n <Text\n className={classNames(prefixClass, iconName, className)}\n style={mergeStyle(rootStyle, customStyle)}\n onClick={handleClick}\n ></Text>\n )\n}\n\nAtIcon.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n prefixClass: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAEzB,SAAR,OAAwB;AAAA,EAC7B,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AACF,GAA6B;AAC3B,WAAS,cAAoB;AAC3B,eAAW,QAAQ,SAAgB;AAAA,EACrC;AAEA,QAAM,YAAY;AAAA,IAChB,UAAU,GAAG,YAAY,SAAS,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,aAAa,UAAU,SAAS;AAAA,MACtD,OAAO,WAAW,WAAW,WAAW;AAAA,MACxC,SAAS;AAAA;AAAA,EACV;AAEL;AAEA,OAAO,YAAY;AAAA,EACjB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,SAAS,UAAU;AACrB;","names":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { AtImagePickerProps } from '../../../types/image-picker';
|
|
3
|
+
declare function AtImagePicker({ className, customStyle, files, mode, showAddBtn, multiple, length, count, sizeType, sourceType, onChange, onImageClick, onFail, children }: AtImagePickerProps): JSX.Element;
|
|
4
|
+
declare namespace AtImagePicker {
|
|
5
|
+
var propTypes: {
|
|
6
|
+
className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
|
|
7
|
+
customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
8
|
+
files: PropTypes.Requireable<any[]>;
|
|
9
|
+
mode: PropTypes.Requireable<string>;
|
|
10
|
+
showAddBtn: PropTypes.Requireable<boolean>;
|
|
11
|
+
multiple: PropTypes.Requireable<boolean>;
|
|
12
|
+
length: PropTypes.Requireable<number>;
|
|
13
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
14
|
+
onImageClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
+
onFail: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
count: PropTypes.Requireable<number>;
|
|
17
|
+
sizeType: PropTypes.Requireable<any[]>;
|
|
18
|
+
sourceType: PropTypes.Requireable<any[]>;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export default AtImagePicker;
|