taro-ui 3.3.1 → 3.3.3
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/dist/common/component.d.ts +10 -0
- package/dist/common/component.js +32 -0
- package/dist/common/component.js.map +1 -0
- package/dist/common/utils.d.ts +41 -0
- package/dist/common/utils.js +203 -0
- package/dist/common/utils.js.map +1 -0
- package/dist/components/accordion/index.d.ts +14 -0
- package/dist/components/accordion/index.js +121 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/action-sheet/body/index.d.ts +5 -0
- package/dist/components/action-sheet/body/index.js +13 -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 +28 -0
- package/dist/components/action-sheet/footer/index.js.map +1 -0
- package/dist/components/action-sheet/header/index.d.ts +5 -0
- package/dist/components/action-sheet/header/index.js +16 -0
- package/dist/components/action-sheet/header/index.js.map +1 -0
- package/dist/components/action-sheet/index.d.ts +14 -0
- package/dist/components/action-sheet/index.js +76 -0
- package/dist/components/action-sheet/index.js.map +1 -0
- package/dist/components/activity-indicator/index.d.ts +8 -0
- package/dist/components/activity-indicator/index.js +39 -0
- package/dist/components/activity-indicator/index.js.map +1 -0
- package/dist/components/avatar/index.d.ts +9 -0
- package/dist/components/avatar/index.js +68 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/index.d.ts +10 -0
- package/dist/components/badge/index.js +51 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/index.d.ts +15 -0
- package/dist/components/button/index.js +177 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/calendar/body/index.d.ts +26 -0
- package/dist/components/calendar/body/index.js +289 -0
- package/dist/components/calendar/body/index.js.map +1 -0
- package/dist/components/calendar/common/constant.d.ts +3 -0
- package/dist/components/calendar/common/constant.js +9 -0
- package/dist/components/calendar/common/constant.js.map +1 -0
- package/dist/components/calendar/common/helper.d.ts +4 -0
- package/dist/components/calendar/common/helper.js +84 -0
- package/dist/components/calendar/common/helper.js.map +1 -0
- package/dist/components/calendar/common/plugins.d.ts +11 -0
- package/dist/components/calendar/common/plugins.js +55 -0
- package/dist/components/calendar/common/plugins.js.map +1 -0
- package/dist/components/calendar/controller/index.d.ts +5 -0
- package/dist/components/calendar/controller/index.js +51 -0
- package/dist/components/calendar/controller/index.js.map +1 -0
- package/dist/components/calendar/index.d.ts +20 -0
- package/dist/components/calendar/index.js +244 -0
- package/dist/components/calendar/index.js.map +1 -0
- package/dist/components/calendar/ui/date-list/index.d.ts +12 -0
- package/dist/components/calendar/ui/date-list/index.js +54 -0
- package/dist/components/calendar/ui/date-list/index.js.map +1 -0
- package/dist/components/calendar/ui/day-list/index.d.ts +4 -0
- package/dist/components/calendar/ui/day-list/index.js +11 -0
- package/dist/components/calendar/ui/day-list/index.js.map +1 -0
- package/dist/components/card/index.d.ts +9 -0
- package/dist/components/card/index.js +80 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +9 -0
- package/dist/components/checkbox/index.js +59 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/countdown/index.d.ts +20 -0
- package/dist/components/countdown/index.js +152 -0
- package/dist/components/countdown/index.js.map +1 -0
- package/dist/components/countdown/item/index.d.ts +9 -0
- package/dist/components/countdown/item/index.js +24 -0
- package/dist/components/countdown/item/index.js.map +1 -0
- package/dist/components/curtain/index.d.ts +10 -0
- package/dist/components/curtain/index.js +62 -0
- package/dist/components/curtain/index.js.map +1 -0
- package/dist/components/divider/index.d.ts +8 -0
- package/dist/components/divider/index.js +57 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/drawer/index.d.ts +16 -0
- package/dist/components/drawer/index.js +114 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/fab/index.d.ts +9 -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 +7 -0
- package/dist/components/flex/index.js +41 -0
- package/dist/components/flex/index.js.map +1 -0
- package/dist/components/flex/item/index.d.ts +7 -0
- package/dist/components/flex/item/index.js +34 -0
- package/dist/components/flex/item/index.js.map +1 -0
- package/dist/components/float-layout/index.d.ts +13 -0
- package/dist/components/float-layout/index.js +104 -0
- package/dist/components/float-layout/index.js.map +1 -0
- package/dist/components/form/index.d.ts +10 -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 +9 -0
- package/dist/components/grid/index.js +101 -0
- package/dist/components/grid/index.js.map +1 -0
- package/dist/components/icon/index.d.ts +9 -0
- package/dist/components/icon/index.js +54 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/image-picker/index.d.ts +11 -0
- package/dist/components/image-picker/index.js +164 -0
- package/dist/components/image-picker/index.js.map +1 -0
- package/dist/components/indexes/index.d.ts +29 -0
- package/dist/components/indexes/index.js +272 -0
- package/dist/components/indexes/index.js.map +1 -0
- package/dist/components/input/index.d.ts +17 -0
- package/dist/components/input/index.js +232 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input-number/index.d.ts +13 -0
- package/dist/components/input-number/index.js +193 -0
- package/dist/components/input-number/index.js.map +1 -0
- package/dist/components/list/index.d.ts +8 -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 +11 -0
- package/dist/components/list/item/index.js +152 -0
- package/dist/components/list/item/index.js.map +1 -0
- package/dist/components/load-more/index.d.ts +9 -0
- package/dist/components/load-more/index.js +72 -0
- package/dist/components/load-more/index.js.map +1 -0
- package/dist/components/loading/index.d.ts +12 -0
- package/dist/components/loading/index.js +32 -0
- package/dist/components/loading/index.js.map +1 -0
- package/dist/components/message/index.d.ts +15 -0
- package/dist/components/message/index.js +78 -0
- package/dist/components/message/index.js.map +1 -0
- package/dist/components/modal/action/index.d.ts +8 -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 +5 -0
- package/dist/components/modal/content/index.js +13 -0
- package/dist/components/modal/content/index.js.map +1 -0
- package/dist/components/modal/header/index.d.ts +5 -0
- package/dist/components/modal/header/index.js +13 -0
- package/dist/components/modal/header/index.js.map +1 -0
- package/dist/components/modal/index.d.ts +15 -0
- package/dist/components/modal/index.js +106 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/nav-bar/index.d.ts +12 -0
- package/dist/components/nav-bar/index.js +217 -0
- package/dist/components/nav-bar/index.js.map +1 -0
- package/dist/components/noticebar/index.d.ts +16 -0
- package/dist/components/noticebar/index.js +186 -0
- package/dist/components/noticebar/index.js.map +1 -0
- package/dist/components/pagination/index.d.ts +12 -0
- package/dist/components/pagination/index.js +146 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/progress/index.d.ts +7 -0
- package/dist/components/progress/index.js +53 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/radio/index.d.ts +9 -0
- package/dist/components/radio/index.js +54 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/range/index.d.ts +22 -0
- package/dist/components/range/index.js +207 -0
- package/dist/components/range/index.js.map +1 -0
- package/dist/components/rate/index.d.ts +9 -0
- package/dist/components/rate/index.js +82 -0
- package/dist/components/rate/index.js.map +1 -0
- package/dist/components/search-bar/index.d.ts +16 -0
- package/dist/components/search-bar/index.js +176 -0
- package/dist/components/search-bar/index.js.map +1 -0
- package/dist/components/segmented-control/index.d.ts +9 -0
- package/dist/components/segmented-control/index.js +84 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/slider/index.d.ts +13 -0
- package/dist/components/slider/index.js +115 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/steps/index.d.ts +9 -0
- package/dist/components/steps/index.js +67 -0
- package/dist/components/steps/index.js.map +1 -0
- package/dist/components/swipe-action/index.d.ts +27 -0
- package/dist/components/swipe-action/index.js +220 -0
- package/dist/components/swipe-action/index.js.map +1 -0
- package/dist/components/swipe-action/options/index.d.ts +5 -0
- package/dist/components/swipe-action/options/index.js +24 -0
- package/dist/components/swipe-action/options/index.js.map +1 -0
- package/dist/components/switch/index.d.ts +9 -0
- package/dist/components/switch/index.js +59 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/tab-bar/index.d.ts +9 -0
- package/dist/components/tab-bar/index.js +170 -0
- package/dist/components/tab-bar/index.js.map +1 -0
- package/dist/components/tabs/index.d.ts +24 -0
- package/dist/components/tabs/index.js +219 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs-pane/index.d.ts +8 -0
- package/dist/components/tabs-pane/index.js +43 -0
- package/dist/components/tabs-pane/index.js.map +1 -0
- package/dist/components/tag/index.d.ts +9 -0
- package/dist/components/tag/index.js +75 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/textarea/index.d.ts +13 -0
- package/dist/components/textarea/index.js +141 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/timeline/index.d.ts +8 -0
- package/dist/components/timeline/index.js +76 -0
- package/dist/components/timeline/index.js.map +1 -0
- package/dist/components/toast/img.json +8 -0
- package/dist/components/toast/index.d.ts +16 -0
- package/dist/components/toast/index.js +124 -0
- package/dist/components/toast/index.js.map +1 -0
- package/{lib/index.js → dist/index.d.ts} +0 -2
- package/dist/index.esm.js +6020 -8272
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6104 -8332
- package/dist/index.js.map +1 -1
- package/dist/style/components/grid.scss +2 -2
- package/dist/style/components/index.scss +48 -48
- package/dist/style/components/list.scss +2 -2
- package/dist/style/index.css +11754 -0
- package/dist/style/index.css.map +1 -0
- package/dist/style/mixins/index.scss +13 -13
- package/dist/style/mixins/libs/shade.scss +4 -2
- package/dist/style/mixins/libs/tint.scss +4 -2
- package/dist/style/variables/default.scss +1 -1
- package/package.json +56 -33
- package/rn/components/action-sheet/index.tsx +8 -14
- package/rn/components/calendar/ui/date-list/index.tsx +1 -1
- package/rn/components/drawer/index.tsx +15 -15
- package/rn/components/float-layout/index.tsx +3 -2
- package/rn/components/input/index.tsx +14 -7
- package/rn/components/input-number/index.tsx +19 -19
- package/rn/components/message/index.tsx +1 -1
- package/rn/components/swipe-action/index.rn.tsx +4 -2
- package/rn/components/swipe-action/index.tsx +6 -5
- package/rn/components/tab-bar/index.tsx +1 -1
- package/rn/components/tabs/index.tsx +14 -14
- package/rn/components/textarea/index.tsx +2 -2
- package/dist/style/components/accordion.rn.scss +0 -79
- package/dist/style/components/action-sheet.rn.scss +0 -80
- package/dist/style/components/activity-indicator.rn.scss +0 -30
- package/dist/style/components/article.rn.scss +0 -59
- package/dist/style/components/avatar.rn.scss +0 -46
- package/dist/style/components/badge.rn.scss +0 -52
- package/dist/style/components/button.rn.scss +0 -80
- package/dist/style/components/calendar.rn.scss +0 -182
- package/dist/style/components/card.rn.scss +0 -88
- package/dist/style/components/checkbox.rn.scss +0 -108
- package/dist/style/components/countdown.rn.scss +0 -82
- package/dist/style/components/curtain.rn.scss +0 -129
- package/dist/style/components/divider.rn.scss +0 -33
- package/dist/style/components/drawer.rn.scss +0 -72
- package/dist/style/components/fab.rn.scss +0 -38
- package/dist/style/components/flex.rn.scss +0 -159
- package/dist/style/components/float-layout.rn.scss +0 -119
- package/dist/style/components/form.rn.scss +0 -12
- package/dist/style/components/grid.rn.scss +0 -104
- package/dist/style/components/icon.rn.scss +0 -221
- package/dist/style/components/image-picker.rn.scss +0 -108
- package/dist/style/components/index.rn.scss +0 -51
- package/dist/style/components/indexes.rn.scss +0 -53
- package/dist/style/components/input-number.rn.scss +0 -82
- package/dist/style/components/input.rn.scss +0 -149
- package/dist/style/components/list.rn.scss +0 -107
- package/dist/style/components/load-more.rn.scss +0 -28
- package/dist/style/components/loading.rn.scss +0 -45
- package/dist/style/components/message.rn.scss +0 -57
- package/dist/style/components/modal.rn.scss +0 -136
- package/dist/style/components/nav-bar.rn.scss +0 -123
- package/dist/style/components/noticebar.rn.scss +0 -111
- package/dist/style/components/pagination.rn.scss +0 -43
- package/dist/style/components/progress.rn.scss +0 -105
- package/dist/style/components/radio.rn.scss +0 -94
- package/dist/style/components/range.rn.scss +0 -52
- package/dist/style/components/rate.rn.scss +0 -48
- package/dist/style/components/search-bar.rn.scss +0 -134
- package/dist/style/components/segmented-control.rn.scss +0 -44
- package/dist/style/components/slider.rn.scss +0 -33
- package/dist/style/components/steps.rn.scss +0 -131
- package/dist/style/components/swipe-action.rn.scss +0 -53
- package/dist/style/components/switch.rn.scss +0 -61
- package/dist/style/components/tab-bar.rn.scss +0 -74
- package/dist/style/components/tabs.rn.scss +0 -205
- package/dist/style/components/tag.rn.scss +0 -74
- package/dist/style/components/textarea.rn.scss +0 -57
- package/dist/style/components/timeline.rn.scss +0 -89
- package/dist/style/components/toast.rn.scss +0 -112
- package/dist/style/index.rn.scss +0 -14
- package/dist/style/mixins/index.rn.scss +0 -18
- package/dist/style/mixins/libs/absolute-center.rn.scss +0 -9
- package/dist/style/mixins/libs/active.rn.scss +0 -10
- package/dist/style/mixins/libs/alignhack.rn.scss +0 -11
- package/dist/style/mixins/libs/border.rn.scss +0 -48
- package/dist/style/mixins/libs/clearfix.rn.scss +0 -21
- package/dist/style/mixins/libs/disabled.rn.scss +0 -6
- package/dist/style/mixins/libs/flex.rn.scss +0 -49
- package/dist/style/mixins/libs/hairline.rn.scss +0 -209
- package/dist/style/mixins/libs/line.rn.scss +0 -14
- package/dist/style/mixins/libs/overlay.rn.scss +0 -11
- package/dist/style/mixins/libs/placeholder.rn.scss +0 -12
- package/dist/style/mixins/libs/shade.rn.scss +0 -23
- package/dist/style/mixins/libs/tint.rn.scss +0 -23
- package/dist/style/themes/purple.rn.scss +0 -44
- package/dist/style/themes/red.rn.scss +0 -45
- package/dist/style/variables/default.rn.scss +0 -461
- package/lib/common/component.js +0 -33
- package/lib/common/component.js.map +0 -1
- package/lib/common/utils.js +0 -226
- package/lib/common/utils.js.map +0 -1
- package/lib/components/accordion/index.js +0 -116
- package/lib/components/accordion/index.js.map +0 -1
- package/lib/components/action-sheet/body/index.js +0 -10
- package/lib/components/action-sheet/body/index.js.map +0 -1
- package/lib/components/action-sheet/body/item/index.js +0 -22
- package/lib/components/action-sheet/body/item/index.js.map +0 -1
- package/lib/components/action-sheet/footer/index.js +0 -22
- package/lib/components/action-sheet/footer/index.js.map +0 -1
- package/lib/components/action-sheet/header/index.js +0 -10
- package/lib/components/action-sheet/header/index.js.map +0 -1
- package/lib/components/action-sheet/index.js +0 -71
- package/lib/components/action-sheet/index.js.map +0 -1
- package/lib/components/activity-indicator/index.js +0 -35
- package/lib/components/activity-indicator/index.js.map +0 -1
- package/lib/components/avatar/index.js +0 -64
- package/lib/components/avatar/index.js.map +0 -1
- package/lib/components/badge/index.js +0 -42
- package/lib/components/badge/index.js.map +0 -1
- package/lib/components/button/index.js +0 -125
- package/lib/components/button/index.js.map +0 -1
- package/lib/components/calendar/body/index.js +0 -193
- package/lib/components/calendar/body/index.js.map +0 -1
- package/lib/components/calendar/common/constant.js +0 -4
- package/lib/components/calendar/common/constant.js.map +0 -1
- package/lib/components/calendar/common/helper.js +0 -83
- package/lib/components/calendar/common/helper.js.map +0 -1
- package/lib/components/calendar/common/plugins.js +0 -71
- package/lib/components/calendar/common/plugins.js.map +0 -1
- package/lib/components/calendar/controller/index.js +0 -30
- package/lib/components/calendar/controller/index.js.map +0 -1
- package/lib/components/calendar/index.js +0 -207
- package/lib/components/calendar/index.js.map +0 -1
- package/lib/components/calendar/ui/date-list/index.js +0 -43
- package/lib/components/calendar/ui/date-list/index.js.map +0 -1
- package/lib/components/calendar/ui/day-list/index.js +0 -16
- package/lib/components/calendar/ui/day-list/index.js.map +0 -1
- package/lib/components/card/index.js +0 -59
- package/lib/components/card/index.js.map +0 -1
- package/lib/components/checkbox/index.js +0 -55
- package/lib/components/checkbox/index.js.map +0 -1
- package/lib/components/countdown/index.js +0 -137
- package/lib/components/countdown/index.js.map +0 -1
- package/lib/components/countdown/item/index.js +0 -24
- package/lib/components/countdown/item/index.js.map +0 -1
- package/lib/components/curtain/index.js +0 -45
- package/lib/components/curtain/index.js.map +0 -1
- package/lib/components/divider/index.js +0 -40
- package/lib/components/divider/index.js.map +0 -1
- package/lib/components/drawer/index.js +0 -93
- package/lib/components/drawer/index.js.map +0 -1
- package/lib/components/fab/index.js +0 -26
- package/lib/components/fab/index.js.map +0 -1
- package/lib/components/flex/index.js +0 -38
- package/lib/components/flex/index.js.map +0 -1
- package/lib/components/flex/item/index.js +0 -31
- package/lib/components/flex/item/index.js.map +0 -1
- package/lib/components/float-layout/index.js +0 -76
- package/lib/components/float-layout/index.js.map +0 -1
- package/lib/components/form/index.js +0 -30
- package/lib/components/form/index.js.map +0 -1
- package/lib/components/grid/index.js +0 -71
- package/lib/components/grid/index.js.map +0 -1
- package/lib/components/icon/index.js +0 -37
- package/lib/components/icon/index.js.map +0 -1
- package/lib/components/image-picker/index.js +0 -138
- package/lib/components/image-picker/index.js.map +0 -1
- package/lib/components/indexes/index.js +0 -215
- package/lib/components/indexes/index.js.map +0 -1
- package/lib/components/input/index.js +0 -168
- package/lib/components/input/index.js.map +0 -1
- package/lib/components/input-number/index.js +0 -165
- package/lib/components/input-number/index.js.map +0 -1
- package/lib/components/list/index.js +0 -19
- package/lib/components/list/index.js.map +0 -1
- package/lib/components/list/item/index.js +0 -105
- package/lib/components/list/item/index.js.map +0 -1
- package/lib/components/load-more/index.js +0 -48
- package/lib/components/load-more/index.js.map +0 -1
- package/lib/components/loading/index.js +0 -32
- package/lib/components/loading/index.js.map +0 -1
- package/lib/components/message/index.js +0 -69
- package/lib/components/message/index.js.map +0 -1
- package/lib/components/modal/action/index.js +0 -20
- package/lib/components/modal/action/index.js.map +0 -1
- package/lib/components/modal/content/index.js +0 -10
- package/lib/components/modal/content/index.js.map +0 -1
- package/lib/components/modal/header/index.js +0 -10
- package/lib/components/modal/header/index.js.map +0 -1
- package/lib/components/modal/index.js +0 -97
- package/lib/components/modal/index.js.map +0 -1
- package/lib/components/nav-bar/index.js +0 -105
- package/lib/components/nav-bar/index.js.map +0 -1
- package/lib/components/noticebar/index.js +0 -163
- package/lib/components/noticebar/index.js.map +0 -1
- package/lib/components/pagination/index.js +0 -115
- package/lib/components/pagination/index.js.map +0 -1
- package/lib/components/progress/index.js +0 -45
- package/lib/components/progress/index.js.map +0 -1
- package/lib/components/radio/index.js +0 -43
- package/lib/components/radio/index.js.map +0 -1
- package/lib/components/range/index.js +0 -152
- package/lib/components/range/index.js.map +0 -1
- package/lib/components/rate/index.js +0 -56
- package/lib/components/rate/index.js.map +0 -1
- package/lib/components/search-bar/index.js +0 -121
- package/lib/components/search-bar/index.js.map +0 -1
- package/lib/components/segmented-control/index.js +0 -59
- package/lib/components/segmented-control/index.js.map +0 -1
- package/lib/components/slider/index.js +0 -77
- package/lib/components/slider/index.js.map +0 -1
- package/lib/components/steps/index.js +0 -50
- package/lib/components/steps/index.js.map +0 -1
- package/lib/components/swipe-action/index.js +0 -171
- package/lib/components/swipe-action/index.js.map +0 -1
- package/lib/components/swipe-action/options/index.js +0 -10
- package/lib/components/swipe-action/options/index.js.map +0 -1
- package/lib/components/switch/index.js +0 -48
- package/lib/components/switch/index.js.map +0 -1
- package/lib/components/tab-bar/index.js +0 -96
- package/lib/components/tab-bar/index.js.map +0 -1
- package/lib/components/tabs/index.js +0 -190
- package/lib/components/tabs/index.js.map +0 -1
- package/lib/components/tabs-pane/index.js +0 -30
- package/lib/components/tabs-pane/index.js.map +0 -1
- package/lib/components/tag/index.js +0 -55
- package/lib/components/tag/index.js.map +0 -1
- package/lib/components/textarea/index.js +0 -95
- package/lib/components/textarea/index.js.map +0 -1
- package/lib/components/timeline/index.js +0 -53
- package/lib/components/timeline/index.js.map +0 -1
- package/lib/components/toast/img.json +0 -5
- package/lib/components/toast/index.js +0 -117
- package/lib/components/toast/index.js.map +0 -1
- package/lib/index.js.map +0 -1
- package/types/accordion.d.ts +0 -49
- package/types/action-sheet.d.ts +0 -55
- package/types/activity-indicator.d.ts +0 -33
- package/types/avatar.d.ts +0 -39
- package/types/badge.d.ts +0 -24
- package/types/base.d.ts +0 -26
- package/types/button.d.ts +0 -70
- package/types/calendar.d.ts +0 -225
- package/types/card.d.ts +0 -48
- package/types/checkbox.d.ts +0 -24
- package/types/countdown.d.ts +0 -95
- package/types/curtain.d.ts +0 -26
- package/types/divider.d.ts +0 -33
- package/types/drawer.d.ts +0 -48
- package/types/fab.d.ts +0 -21
- package/types/flex.d.ts +0 -27
- package/types/float-button.d.ts +0 -26
- package/types/float-layout.d.ts +0 -73
- package/types/form.d.ts +0 -26
- package/types/grid.d.ts +0 -51
- package/types/icon.d.ts +0 -12
- package/types/image-picker.d.ts +0 -73
- package/types/index.d.ts +0 -55
- package/types/indexes.d.ts +0 -76
- package/types/input-number.d.ts +0 -89
- package/types/input.d.ts +0 -162
- package/types/list.d.ts +0 -84
- package/types/load-more.d.ts +0 -43
- package/types/message.d.ts +0 -43
- package/types/modal.d.ts +0 -62
- package/types/nav-bar.d.ts +0 -65
- package/types/noticebar.d.ts +0 -65
- package/types/pagination.d.ts +0 -51
- package/types/progress.d.ts +0 -30
- package/types/radio.d.ts +0 -47
- package/types/range.d.ts +0 -63
- package/types/rate.d.ts +0 -34
- package/types/search-bar.d.ts +0 -105
- package/types/segmented-control.d.ts +0 -44
- package/types/slider.d.ts +0 -73
- package/types/steps.d.ts +0 -69
- package/types/swipe-action.d.ts +0 -86
- package/types/switch.d.ts +0 -38
- package/types/tab-bar.d.ts +0 -98
- package/types/tabs-pane.d.ts +0 -25
- package/types/tabs.d.ts +0 -62
- package/types/tag.d.ts +0 -48
- package/types/textarea.d.ts +0 -113
- package/types/timeline.d.ts +0 -46
- package/types/toast.d.ts +0 -53
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text, View } from '@tarojs/components';
|
|
5
|
-
import Taro from '@tarojs/taro';
|
|
6
|
-
export default class AtNoticebar extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
const animElemId = `J_${Math.ceil(Math.random() * 10e5).toString(36)}`;
|
|
10
|
-
this.state = {
|
|
11
|
-
show: true,
|
|
12
|
-
animElemId,
|
|
13
|
-
animationData: {
|
|
14
|
-
actions: [{}]
|
|
15
|
-
},
|
|
16
|
-
dura: 0,
|
|
17
|
-
isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,
|
|
18
|
-
isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,
|
|
19
|
-
isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
onClose(event) {
|
|
23
|
-
this.setState({
|
|
24
|
-
show: false
|
|
25
|
-
});
|
|
26
|
-
this.props.onClose && this.props.onClose(event);
|
|
27
|
-
}
|
|
28
|
-
onGotoMore(event) {
|
|
29
|
-
this.props.onGotoMore && this.props.onGotoMore(event);
|
|
30
|
-
}
|
|
31
|
-
UNSAFE_componentWillReceiveProps() {
|
|
32
|
-
if (!this.timeout) {
|
|
33
|
-
this.interval && clearInterval(this.interval);
|
|
34
|
-
this.initAnimation();
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
componentDidMount() {
|
|
38
|
-
if (!this.props.marquee)
|
|
39
|
-
return;
|
|
40
|
-
this.initAnimation();
|
|
41
|
-
}
|
|
42
|
-
initAnimation() {
|
|
43
|
-
const { isWEAPP, isALIPAY } = this.state;
|
|
44
|
-
this.timeout = setTimeout(() => {
|
|
45
|
-
this.timeout = null;
|
|
46
|
-
if (this.state.isWEB) {
|
|
47
|
-
const { speed = 100 } = this.props;
|
|
48
|
-
const elem = document.querySelector(`.${this.state.animElemId}`);
|
|
49
|
-
if (!elem)
|
|
50
|
-
return;
|
|
51
|
-
const width = elem.getBoundingClientRect().width;
|
|
52
|
-
const dura = width / +speed;
|
|
53
|
-
this.setState({ dura });
|
|
54
|
-
}
|
|
55
|
-
else if (isWEAPP || isALIPAY) {
|
|
56
|
-
const query = Taro.createSelectorQuery();
|
|
57
|
-
query
|
|
58
|
-
.select(`.${this.state.animElemId}`)
|
|
59
|
-
.boundingClientRect()
|
|
60
|
-
.exec(res => {
|
|
61
|
-
const queryRes = res[0];
|
|
62
|
-
if (!queryRes)
|
|
63
|
-
return;
|
|
64
|
-
const { width } = queryRes;
|
|
65
|
-
const { speed = 100 } = this.props;
|
|
66
|
-
const dura = width / +speed;
|
|
67
|
-
const animation = Taro.createAnimation({
|
|
68
|
-
duration: dura * 1000,
|
|
69
|
-
timingFunction: 'linear'
|
|
70
|
-
});
|
|
71
|
-
const resetAnimation = Taro.createAnimation({
|
|
72
|
-
duration: 0,
|
|
73
|
-
timingFunction: 'linear'
|
|
74
|
-
});
|
|
75
|
-
const resetOpacityAnimation = Taro.createAnimation({
|
|
76
|
-
duration: 0,
|
|
77
|
-
timingFunction: 'linear'
|
|
78
|
-
});
|
|
79
|
-
const animBody = () => {
|
|
80
|
-
resetOpacityAnimation.opacity(0).step();
|
|
81
|
-
this.setState({ animationData: resetOpacityAnimation.export() });
|
|
82
|
-
setTimeout(() => {
|
|
83
|
-
resetAnimation.translateX(0).step();
|
|
84
|
-
this.setState({ animationData: resetAnimation.export() });
|
|
85
|
-
}, 300);
|
|
86
|
-
setTimeout(() => {
|
|
87
|
-
resetOpacityAnimation.opacity(1).step();
|
|
88
|
-
this.setState({ animationData: resetOpacityAnimation.export() });
|
|
89
|
-
}, 600);
|
|
90
|
-
setTimeout(() => {
|
|
91
|
-
animation.translateX(-width).step();
|
|
92
|
-
this.setState({ animationData: animation.export() });
|
|
93
|
-
}, 900);
|
|
94
|
-
};
|
|
95
|
-
animBody();
|
|
96
|
-
this.interval = setInterval(animBody, dura * 1000 + 1000);
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
}, 1000);
|
|
100
|
-
}
|
|
101
|
-
render() {
|
|
102
|
-
const { single, icon, marquee, customStyle, className, moreText = '查看详情' } = this.props;
|
|
103
|
-
let { showMore, close } = this.props;
|
|
104
|
-
const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } = this.state;
|
|
105
|
-
const rootClassName = ['at-noticebar'];
|
|
106
|
-
if (!single)
|
|
107
|
-
showMore = false;
|
|
108
|
-
const style = {};
|
|
109
|
-
const innerClassName = ['at-noticebar__content-inner'];
|
|
110
|
-
if (marquee) {
|
|
111
|
-
close = false;
|
|
112
|
-
innerClassName.push(animElemId);
|
|
113
|
-
style['animation-delay'] = '3s';
|
|
114
|
-
if (dura > 0) {
|
|
115
|
-
style['animation-duration'] = `${dura}s`;
|
|
116
|
-
style['animation-delay'] = '1s';
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
const classObject = {
|
|
120
|
-
'at-noticebar--marquee': marquee,
|
|
121
|
-
'at-noticebar--weapp': marquee && (isWEAPP || isALIPAY),
|
|
122
|
-
'at-noticebar--single': !marquee && single
|
|
123
|
-
};
|
|
124
|
-
const iconClass = ['at-icon'];
|
|
125
|
-
if (icon)
|
|
126
|
-
iconClass.push(`at-icon-${icon}`);
|
|
127
|
-
return (show && (React.createElement(View, { className: classNames(rootClassName, classObject, className), style: customStyle },
|
|
128
|
-
close && (React.createElement(View, { className: 'at-noticebar__close', onClick: this.onClose.bind(this) },
|
|
129
|
-
React.createElement(Text, { className: 'at-icon at-icon-close' }))),
|
|
130
|
-
React.createElement(View, { className: 'at-noticebar__content' },
|
|
131
|
-
icon && (React.createElement(View, { className: 'at-noticebar__content-icon' },
|
|
132
|
-
React.createElement(Text, { className: classNames(iconClass, iconClass) }))),
|
|
133
|
-
React.createElement(View, { className: 'at-noticebar__content-text' },
|
|
134
|
-
React.createElement(View, { id: animElemId, animation: animationData, className: classNames(innerClassName), style: style }, this.props.children))),
|
|
135
|
-
showMore && (React.createElement(View, { className: 'at-noticebar__more', onClick: this.onGotoMore.bind(this) },
|
|
136
|
-
React.createElement(Text, { className: 'text' }, moreText),
|
|
137
|
-
React.createElement(View, { className: 'at-noticebar__more-icon' },
|
|
138
|
-
React.createElement(Text, { className: 'at-icon at-icon-chevron-right' })))))));
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
AtNoticebar.defaultProps = {
|
|
142
|
-
close: false,
|
|
143
|
-
single: false,
|
|
144
|
-
marquee: false,
|
|
145
|
-
speed: 100,
|
|
146
|
-
moreText: '查看详情',
|
|
147
|
-
showMore: false,
|
|
148
|
-
icon: '',
|
|
149
|
-
customStyle: {}
|
|
150
|
-
};
|
|
151
|
-
AtNoticebar.propTypes = {
|
|
152
|
-
close: PropTypes.bool,
|
|
153
|
-
single: PropTypes.bool,
|
|
154
|
-
marquee: PropTypes.bool,
|
|
155
|
-
speed: PropTypes.number,
|
|
156
|
-
moreText: PropTypes.string,
|
|
157
|
-
showMore: PropTypes.bool,
|
|
158
|
-
icon: PropTypes.string,
|
|
159
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
160
|
-
onClose: PropTypes.func,
|
|
161
|
-
onGotoMore: PropTypes.func
|
|
162
|
-
};
|
|
163
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/noticebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text, View } from '@tarojs/components';
|
|
5
|
-
import AtButton from '../button/index';
|
|
6
|
-
const MIN_MAXPAGE = 1;
|
|
7
|
-
const getMaxPage = (maxPage = 0) => {
|
|
8
|
-
if (maxPage <= 0)
|
|
9
|
-
return MIN_MAXPAGE;
|
|
10
|
-
return maxPage;
|
|
11
|
-
};
|
|
12
|
-
const createPickerRange = (max) => {
|
|
13
|
-
const range = new Array(max).fill(0).map((_val, index) => index + 1);
|
|
14
|
-
return range;
|
|
15
|
-
};
|
|
16
|
-
export default class AtPagination extends React.Component {
|
|
17
|
-
constructor(props) {
|
|
18
|
-
super(props);
|
|
19
|
-
const { current, pageSize = 20, total } = this.props;
|
|
20
|
-
const maxPage = getMaxPage(Math.ceil(total / pageSize));
|
|
21
|
-
this.state = {
|
|
22
|
-
currentPage: current || 1,
|
|
23
|
-
maxPage,
|
|
24
|
-
pickerRange: createPickerRange(maxPage)
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
onPrev() {
|
|
28
|
-
let { currentPage } = this.state;
|
|
29
|
-
const originCur = currentPage;
|
|
30
|
-
currentPage -= 1;
|
|
31
|
-
currentPage = Math.max(1, currentPage);
|
|
32
|
-
if (originCur === currentPage)
|
|
33
|
-
return;
|
|
34
|
-
this.props.onPageChange &&
|
|
35
|
-
this.props.onPageChange({ type: 'prev', current: currentPage });
|
|
36
|
-
this.setState({ currentPage });
|
|
37
|
-
}
|
|
38
|
-
onNext() {
|
|
39
|
-
let { currentPage } = this.state;
|
|
40
|
-
const originCur = currentPage;
|
|
41
|
-
const { maxPage } = this.state;
|
|
42
|
-
currentPage += 1;
|
|
43
|
-
currentPage = Math.min(maxPage, currentPage);
|
|
44
|
-
if (originCur === currentPage)
|
|
45
|
-
return;
|
|
46
|
-
this.props.onPageChange &&
|
|
47
|
-
this.props.onPageChange({ type: 'next', current: currentPage });
|
|
48
|
-
this.setState({ currentPage });
|
|
49
|
-
}
|
|
50
|
-
UNSAFE_componentWillReceiveProps(props) {
|
|
51
|
-
const { total, pageSize = 20, current } = props;
|
|
52
|
-
const maxPage = getMaxPage(Math.ceil(total / pageSize));
|
|
53
|
-
if (maxPage !== this.state.maxPage) {
|
|
54
|
-
this.setState({
|
|
55
|
-
maxPage,
|
|
56
|
-
pickerRange: createPickerRange(maxPage)
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
if (typeof current === 'number' && current !== this.state.currentPage) {
|
|
60
|
-
this.setState({ currentPage: current });
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
// onPickerChange (evt) {
|
|
64
|
-
// const { value } = evt.detail
|
|
65
|
-
// const current = +value + 1
|
|
66
|
-
// if (current === this.state.currentPage) return
|
|
67
|
-
// this.props.onPageChange && this.props.onPageChange({ type: 'pick', current })
|
|
68
|
-
// this.setState({
|
|
69
|
-
// currentPage: current,
|
|
70
|
-
// })
|
|
71
|
-
// }
|
|
72
|
-
render() {
|
|
73
|
-
const { icon,
|
|
74
|
-
// pickerSelect,
|
|
75
|
-
customStyle } = this.props;
|
|
76
|
-
const { currentPage, maxPage
|
|
77
|
-
// pickerRange,
|
|
78
|
-
} = this.state;
|
|
79
|
-
const rootClassName = ['at-pagination'];
|
|
80
|
-
const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1;
|
|
81
|
-
const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage;
|
|
82
|
-
const classObject = {
|
|
83
|
-
'at-pagination--icon': icon
|
|
84
|
-
};
|
|
85
|
-
return (React.createElement(View, { className: classNames(rootClassName, classObject, this.props.className), style: customStyle },
|
|
86
|
-
React.createElement(View, { className: 'at-pagination__btn-prev' },
|
|
87
|
-
icon && (React.createElement(AtButton, { onClick: this.onPrev.bind(this), size: 'small', disabled: prevDisabled },
|
|
88
|
-
React.createElement(Text, { className: 'at-icon at-icon-chevron-left' }))),
|
|
89
|
-
!icon && (React.createElement(AtButton, { onClick: this.onPrev.bind(this), size: 'small', disabled: prevDisabled }, "\u4E0A\u4E00\u9875"))),
|
|
90
|
-
React.createElement(View, { className: 'at-pagination__number' },
|
|
91
|
-
React.createElement(Text, { className: 'at-pagination__number-current' }, currentPage),
|
|
92
|
-
"/",
|
|
93
|
-
maxPage),
|
|
94
|
-
React.createElement(View, { className: 'at-pagination__btn-next' },
|
|
95
|
-
icon && (React.createElement(AtButton, { onClick: this.onNext.bind(this), size: 'small', disabled: nextDisabled },
|
|
96
|
-
React.createElement(Text, { className: 'at-icon at-icon-chevron-right' }))),
|
|
97
|
-
!icon && (React.createElement(AtButton, { onClick: this.onNext.bind(this), size: 'small', disabled: nextDisabled }, "\u4E0B\u4E00\u9875")))));
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
AtPagination.defaultProps = {
|
|
101
|
-
current: 1,
|
|
102
|
-
total: 0,
|
|
103
|
-
pageSize: 20,
|
|
104
|
-
icon: false,
|
|
105
|
-
customStyle: {}
|
|
106
|
-
};
|
|
107
|
-
AtPagination.propTypes = {
|
|
108
|
-
current: PropTypes.number,
|
|
109
|
-
total: PropTypes.number,
|
|
110
|
-
pageSize: PropTypes.number,
|
|
111
|
-
icon: PropTypes.bool,
|
|
112
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
113
|
-
onPageChange: PropTypes.func
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text, View } from '@tarojs/components';
|
|
5
|
-
export default class AtProgress extends React.Component {
|
|
6
|
-
render() {
|
|
7
|
-
const { color } = this.props;
|
|
8
|
-
let { percent } = this.props;
|
|
9
|
-
const { strokeWidth, status, isHidePercent } = this.props;
|
|
10
|
-
if (typeof percent !== 'number') {
|
|
11
|
-
percent = 0;
|
|
12
|
-
}
|
|
13
|
-
if (percent < 0) {
|
|
14
|
-
percent = 0;
|
|
15
|
-
}
|
|
16
|
-
else if (percent > 100) {
|
|
17
|
-
percent = 100;
|
|
18
|
-
}
|
|
19
|
-
const rootClass = classNames('at-progress', {
|
|
20
|
-
[`at-progress--${status}`]: !!status
|
|
21
|
-
}, this.props.className);
|
|
22
|
-
const iconClass = classNames('at-icon', {
|
|
23
|
-
'at-icon-close-circle': status === 'error',
|
|
24
|
-
'at-icon-check-circle': status === 'success'
|
|
25
|
-
});
|
|
26
|
-
const progressStyle = {
|
|
27
|
-
width: percent && `${+percent}%`,
|
|
28
|
-
height: strokeWidth && `${+strokeWidth}px`,
|
|
29
|
-
backgroundColor: color
|
|
30
|
-
};
|
|
31
|
-
return (React.createElement(View, { className: rootClass },
|
|
32
|
-
React.createElement(View, { className: 'at-progress__outer' },
|
|
33
|
-
React.createElement(View, { className: 'at-progress__outer-inner' },
|
|
34
|
-
React.createElement(View, { className: 'at-progress__outer-inner-background', style: progressStyle }))),
|
|
35
|
-
!isHidePercent && (React.createElement(View, { className: 'at-progress__content' }, !status || status === 'progress' ? (`${percent}%`) : (React.createElement(Text, { className: iconClass }))))));
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
AtProgress.propTypes = {
|
|
39
|
-
color: PropTypes.string,
|
|
40
|
-
status: PropTypes.string,
|
|
41
|
-
percent: PropTypes.number,
|
|
42
|
-
strokeWidth: PropTypes.number,
|
|
43
|
-
isHidePercent: PropTypes.bool
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAG/C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IAG/D,MAAM;QACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5B,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5B,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzD,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC/B,OAAO,GAAG,CAAC,CAAA;SACZ;QAED,IAAI,OAAO,GAAG,CAAC,EAAE;YACf,OAAO,GAAG,CAAC,CAAA;SACZ;aAAM,IAAI,OAAO,GAAG,GAAG,EAAE;YACxB,OAAO,GAAG,GAAG,CAAA;SACd;QAED,MAAM,SAAS,GAAG,UAAU,CAC1B,aAAa,EACb;YACE,CAAC,gBAAgB,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;SACrC,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAA;QACD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE;YACtC,sBAAsB,EAAE,MAAM,KAAK,OAAO;YAC1C,sBAAsB,EAAE,MAAM,KAAK,SAAS;SAC7C,CAAC,CAAA;QAEF,MAAM,aAAa,GAAG;YACpB,KAAK,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,GAAG;YAChC,MAAM,EAAE,WAAW,IAAI,GAAG,CAAC,WAAW,IAAI;YAC1C,eAAe,EAAE,KAAK;SACvB,CAAA;QAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;YACxB,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B;oBACxC,oBAAC,IAAI,IACH,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,aAAa,GACpB,CACG,CACF;YAEN,CAAC,aAAa,IAAI,CACjB,oBAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,IACnC,CAAC,MAAM,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAClC,GAAG,OAAO,GAAG,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAS,CACpC,CACI,CACR,CACI,CACR,CAAA;IACH,CAAC;CACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,aAAa,EAAE,SAAS,CAAC,IAAI;CAC9B,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text, View } from '@tarojs/components';
|
|
5
|
-
export default class AtRadio extends React.Component {
|
|
6
|
-
handleClick(option, event) {
|
|
7
|
-
if (option.disabled)
|
|
8
|
-
return;
|
|
9
|
-
this.props.onClick(option.value, event);
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
const { customStyle, className, options, value } = this.props;
|
|
13
|
-
return (React.createElement(View, { className: classNames('at-radio', className), style: customStyle }, options.map(option => (React.createElement(View, { key: option.value, onClick: this.handleClick.bind(this, option), className: classNames({
|
|
14
|
-
'at-radio__option': true,
|
|
15
|
-
'at-radio__option--disabled': option.disabled
|
|
16
|
-
}) },
|
|
17
|
-
React.createElement(View, { className: 'at-radio__option-wrap' },
|
|
18
|
-
React.createElement(View, { className: 'at-radio__option-container' },
|
|
19
|
-
React.createElement(View, { className: 'at-radio__title' }, option.label),
|
|
20
|
-
React.createElement(View, { className: classNames({
|
|
21
|
-
'at-radio__icon': true,
|
|
22
|
-
'at-radio__icon--checked': value === option.value
|
|
23
|
-
}) },
|
|
24
|
-
React.createElement(Text, { className: 'at-icon at-icon-check' }))),
|
|
25
|
-
option.desc && (React.createElement(View, { className: 'at-radio__desc' }, option.desc))))))));
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
AtRadio.defaultProps = {
|
|
29
|
-
customStyle: '',
|
|
30
|
-
className: '',
|
|
31
|
-
value: '',
|
|
32
|
-
options: [],
|
|
33
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
34
|
-
onClick: () => { }
|
|
35
|
-
};
|
|
36
|
-
AtRadio.propTypes = {
|
|
37
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
38
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
39
|
-
value: PropTypes.string,
|
|
40
|
-
options: PropTypes.array,
|
|
41
|
-
onClick: PropTypes.func
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAI/C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAA4B;IAI7D,WAAW,CAAC,MAAwB,EAAE,KAAkB;QAC9D,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAM;QAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACzC,CAAC;IAEM,MAAM;QACX,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE7D,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,IACnE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,EAC5C,SAAS,EAAE,UAAU,CAAC;gBACpB,kBAAkB,EAAE,IAAI;gBACxB,4BAA4B,EAAE,MAAM,CAAC,QAAQ;aAC9C,CAAC;YAEF,oBAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB;gBACrC,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B;oBAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,MAAM,CAAC,KAAK,CAAQ;oBACvD,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC;4BACpB,gBAAgB,EAAE,IAAI;4BACtB,yBAAyB,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK;yBAClD,CAAC;wBAEF,oBAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,GAAQ,CAC1C,CACF;gBACN,MAAM,CAAC,IAAI,IAAI,CACd,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,IAAE,MAAM,CAAC,IAAI,CAAQ,CACtD,CACI,CACF,CACR,CAAC,CACG,CACR,CAAA;IACH,CAAC;CACF;AAED,OAAO,CAAC,YAAY,GAAG;IACrB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,gEAAgE;IAChE,OAAO,EAAE,GAAS,EAAE,GAAE,CAAC;CACxB,CAAA;AAED,OAAO,CAAC,SAAS,GAAG;IAClB,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA"}
|
|
@@ -1,152 +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
|
-
import { delayQuerySelector, getEventDetail, mergeStyle } from '../../common/utils';
|
|
6
|
-
export default class AtRange extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.handleClick = (event) => {
|
|
10
|
-
if (this.currentSlider && !this.props.disabled) {
|
|
11
|
-
let sliderValue = 0;
|
|
12
|
-
const detail = getEventDetail(event);
|
|
13
|
-
sliderValue = detail.x - this.left;
|
|
14
|
-
this.setSliderValue(this.currentSlider, sliderValue, 'onChange');
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
const { min = 0, max = 100 } = props;
|
|
18
|
-
// range 宽度
|
|
19
|
-
this.width = 0;
|
|
20
|
-
// range 到屏幕左边的距离
|
|
21
|
-
this.left = 0;
|
|
22
|
-
this.deltaValue = max - min;
|
|
23
|
-
this.currentSlider = '';
|
|
24
|
-
this.state = {
|
|
25
|
-
aX: 0,
|
|
26
|
-
bX: 0
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
handleTouchMove(sliderName, event) {
|
|
30
|
-
if (this.props.disabled)
|
|
31
|
-
return;
|
|
32
|
-
event.stopPropagation();
|
|
33
|
-
const clientX = event.touches[0].clientX;
|
|
34
|
-
this.setSliderValue(sliderName, clientX - this.left, 'onChange');
|
|
35
|
-
}
|
|
36
|
-
handleTouchEnd(sliderName) {
|
|
37
|
-
if (this.props.disabled)
|
|
38
|
-
return;
|
|
39
|
-
this.currentSlider = sliderName;
|
|
40
|
-
this.triggerEvent('onAfterChange');
|
|
41
|
-
}
|
|
42
|
-
setSliderValue(sliderName, targetValue, funcName) {
|
|
43
|
-
const distance = Math.min(Math.max(targetValue, 0), this.width);
|
|
44
|
-
const sliderValue = Math.floor((distance / this.width) * 100);
|
|
45
|
-
if (funcName) {
|
|
46
|
-
this.setState({
|
|
47
|
-
[sliderName]: sliderValue
|
|
48
|
-
}, () => this.triggerEvent(funcName));
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
this.setState({
|
|
52
|
-
[sliderName]: sliderValue
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
setValue(value) {
|
|
57
|
-
const { min = 0 } = this.props;
|
|
58
|
-
const aX = Math.round(((value[0] - min) / this.deltaValue) * 100); // fix issue #670
|
|
59
|
-
const bX = Math.round(((value[1] - min) / this.deltaValue) * 100); // fix issue #670
|
|
60
|
-
this.setState({ aX, bX });
|
|
61
|
-
}
|
|
62
|
-
triggerEvent(funcName) {
|
|
63
|
-
const { min = 0 } = this.props;
|
|
64
|
-
const { aX, bX } = this.state;
|
|
65
|
-
const a = Math.round((aX / 100) * this.deltaValue) + min; // fix issue #670
|
|
66
|
-
const b = Math.round((bX / 100) * this.deltaValue) + min; // fix issue #670
|
|
67
|
-
const result = [a, b].sort((x, y) => x - y);
|
|
68
|
-
if (funcName === 'onChange') {
|
|
69
|
-
this.props.onChange && this.props.onChange(result);
|
|
70
|
-
}
|
|
71
|
-
else if (funcName === 'onAfterChange') {
|
|
72
|
-
this.props.onAfterChange && this.props.onAfterChange(result);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
updatePos() {
|
|
76
|
-
delayQuerySelector('.at-range__container', 0).then(rect => {
|
|
77
|
-
var _a, _b;
|
|
78
|
-
this.width = Math.round((_a = rect[0]) === null || _a === void 0 ? void 0 : _a.width);
|
|
79
|
-
this.left = Math.round((_b = rect[0]) === null || _b === void 0 ? void 0 : _b.left);
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
83
|
-
var _a, _b;
|
|
84
|
-
const { value = [] } = nextProps;
|
|
85
|
-
this.updatePos();
|
|
86
|
-
if (((_a = this.props.value) === null || _a === void 0 ? void 0 : _a[0]) !== (value === null || value === void 0 ? void 0 : value[0]) ||
|
|
87
|
-
((_b = this.props.value) === null || _b === void 0 ? void 0 : _b[1]) !== (value === null || value === void 0 ? void 0 : value[1])) {
|
|
88
|
-
this.setValue(value);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
componentDidMount() {
|
|
92
|
-
const { value = [] } = this.props;
|
|
93
|
-
this.updatePos();
|
|
94
|
-
this.setValue(value);
|
|
95
|
-
}
|
|
96
|
-
render() {
|
|
97
|
-
const { className, customStyle, sliderStyle = {}, railStyle = {}, trackStyle = {}, blockSize, disabled } = this.props;
|
|
98
|
-
const rootCls = classNames('at-range', {
|
|
99
|
-
'at-range--disabled': disabled
|
|
100
|
-
}, className);
|
|
101
|
-
const { aX, bX } = this.state;
|
|
102
|
-
const sliderCommonStyle = {
|
|
103
|
-
width: blockSize ? `${blockSize}PX` : '',
|
|
104
|
-
height: blockSize ? `${blockSize}PX` : '',
|
|
105
|
-
marginLeft: blockSize ? `${-blockSize / 2}PX` : ''
|
|
106
|
-
};
|
|
107
|
-
const sliderAStyle = Object.assign(Object.assign({}, sliderCommonStyle), { left: `${aX}%` });
|
|
108
|
-
const sliderBStyle = Object.assign(Object.assign({}, sliderCommonStyle), { left: `${bX}%` });
|
|
109
|
-
const containerStyle = {
|
|
110
|
-
height: blockSize ? `${blockSize}PX` : ''
|
|
111
|
-
};
|
|
112
|
-
const smallerX = Math.min(aX, bX);
|
|
113
|
-
const deltaX = Math.abs(aX - bX);
|
|
114
|
-
const atTrackStyle = {
|
|
115
|
-
left: `${smallerX}%`,
|
|
116
|
-
width: `${deltaX}%`
|
|
117
|
-
};
|
|
118
|
-
return (React.createElement(View, { className: rootCls, style: customStyle, onClick: this.handleClick },
|
|
119
|
-
React.createElement(View, { className: 'at-range__container', style: containerStyle },
|
|
120
|
-
React.createElement(View, { className: 'at-range__rail', style: railStyle }),
|
|
121
|
-
React.createElement(View, { className: 'at-range__track', style: mergeStyle(atTrackStyle, trackStyle) }),
|
|
122
|
-
React.createElement(View, { className: 'at-range__slider', style: mergeStyle(sliderAStyle, sliderStyle), onTouchMove: this.handleTouchMove.bind(this, 'aX'), onTouchEnd: this.handleTouchEnd.bind(this, 'aX') }),
|
|
123
|
-
React.createElement(View, { className: 'at-range__slider', style: mergeStyle(sliderBStyle, sliderStyle), onTouchMove: this.handleTouchMove.bind(this, 'bX'), onTouchEnd: this.handleTouchEnd.bind(this, 'bX') }))));
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
AtRange.defaultProps = {
|
|
127
|
-
customStyle: '',
|
|
128
|
-
className: '',
|
|
129
|
-
sliderStyle: '',
|
|
130
|
-
railStyle: '',
|
|
131
|
-
trackStyle: '',
|
|
132
|
-
value: [0, 0],
|
|
133
|
-
min: 0,
|
|
134
|
-
max: 100,
|
|
135
|
-
disabled: false,
|
|
136
|
-
blockSize: 0
|
|
137
|
-
};
|
|
138
|
-
AtRange.propTypes = {
|
|
139
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
140
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
141
|
-
sliderStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
142
|
-
railStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
143
|
-
trackStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
144
|
-
value: PropTypes.array,
|
|
145
|
-
min: PropTypes.number,
|
|
146
|
-
max: PropTypes.number,
|
|
147
|
-
disabled: PropTypes.bool,
|
|
148
|
-
blockSize: PropTypes.number,
|
|
149
|
-
onChange: PropTypes.func,
|
|
150
|
-
onAfterChange: PropTypes.func
|
|
151
|
-
};
|
|
152
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/range/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text, View } from '@tarojs/components';
|
|
5
|
-
import { pxTransform } from '../../common/utils';
|
|
6
|
-
export default class AtRate extends React.Component {
|
|
7
|
-
handleClick(event) {
|
|
8
|
-
this.props.onChange && this.props.onChange(event);
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
const { customStyle, className, value = 0, max = 5, size, margin = 5 } = this.props;
|
|
12
|
-
const iconStyle = {
|
|
13
|
-
marginRight: pxTransform(margin)
|
|
14
|
-
};
|
|
15
|
-
const starIconStyle = {
|
|
16
|
-
fontSize: size ? `${size}px` : ''
|
|
17
|
-
};
|
|
18
|
-
// 生成星星颜色 className 数组,方便在jsx中直接map
|
|
19
|
-
const classNameArr = [];
|
|
20
|
-
const floorValue = Math.floor(value);
|
|
21
|
-
const ceilValue = Math.ceil(value);
|
|
22
|
-
for (let i = 0; i < max; i++) {
|
|
23
|
-
if (floorValue > i) {
|
|
24
|
-
classNameArr.push('at-rate__icon at-rate__icon--on');
|
|
25
|
-
}
|
|
26
|
-
else if (ceilValue - 1 === i) {
|
|
27
|
-
classNameArr.push('at-rate__icon at-rate__icon--half');
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
classNameArr.push('at-rate__icon at-rate__icon--off');
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return (React.createElement(View, { className: classNames('at-rate', className), style: customStyle }, classNameArr.map((cls, i) => (React.createElement(View, { className: cls, key: `at-rate-star-${i}`, style: iconStyle, onClick: this.handleClick.bind(this, i + 1) },
|
|
34
|
-
React.createElement(Text, { className: 'at-icon at-icon-star-2', style: starIconStyle }),
|
|
35
|
-
React.createElement(View, { className: 'at-rate__left' },
|
|
36
|
-
React.createElement(Text, { className: 'at-icon at-icon-star-2', style: starIconStyle })))))));
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
AtRate.defaultProps = {
|
|
40
|
-
customStyle: '',
|
|
41
|
-
className: '',
|
|
42
|
-
size: 0,
|
|
43
|
-
value: 0,
|
|
44
|
-
max: 5,
|
|
45
|
-
margin: 5
|
|
46
|
-
};
|
|
47
|
-
AtRate.propTypes = {
|
|
48
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
49
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
50
|
-
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
51
|
-
value: PropTypes.number,
|
|
52
|
-
max: PropTypes.number,
|
|
53
|
-
margin: PropTypes.number,
|
|
54
|
-
onChange: PropTypes.func
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rate/index.tsx"],"names":[],"mappings":"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"}
|