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,232 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Input, Label, Text, View } from "@tarojs/components";
|
|
5
|
-
function getInputProps(props) {
|
|
6
|
-
const actualProps = {
|
|
7
|
-
type: props.type,
|
|
8
|
-
maxLength: props.maxLength || props.maxlength,
|
|
9
|
-
disabled: props.disabled,
|
|
10
|
-
password: false
|
|
11
|
-
};
|
|
12
|
-
switch (actualProps.type) {
|
|
13
|
-
case "phone":
|
|
14
|
-
actualProps.type = "number";
|
|
15
|
-
actualProps.maxLength = 11;
|
|
16
|
-
break;
|
|
17
|
-
case "password":
|
|
18
|
-
actualProps.type = "text";
|
|
19
|
-
actualProps.password = true;
|
|
20
|
-
break;
|
|
21
|
-
default:
|
|
22
|
-
break;
|
|
23
|
-
}
|
|
24
|
-
if (!props.disabled && !props.editable) {
|
|
25
|
-
actualProps.disabled = true;
|
|
26
|
-
}
|
|
27
|
-
return actualProps;
|
|
28
|
-
}
|
|
29
|
-
class AtInput extends React.Component {
|
|
30
|
-
constructor() {
|
|
31
|
-
super(...arguments);
|
|
32
|
-
// TODO: 有待考证是否为合理方式处理 #840
|
|
33
|
-
this.inputClearing = false;
|
|
34
|
-
this.handleInput = (event) => {
|
|
35
|
-
var _a, _b;
|
|
36
|
-
return (_b = (_a = this.props).onChange) == null ? void 0 : _b.call(_a, event.detail.value, event);
|
|
37
|
-
};
|
|
38
|
-
this.handleFocus = (event) => {
|
|
39
|
-
if (typeof this.props.onFocus === "function") {
|
|
40
|
-
this.props.onFocus(event.detail.value, event);
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
this.handleBlur = (event) => {
|
|
44
|
-
var _a, _b;
|
|
45
|
-
if (typeof this.props.onBlur === "function") {
|
|
46
|
-
this.props.onBlur(event.detail.value, event);
|
|
47
|
-
}
|
|
48
|
-
if (event.type === "blur" && !this.inputClearing) {
|
|
49
|
-
(_b = (_a = this.props).onChange) == null ? void 0 : _b.call(
|
|
50
|
-
_a,
|
|
51
|
-
event.detail.value,
|
|
52
|
-
event
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
this.inputClearing = false;
|
|
56
|
-
};
|
|
57
|
-
this.handleConfirm = (event) => {
|
|
58
|
-
if (typeof this.props.onConfirm === "function") {
|
|
59
|
-
this.props.onConfirm(event.detail.value, event);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
this.handleClick = (event) => {
|
|
63
|
-
if (!this.props.editable && typeof this.props.onClick === "function") {
|
|
64
|
-
this.props.onClick(event);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
this.handleClearValue = (event) => {
|
|
68
|
-
var _a, _b;
|
|
69
|
-
this.inputClearing = true;
|
|
70
|
-
(_b = (_a = this.props).onChange) == null ? void 0 : _b.call(_a, "", event);
|
|
71
|
-
};
|
|
72
|
-
this.handleKeyboardHeightChange = (event) => {
|
|
73
|
-
if (typeof this.props.onKeyboardHeightChange === "function") {
|
|
74
|
-
this.props.onKeyboardHeightChange(event);
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
this.handleErrorClick = (event) => {
|
|
78
|
-
if (typeof this.props.onErrorClick === "function") {
|
|
79
|
-
this.props.onErrorClick(event);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
render() {
|
|
84
|
-
const {
|
|
85
|
-
className,
|
|
86
|
-
customStyle,
|
|
87
|
-
name,
|
|
88
|
-
cursorSpacing,
|
|
89
|
-
confirmType,
|
|
90
|
-
cursor,
|
|
91
|
-
selectionStart,
|
|
92
|
-
selectionEnd,
|
|
93
|
-
adjustPosition,
|
|
94
|
-
border,
|
|
95
|
-
title,
|
|
96
|
-
error,
|
|
97
|
-
clear,
|
|
98
|
-
placeholder,
|
|
99
|
-
placeholderStyle,
|
|
100
|
-
placeholderClass,
|
|
101
|
-
autoFocus = false,
|
|
102
|
-
focus = false,
|
|
103
|
-
value,
|
|
104
|
-
required
|
|
105
|
-
} = this.props;
|
|
106
|
-
const { type, maxLength, disabled, password } = getInputProps(this.props);
|
|
107
|
-
const rootCls = classNames(
|
|
108
|
-
"at-input",
|
|
109
|
-
{
|
|
110
|
-
"at-input--without-border": !border
|
|
111
|
-
},
|
|
112
|
-
className
|
|
113
|
-
);
|
|
114
|
-
const containerCls = classNames("at-input__container", {
|
|
115
|
-
"at-input--error": error,
|
|
116
|
-
"at-input--disabled": disabled
|
|
117
|
-
});
|
|
118
|
-
const overlayCls = classNames("at-input__overlay", {
|
|
119
|
-
"at-input__overlay--hidden": !disabled
|
|
120
|
-
});
|
|
121
|
-
const placeholderCls = classNames("placeholder", placeholderClass);
|
|
122
|
-
return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: overlayCls, onClick: this.handleClick }), title && /* @__PURE__ */ React.createElement(
|
|
123
|
-
Label,
|
|
124
|
-
{
|
|
125
|
-
className: `at-input__title ${required && "at-input__title--required"}`,
|
|
126
|
-
for: name
|
|
127
|
-
},
|
|
128
|
-
title
|
|
129
|
-
), /* @__PURE__ */ React.createElement(
|
|
130
|
-
Input,
|
|
131
|
-
{
|
|
132
|
-
className: "at-input__input",
|
|
133
|
-
id: name,
|
|
134
|
-
name,
|
|
135
|
-
type,
|
|
136
|
-
disabled,
|
|
137
|
-
password,
|
|
138
|
-
placeholderStyle,
|
|
139
|
-
placeholderClass: placeholderCls,
|
|
140
|
-
placeholder,
|
|
141
|
-
cursorSpacing,
|
|
142
|
-
maxlength: maxLength,
|
|
143
|
-
autoFocus,
|
|
144
|
-
focus,
|
|
145
|
-
value,
|
|
146
|
-
confirmType,
|
|
147
|
-
cursor,
|
|
148
|
-
selectionStart,
|
|
149
|
-
selectionEnd,
|
|
150
|
-
adjustPosition,
|
|
151
|
-
onInput: this.handleInput,
|
|
152
|
-
onFocus: this.handleFocus,
|
|
153
|
-
onBlur: this.handleBlur,
|
|
154
|
-
onConfirm: this.handleConfirm,
|
|
155
|
-
onKeyboardHeightChange: this.handleKeyboardHeightChange
|
|
156
|
-
}
|
|
157
|
-
), clear && value && /* @__PURE__ */ React.createElement(View, { className: "at-input__icon", onTouchEnd: this.handleClearValue }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close-circle at-input__icon-close" })), error && /* @__PURE__ */ React.createElement(
|
|
158
|
-
View,
|
|
159
|
-
{
|
|
160
|
-
className: "at-input__icon",
|
|
161
|
-
onTouchStart: this.handleErrorClick
|
|
162
|
-
},
|
|
163
|
-
/* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-alert-circle at-input__icon-alert" })
|
|
164
|
-
), /* @__PURE__ */ React.createElement(View, { className: "at-input__children" }, this.props.children)));
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
AtInput.defaultProps = {
|
|
168
|
-
className: "",
|
|
169
|
-
customStyle: "",
|
|
170
|
-
value: "",
|
|
171
|
-
name: "",
|
|
172
|
-
placeholder: "",
|
|
173
|
-
placeholderStyle: "",
|
|
174
|
-
placeholderClass: "",
|
|
175
|
-
title: "",
|
|
176
|
-
cursorSpacing: 50,
|
|
177
|
-
confirmType: "done",
|
|
178
|
-
selectionStart: -1,
|
|
179
|
-
selectionEnd: -1,
|
|
180
|
-
adjustPosition: true,
|
|
181
|
-
maxlength: 140,
|
|
182
|
-
maxLength: 140,
|
|
183
|
-
type: "text",
|
|
184
|
-
disabled: false,
|
|
185
|
-
border: true,
|
|
186
|
-
editable: true,
|
|
187
|
-
error: false,
|
|
188
|
-
clear: false,
|
|
189
|
-
autoFocus: false,
|
|
190
|
-
focus: false,
|
|
191
|
-
required: false,
|
|
192
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
193
|
-
onChange: () => {
|
|
194
|
-
}
|
|
195
|
-
};
|
|
196
|
-
AtInput.propTypes = {
|
|
197
|
-
className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
|
198
|
-
customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
199
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
200
|
-
name: PropTypes.string,
|
|
201
|
-
placeholder: PropTypes.string,
|
|
202
|
-
placeholderStyle: PropTypes.string,
|
|
203
|
-
placeholderClass: PropTypes.string,
|
|
204
|
-
title: PropTypes.string,
|
|
205
|
-
confirmType: PropTypes.string,
|
|
206
|
-
cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
207
|
-
selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
208
|
-
selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
209
|
-
adjustPosition: PropTypes.bool,
|
|
210
|
-
cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
211
|
-
maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
212
|
-
maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
213
|
-
type: PropTypes.string,
|
|
214
|
-
disabled: PropTypes.bool,
|
|
215
|
-
border: PropTypes.bool,
|
|
216
|
-
editable: PropTypes.bool,
|
|
217
|
-
error: PropTypes.bool,
|
|
218
|
-
clear: PropTypes.bool,
|
|
219
|
-
autoFocus: PropTypes.bool,
|
|
220
|
-
focus: PropTypes.bool,
|
|
221
|
-
onChange: PropTypes.func,
|
|
222
|
-
onFocus: PropTypes.func,
|
|
223
|
-
onBlur: PropTypes.func,
|
|
224
|
-
onConfirm: PropTypes.func,
|
|
225
|
-
onErrorClick: PropTypes.func,
|
|
226
|
-
onClick: PropTypes.func,
|
|
227
|
-
required: PropTypes.bool
|
|
228
|
-
};
|
|
229
|
-
export {
|
|
230
|
-
AtInput as default
|
|
231
|
-
};
|
|
232
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Input, Label, Text, View } from '@tarojs/components'\nimport { BaseEventOrig, ITouchEvent } from '@tarojs/components/types/common'\nimport { InputProps } from '@tarojs/components/types/Input'\nimport {\n AtInputProps,\n BlurEventDetail,\n ConfirmEventDetail,\n FocusEventDetail,\n InputEventDetail,\n KeyboardHeightEventDetail\n} from '../../../types/input'\n\ntype PickAtInputProps = Pick<\n AtInputProps,\n 'maxLength' | 'maxlength' | 'disabled' | 'password'\n>\ntype GetInputPropsReturn = PickAtInputProps & Pick<InputProps, 'type'>\n\nfunction getInputProps(props: AtInputProps): GetInputPropsReturn {\n const actualProps = {\n type: props.type,\n maxLength: props.maxLength || props.maxlength,\n disabled: props.disabled,\n password: false\n }\n\n switch (actualProps.type) {\n case 'phone':\n actualProps.type = 'number'\n actualProps.maxLength = 11\n break\n case 'password':\n actualProps.type = 'text'\n actualProps.password = true\n break\n default:\n break\n }\n if (!props.disabled && !props.editable) {\n actualProps.disabled = true\n }\n return actualProps as GetInputPropsReturn\n}\n\nexport default class AtInput extends React.Component<AtInputProps> {\n public static defaultProps: AtInputProps\n public static propTypes: InferProps<AtInputProps>\n // TODO: 有待考证是否为合理方式处理 #840\n private inputClearing = false\n\n private handleInput = (event: BaseEventOrig<InputEventDetail>): void =>\n this.props.onChange?.(event.detail.value, event)\n\n private handleFocus = (event: BaseEventOrig<FocusEventDetail>): void => {\n if (typeof this.props.onFocus === 'function') {\n this.props.onFocus(event.detail.value, event)\n }\n }\n\n private handleBlur = (event: BaseEventOrig<BlurEventDetail>): void => {\n if (typeof this.props.onBlur === 'function') {\n this.props.onBlur(event.detail.value, event)\n }\n if (event.type === 'blur' && !this.inputClearing) {\n // fix # 583 AtInput 不触发 onChange 的问题\n this.props.onChange?.(\n event.detail.value,\n event as BaseEventOrig<InputEventDetail>\n )\n }\n // 还原状态\n this.inputClearing = false\n }\n\n private handleConfirm = (event: BaseEventOrig<ConfirmEventDetail>): void => {\n if (typeof this.props.onConfirm === 'function') {\n this.props.onConfirm(event.detail.value, event)\n }\n }\n\n private handleClick = (event: ITouchEvent): void => {\n if (!this.props.editable && typeof this.props.onClick === 'function') {\n this.props.onClick(event)\n }\n }\n\n private handleClearValue = (event: ITouchEvent): void => {\n this.inputClearing = true\n this.props.onChange?.('', event)\n }\n\n private handleKeyboardHeightChange = (\n event: BaseEventOrig<KeyboardHeightEventDetail>\n ): void => {\n if (typeof this.props.onKeyboardHeightChange === 'function') {\n this.props.onKeyboardHeightChange(event)\n }\n }\n\n private handleErrorClick = (event: ITouchEvent): void => {\n if (typeof this.props.onErrorClick === 'function') {\n this.props.onErrorClick(event)\n }\n }\n\n public render(): JSX.Element {\n const {\n className,\n customStyle,\n name,\n cursorSpacing,\n confirmType,\n cursor,\n selectionStart,\n selectionEnd,\n adjustPosition,\n border,\n title,\n error,\n clear,\n placeholder,\n placeholderStyle,\n placeholderClass,\n autoFocus = false,\n focus = false,\n value,\n required\n } = this.props\n const { type, maxLength, disabled, password } = getInputProps(this.props)\n\n const rootCls = classNames(\n 'at-input',\n {\n 'at-input--without-border': !border\n },\n className\n )\n const containerCls = classNames('at-input__container', {\n 'at-input--error': error,\n 'at-input--disabled': disabled\n })\n // TODO: overlayCls 是否需要移除\n const overlayCls = classNames('at-input__overlay', {\n 'at-input__overlay--hidden': !disabled\n })\n const placeholderCls = classNames('placeholder', placeholderClass)\n\n return (\n <View className={rootCls} style={customStyle}>\n <View className={containerCls}>\n <View className={overlayCls} onClick={this.handleClick}></View>\n {title && (\n <Label\n className={`at-input__title ${\n required && 'at-input__title--required'\n }`}\n for={name}\n >\n {title}\n </Label>\n )}\n <Input\n className='at-input__input'\n id={name}\n name={name}\n type={type}\n disabled={disabled}\n password={password}\n placeholderStyle={placeholderStyle}\n placeholderClass={placeholderCls}\n placeholder={placeholder}\n cursorSpacing={cursorSpacing}\n maxlength={maxLength}\n autoFocus={autoFocus}\n // TODO: 临时解决方案,等 Taro 更新后还原到 focus={focus}\n focus={focus}\n value={value}\n confirmType={confirmType}\n cursor={cursor}\n selectionStart={selectionStart}\n selectionEnd={selectionEnd}\n adjustPosition={adjustPosition}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onConfirm={this.handleConfirm}\n onKeyboardHeightChange={this.handleKeyboardHeightChange}\n />\n {clear && value && (\n <View className='at-input__icon' onTouchEnd={this.handleClearValue}>\n <Text className='at-icon at-icon-close-circle at-input__icon-close'></Text>\n </View>\n )}\n {error && (\n <View\n className='at-input__icon'\n onTouchStart={this.handleErrorClick}\n >\n <Text className='at-icon at-icon-alert-circle at-input__icon-alert'></Text>\n </View>\n )}\n <View className='at-input__children'>{this.props.children}</View>\n </View>\n </View>\n )\n }\n}\n\nAtInput.defaultProps = {\n className: '',\n customStyle: '',\n value: '',\n name: '',\n placeholder: '',\n placeholderStyle: '',\n placeholderClass: '',\n title: '',\n cursorSpacing: 50,\n confirmType: 'done',\n selectionStart: -1,\n selectionEnd: -1,\n adjustPosition: true,\n maxlength: 140,\n maxLength: 140,\n type: 'text',\n disabled: false,\n border: true,\n editable: true,\n error: false,\n clear: false,\n autoFocus: false,\n focus: false,\n required: false,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onChange: (): void => {}\n}\n\nAtInput.propTypes = {\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n name: PropTypes.string,\n placeholder: PropTypes.string,\n placeholderStyle: PropTypes.string,\n placeholderClass: PropTypes.string,\n title: PropTypes.string,\n confirmType: PropTypes.string,\n cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n adjustPosition: PropTypes.bool,\n cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n type: PropTypes.string,\n disabled: PropTypes.bool,\n border: PropTypes.bool,\n editable: PropTypes.bool,\n error: PropTypes.bool,\n clear: PropTypes.bool,\n autoFocus: PropTypes.bool,\n focus: PropTypes.bool,\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onConfirm: PropTypes.func,\n onErrorClick: PropTypes.func,\n onClick: PropTypes.func,\n required: PropTypes.bool\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtInputNumberProps } from '../../../types/input-number';
|
|
4
|
-
export default class AtInputNumber extends React.Component<AtInputNumberProps> {
|
|
5
|
-
static defaultProps: AtInputNumberProps;
|
|
6
|
-
static propTypes: InferProps<AtInputNumberProps>;
|
|
7
|
-
private handleClick;
|
|
8
|
-
private handleValue;
|
|
9
|
-
private handleInput;
|
|
10
|
-
private handleBlur;
|
|
11
|
-
private handleError;
|
|
12
|
-
render(): JSX.Element;
|
|
13
|
-
}
|
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import _toString from "lodash/toString";
|
|
3
|
-
import PropTypes from "prop-types";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Input, Text, View } from "@tarojs/components";
|
|
6
|
-
import { pxTransform } from "../../common/utils";
|
|
7
|
-
function addNum(num1, num2) {
|
|
8
|
-
let sq1, sq2;
|
|
9
|
-
try {
|
|
10
|
-
sq1 = _toString(num1).split(".")[1].length;
|
|
11
|
-
} catch (e) {
|
|
12
|
-
sq1 = 0;
|
|
13
|
-
}
|
|
14
|
-
try {
|
|
15
|
-
sq2 = _toString(num2).split(".")[1].length;
|
|
16
|
-
} catch (e) {
|
|
17
|
-
sq2 = 0;
|
|
18
|
-
}
|
|
19
|
-
const m = Math.pow(10, Math.max(sq1, sq2));
|
|
20
|
-
return (Math.round(num1 * m) + Math.round(num2 * m)) / m;
|
|
21
|
-
}
|
|
22
|
-
function parseValue(num) {
|
|
23
|
-
if (num === "") return "0";
|
|
24
|
-
const numStr = _toString(num);
|
|
25
|
-
if (numStr.indexOf("0") === 0 && numStr.indexOf(".") === -1) {
|
|
26
|
-
return _toString(parseFloat(num));
|
|
27
|
-
}
|
|
28
|
-
return _toString(num);
|
|
29
|
-
}
|
|
30
|
-
class AtInputNumber extends React.Component {
|
|
31
|
-
constructor() {
|
|
32
|
-
super(...arguments);
|
|
33
|
-
this.handleValue = (value) => {
|
|
34
|
-
const { max = 100, min = 0 } = this.props;
|
|
35
|
-
let resultValue = value === "" ? min : value;
|
|
36
|
-
if (Number(resultValue) > max) {
|
|
37
|
-
resultValue = max;
|
|
38
|
-
this.handleError({
|
|
39
|
-
type: "OVER",
|
|
40
|
-
errorValue: resultValue
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
if (Number(resultValue) < min) {
|
|
44
|
-
resultValue = min;
|
|
45
|
-
this.handleError({
|
|
46
|
-
type: "LOW",
|
|
47
|
-
errorValue: resultValue
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
if (resultValue && !Number(resultValue)) {
|
|
51
|
-
resultValue = parseFloat(String(resultValue)) || min;
|
|
52
|
-
this.handleError({
|
|
53
|
-
type: "OVER",
|
|
54
|
-
errorValue: resultValue
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
resultValue = parseValue(String(resultValue));
|
|
58
|
-
return resultValue;
|
|
59
|
-
};
|
|
60
|
-
this.handleInput = (e) => {
|
|
61
|
-
const { value } = e.target;
|
|
62
|
-
const { disabled } = this.props;
|
|
63
|
-
if (disabled) return "";
|
|
64
|
-
const newValue = this.handleValue(value);
|
|
65
|
-
this.props.onChange(Number(newValue), e);
|
|
66
|
-
return newValue;
|
|
67
|
-
};
|
|
68
|
-
this.handleBlur = (event) => this.props.onBlur && this.props.onBlur(event);
|
|
69
|
-
this.handleError = (errorValue) => {
|
|
70
|
-
if (!this.props.onErrorInput) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
this.props.onErrorInput(errorValue);
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
handleClick(clickType, e) {
|
|
77
|
-
const { disabled, value, min = 0, max = 100, step = 1 } = this.props;
|
|
78
|
-
const lowThanMin = clickType === "minus" && Number(value) <= min;
|
|
79
|
-
const overThanMax = clickType === "plus" && Number(value) >= max;
|
|
80
|
-
if (lowThanMin || overThanMax || disabled) {
|
|
81
|
-
const deltaValue2 = clickType === "minus" ? -step : step;
|
|
82
|
-
const errorValue = addNum(Number(value), deltaValue2);
|
|
83
|
-
if (disabled) {
|
|
84
|
-
this.handleError({
|
|
85
|
-
type: "DISABLED",
|
|
86
|
-
errorValue
|
|
87
|
-
});
|
|
88
|
-
} else {
|
|
89
|
-
this.handleError({
|
|
90
|
-
type: lowThanMin ? "LOW" : "OVER",
|
|
91
|
-
errorValue
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
return;
|
|
95
|
-
}
|
|
96
|
-
const deltaValue = clickType === "minus" ? -step : step;
|
|
97
|
-
let newValue = addNum(Number(value), deltaValue);
|
|
98
|
-
newValue = Number(this.handleValue(newValue));
|
|
99
|
-
this.props.onChange(newValue, e);
|
|
100
|
-
}
|
|
101
|
-
render() {
|
|
102
|
-
const {
|
|
103
|
-
customStyle,
|
|
104
|
-
className,
|
|
105
|
-
width,
|
|
106
|
-
disabled,
|
|
107
|
-
value,
|
|
108
|
-
type,
|
|
109
|
-
min = 0,
|
|
110
|
-
max = 100,
|
|
111
|
-
size,
|
|
112
|
-
disabledInput
|
|
113
|
-
} = this.props;
|
|
114
|
-
const inputStyle = {
|
|
115
|
-
width: width ? `${pxTransform(width)}` : ""
|
|
116
|
-
};
|
|
117
|
-
const inputValue = typeof value !== "undefined" ? Number(this.handleValue(value)) : null;
|
|
118
|
-
const rootCls = classNames(
|
|
119
|
-
"at-input-number",
|
|
120
|
-
{
|
|
121
|
-
"at-input-number--lg": size === "large"
|
|
122
|
-
},
|
|
123
|
-
className
|
|
124
|
-
);
|
|
125
|
-
const minusBtnCls = classNames("at-input-number__btn", {
|
|
126
|
-
"at-input-number--disabled": inputValue !== null && inputValue <= min || disabled
|
|
127
|
-
});
|
|
128
|
-
const plusBtnCls = classNames("at-input-number__btn", {
|
|
129
|
-
"at-input-number--disabled": inputValue !== null && inputValue >= max || disabled
|
|
130
|
-
});
|
|
131
|
-
return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
|
|
132
|
-
View,
|
|
133
|
-
{
|
|
134
|
-
className: minusBtnCls,
|
|
135
|
-
onClick: this.handleClick.bind(this, "minus")
|
|
136
|
-
},
|
|
137
|
-
/* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-subtract at-input-number__btn-subtract" })
|
|
138
|
-
), /* @__PURE__ */ React.createElement(
|
|
139
|
-
Input,
|
|
140
|
-
{
|
|
141
|
-
className: "at-input-number__input",
|
|
142
|
-
style: inputStyle,
|
|
143
|
-
type,
|
|
144
|
-
value: inputValue !== null ? String(inputValue) : "",
|
|
145
|
-
disabled: disabledInput || disabled,
|
|
146
|
-
onInput: this.handleInput,
|
|
147
|
-
onBlur: this.handleBlur
|
|
148
|
-
}
|
|
149
|
-
), /* @__PURE__ */ React.createElement(
|
|
150
|
-
View,
|
|
151
|
-
{
|
|
152
|
-
className: plusBtnCls,
|
|
153
|
-
onClick: this.handleClick.bind(this, "plus")
|
|
154
|
-
},
|
|
155
|
-
/* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-add at-input-number__btn-add" })
|
|
156
|
-
));
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
AtInputNumber.defaultProps = {
|
|
160
|
-
customStyle: {},
|
|
161
|
-
className: "",
|
|
162
|
-
disabled: false,
|
|
163
|
-
disabledInput: false,
|
|
164
|
-
type: "number",
|
|
165
|
-
width: 0,
|
|
166
|
-
min: 0,
|
|
167
|
-
max: 100,
|
|
168
|
-
step: 1,
|
|
169
|
-
size: "normal",
|
|
170
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
171
|
-
onChange: () => {
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
|
-
AtInputNumber.propTypes = {
|
|
175
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
176
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
177
|
-
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
178
|
-
type: PropTypes.oneOf(["number", "digit"]),
|
|
179
|
-
disabled: PropTypes.bool,
|
|
180
|
-
width: PropTypes.number,
|
|
181
|
-
min: PropTypes.number,
|
|
182
|
-
max: PropTypes.number,
|
|
183
|
-
step: PropTypes.number,
|
|
184
|
-
size: PropTypes.oneOf(["normal", "large"]),
|
|
185
|
-
disabledInput: PropTypes.bool,
|
|
186
|
-
onChange: PropTypes.func,
|
|
187
|
-
onBlur: PropTypes.func,
|
|
188
|
-
onErrorInput: PropTypes.func
|
|
189
|
-
};
|
|
190
|
-
export {
|
|
191
|
-
AtInputNumber as default
|
|
192
|
-
};
|
|
193
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input-number/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _toString from 'lodash/toString'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Input, Text, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtInputNumberProps, InputError } from '../../../types/input-number'\nimport { pxTransform } from '../../common/utils'\n\n// TODO: Check all types\n\n// 实现两数相加并保留小数点后最短尾数\nfunction addNum(num1: number, num2: number): number {\n let sq1: number, sq2: number\n try {\n sq1 = _toString(num1).split('.')[1].length\n } catch (e) {\n sq1 = 0\n }\n try {\n sq2 = _toString(num2).split('.')[1].length\n } catch (e) {\n sq2 = 0\n }\n const m = Math.pow(10, Math.max(sq1, sq2))\n return (Math.round(num1 * m) + Math.round(num2 * m)) / m\n}\n\n// 格式化数字,处理01变成1,并且不处理1. 这种情况\nfunction parseValue(num: string): string {\n if (num === '') return '0'\n\n const numStr = _toString(num)\n if (numStr.indexOf('0') === 0 && numStr.indexOf('.') === -1) {\n // 处理01变成1,并且不处理1.\n return _toString(parseFloat(num))\n }\n return _toString(num)\n}\n\ntype ExtendEvent = {\n target: {\n value: string | number\n }\n}\n\nexport default class AtInputNumber extends React.Component<AtInputNumberProps> {\n public static defaultProps: AtInputNumberProps\n public static propTypes: InferProps<AtInputNumberProps>\n\n private handleClick(clickType: 'minus' | 'plus', e: CommonEvent): void {\n const { disabled, value, min = 0, max = 100, step = 1 } = this.props\n const lowThanMin = clickType === 'minus' && Number(value) <= min\n const overThanMax = clickType === 'plus' && Number(value) >= max\n if (lowThanMin || overThanMax || disabled) {\n const deltaValue = clickType === 'minus' ? -step : step\n const errorValue = addNum(Number(value), deltaValue)\n if (disabled) {\n this.handleError({\n type: 'DISABLED',\n errorValue\n })\n } else {\n this.handleError({\n type: lowThanMin ? 'LOW' : 'OVER',\n errorValue\n })\n }\n return\n }\n const deltaValue = clickType === 'minus' ? -step : step\n let newValue = addNum(Number(value), deltaValue)\n newValue = Number(this.handleValue(newValue))\n this.props.onChange(newValue, e)\n }\n\n private handleValue = (value: string | number): string => {\n const { max = 100, min = 0 } = this.props\n let resultValue = value === '' ? min : value\n // 此处不能使用 Math.max,会是字符串变数字,并丢失 .\n if (Number(resultValue) > max) {\n resultValue = max\n this.handleError({\n type: 'OVER',\n errorValue: resultValue\n })\n }\n if (Number(resultValue) < min) {\n resultValue = min\n this.handleError({\n type: 'LOW',\n errorValue: resultValue\n })\n }\n if (resultValue && !Number(resultValue)) {\n resultValue = parseFloat(String(resultValue)) || min\n\n this.handleError({\n type: 'OVER',\n errorValue: resultValue\n })\n }\n\n resultValue = parseValue(String(resultValue))\n return resultValue\n }\n\n private handleInput = (e: CommonEvent & ExtendEvent): string => {\n const { value } = e.target\n const { disabled } = this.props\n if (disabled) return ''\n\n const newValue = this.handleValue(value)\n this.props.onChange(Number(newValue), e)\n return newValue\n }\n\n private handleBlur = (event: ITouchEvent): void =>\n this.props.onBlur && this.props.onBlur(event)\n\n private handleError = (errorValue: InputError): void => {\n if (!this.props.onErrorInput) {\n return\n }\n this.props.onErrorInput(errorValue)\n }\n\n public render(): JSX.Element {\n const {\n customStyle,\n className,\n width,\n disabled,\n value,\n type,\n min = 0,\n max = 100,\n size,\n disabledInput\n } = this.props\n\n const inputStyle = {\n width: width ? `${pxTransform(width)}` : ''\n }\n const inputValue =\n typeof value !== 'undefined' ? Number(this.handleValue(value)) : null\n const rootCls = classNames(\n 'at-input-number',\n {\n 'at-input-number--lg': size === 'large'\n },\n className\n )\n const minusBtnCls = classNames('at-input-number__btn', {\n 'at-input-number--disabled':\n (inputValue !== null && inputValue <= min) || disabled\n })\n const plusBtnCls = classNames('at-input-number__btn', {\n 'at-input-number--disabled':\n (inputValue !== null && inputValue >= max) || disabled\n })\n\n return (\n <View className={rootCls} style={customStyle}>\n <View\n className={minusBtnCls}\n onClick={this.handleClick.bind(this, 'minus')}\n >\n <Text className='at-icon at-icon-subtract at-input-number__btn-subtract'></Text>\n </View>\n <Input\n className='at-input-number__input'\n style={inputStyle}\n type={type}\n value={inputValue !== null ? String(inputValue) : ''}\n disabled={disabledInput || disabled}\n onInput={this.handleInput}\n onBlur={this.handleBlur}\n />\n <View\n className={plusBtnCls}\n onClick={this.handleClick.bind(this, 'plus')}\n >\n <Text className='at-icon at-icon-add at-input-number__btn-add'></Text>\n </View>\n </View>\n )\n }\n}\n\nAtInputNumber.defaultProps = {\n customStyle: {},\n className: '',\n disabled: false,\n disabledInput: false,\n type: 'number',\n width: 0,\n min: 0,\n max: 100,\n step: 1,\n size: 'normal',\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onChange: (): void => {}\n}\n\nAtInputNumber.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n type: PropTypes.oneOf(['number', 'digit']),\n disabled: PropTypes.bool,\n width: PropTypes.number,\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n size: PropTypes.oneOf(['normal', 'large']),\n disabledInput: PropTypes.bool,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n onErrorInput: PropTypes.func\n}\n"],"mappings":"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","names":["deltaValue"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtListProps } from '../../../types/list';
|
|
4
|
-
export default class AtList extends React.Component<AtListProps> {
|
|
5
|
-
static defaultProps: AtListProps;
|
|
6
|
-
static propTypes: InferProps<AtListProps>;
|
|
7
|
-
render(): JSX.Element;
|
|
8
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { View } from "@tarojs/components";
|
|
5
|
-
class AtList extends React.Component {
|
|
6
|
-
render() {
|
|
7
|
-
const rootClass = classNames(
|
|
8
|
-
"at-list",
|
|
9
|
-
{
|
|
10
|
-
"at-list--no-border": !this.props.hasBorder
|
|
11
|
-
},
|
|
12
|
-
this.props.className
|
|
13
|
-
);
|
|
14
|
-
return /* @__PURE__ */ React.createElement(View, { className: rootClass }, this.props.children);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
AtList.defaultProps = {
|
|
18
|
-
hasBorder: true
|
|
19
|
-
};
|
|
20
|
-
AtList.propTypes = {
|
|
21
|
-
hasBorder: PropTypes.bool
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
AtList as default
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtListProps } from '../../../types/list'\n\nexport default class AtList extends React.Component<AtListProps> {\n public static defaultProps: AtListProps\n public static propTypes: InferProps<AtListProps>\n\n public render(): JSX.Element {\n const rootClass = classNames(\n 'at-list',\n {\n 'at-list--no-border': !this.props.hasBorder\n },\n this.props.className\n )\n\n return <View className={rootClass}>{this.props.children}</View>\n }\n}\n\nAtList.defaultProps = {\n hasBorder: true\n}\n\nAtList.propTypes = {\n hasBorder: PropTypes.bool\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAIxD,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,sBAAsB,CAAC,KAAK,MAAM;AAAA,MACpC;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WAAO,oCAAC,QAAK,WAAW,aAAY,KAAK,MAAM,QAAS;AAAA,EAC1D;AACF;AAEA,OAAO,eAAe;AAAA,EACpB,WAAW;AACb;AAEA,OAAO,YAAY;AAAA,EACjB,WAAW,UAAU;AACvB;","names":[]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { InferProps } from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AtListItemProps } from '../../../../types/list';
|
|
4
|
-
export default class AtListItem extends React.Component<AtListItemProps> {
|
|
5
|
-
static defaultProps: AtListItemProps;
|
|
6
|
-
static propTypes: InferProps<AtListItemProps>;
|
|
7
|
-
private handleClick;
|
|
8
|
-
private handleSwitchClick;
|
|
9
|
-
private handleSwitchChange;
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|