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,121 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Input, Text, View } from '@tarojs/components';
|
|
5
|
-
export default class AtSearchBar extends React.Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
this.handleFocus = (event) => {
|
|
9
|
-
this.setState({
|
|
10
|
-
isFocus: true
|
|
11
|
-
});
|
|
12
|
-
this.props.onFocus && this.props.onFocus(event);
|
|
13
|
-
};
|
|
14
|
-
this.handleBlur = (event) => {
|
|
15
|
-
this.setState({
|
|
16
|
-
isFocus: false
|
|
17
|
-
});
|
|
18
|
-
this.props.onBlur && this.props.onBlur(event);
|
|
19
|
-
};
|
|
20
|
-
this.handleChange = (e) => {
|
|
21
|
-
this.props.onChange(e.detail.value, e);
|
|
22
|
-
};
|
|
23
|
-
this.handleClear = (event) => {
|
|
24
|
-
if (this.props.onClear) {
|
|
25
|
-
this.props.onClear(event);
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
this.props.onChange('', event);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
this.handleConfirm = (event) => {
|
|
32
|
-
this.props.onConfirm && this.props.onConfirm(event);
|
|
33
|
-
};
|
|
34
|
-
this.handleActionClick = (event) => {
|
|
35
|
-
this.props.onActionClick && this.props.onActionClick(event);
|
|
36
|
-
};
|
|
37
|
-
this.state = {
|
|
38
|
-
isFocus: !!props.focus
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
42
|
-
if (nextProps.focus !== this.props.focus) {
|
|
43
|
-
this.setState({ isFocus: !!nextProps.focus });
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
render() {
|
|
47
|
-
const { value, placeholder, maxLength, fixed, disabled, showActionButton, actionName = '搜索', inputType, // 处理issue#464
|
|
48
|
-
className, customStyle, enableNative } = this.props;
|
|
49
|
-
const { isFocus } = this.state;
|
|
50
|
-
const fontSize = 14;
|
|
51
|
-
const rootCls = classNames('at-search-bar', {
|
|
52
|
-
'at-search-bar--fixed': fixed
|
|
53
|
-
}, className);
|
|
54
|
-
const placeholderWrapStyle = {};
|
|
55
|
-
const actionStyle = {};
|
|
56
|
-
if (isFocus || (!isFocus && value)) {
|
|
57
|
-
actionStyle.opacity = 1;
|
|
58
|
-
actionStyle.marginRight = `0`;
|
|
59
|
-
placeholderWrapStyle.flexGrow = 0;
|
|
60
|
-
}
|
|
61
|
-
else if (!isFocus && !value) {
|
|
62
|
-
placeholderWrapStyle.flexGrow = 1;
|
|
63
|
-
actionStyle.opacity = 0;
|
|
64
|
-
actionStyle.marginRight = `-${(actionName.length + 1) * fontSize + fontSize / 2 + 10}px`;
|
|
65
|
-
}
|
|
66
|
-
if (showActionButton) {
|
|
67
|
-
actionStyle.opacity = 1;
|
|
68
|
-
actionStyle.marginRight = `0`;
|
|
69
|
-
}
|
|
70
|
-
const clearIconStyle = { display: 'flex' };
|
|
71
|
-
const placeholderStyle = { visibility: 'hidden' };
|
|
72
|
-
if (!value.length) {
|
|
73
|
-
clearIconStyle.display = 'none';
|
|
74
|
-
placeholderStyle.visibility = 'visible';
|
|
75
|
-
}
|
|
76
|
-
return (React.createElement(View, { className: rootCls, style: customStyle },
|
|
77
|
-
React.createElement(View, { className: 'at-search-bar__input-cnt' },
|
|
78
|
-
React.createElement(View, { className: 'at-search-bar__placeholder-wrap', style: placeholderWrapStyle },
|
|
79
|
-
React.createElement(Text, { className: 'at-icon at-icon-search' }),
|
|
80
|
-
React.createElement(Text, { className: 'at-search-bar__placeholder', style: placeholderStyle }, isFocus ? '' : placeholder)),
|
|
81
|
-
React.createElement(Input, { className: 'at-search-bar__input', type: inputType, confirmType: 'search', value: value, focus: isFocus, disabled: disabled, maxlength: maxLength,
|
|
82
|
-
// @ts-ignore ci 上面这个检查不通过, 暂时跳过ts检查
|
|
83
|
-
enableNative: enableNative, onInput: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm }),
|
|
84
|
-
React.createElement(View, { className: 'at-search-bar__clear', style: clearIconStyle, onTouchStart: this.handleClear },
|
|
85
|
-
React.createElement(Text, { className: 'at-icon at-icon-close-circle' }))),
|
|
86
|
-
React.createElement(View, { className: 'at-search-bar__action', style: actionStyle, onClick: this.handleActionClick }, actionName)));
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
AtSearchBar.defaultProps = {
|
|
90
|
-
value: '',
|
|
91
|
-
placeholder: '搜索',
|
|
92
|
-
maxLength: 140,
|
|
93
|
-
fixed: false,
|
|
94
|
-
focus: false,
|
|
95
|
-
disabled: false,
|
|
96
|
-
showActionButton: false,
|
|
97
|
-
actionName: '搜索',
|
|
98
|
-
inputType: 'text',
|
|
99
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
100
|
-
onChange: () => { },
|
|
101
|
-
enableNative: true
|
|
102
|
-
};
|
|
103
|
-
AtSearchBar.propTypes = {
|
|
104
|
-
value: PropTypes.string,
|
|
105
|
-
placeholder: PropTypes.string,
|
|
106
|
-
maxLength: PropTypes.number,
|
|
107
|
-
fixed: PropTypes.bool,
|
|
108
|
-
focus: PropTypes.bool,
|
|
109
|
-
disabled: PropTypes.bool,
|
|
110
|
-
showActionButton: PropTypes.bool,
|
|
111
|
-
actionName: PropTypes.string,
|
|
112
|
-
inputType: PropTypes.oneOf(['text', 'number', 'idcard', 'digit']),
|
|
113
|
-
onChange: PropTypes.func,
|
|
114
|
-
onFocus: PropTypes.func,
|
|
115
|
-
onBlur: PropTypes.func,
|
|
116
|
-
onConfirm: PropTypes.func,
|
|
117
|
-
onActionClick: PropTypes.func,
|
|
118
|
-
onClear: PropTypes.func,
|
|
119
|
-
enableNative: PropTypes.bool
|
|
120
|
-
};
|
|
121
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/search-bar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,59 +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 { mergeStyle, pxTransform } from '../../common/utils';
|
|
6
|
-
export default class AtSegmentedControl extends React.Component {
|
|
7
|
-
handleClick(index, event) {
|
|
8
|
-
if (this.props.disabled)
|
|
9
|
-
return;
|
|
10
|
-
this.props.onClick(index, event);
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
const { customStyle = '', className, disabled, values, selectedColor, current, color, fontSize = 28 } = this.props;
|
|
14
|
-
const rootStyle = {
|
|
15
|
-
borderColor: selectedColor
|
|
16
|
-
};
|
|
17
|
-
const itemStyle = {
|
|
18
|
-
color: selectedColor,
|
|
19
|
-
fontSize: pxTransform(fontSize),
|
|
20
|
-
borderColor: selectedColor,
|
|
21
|
-
backgroundColor: color
|
|
22
|
-
};
|
|
23
|
-
const selectedItemStyle = {
|
|
24
|
-
color,
|
|
25
|
-
fontSize: pxTransform(fontSize),
|
|
26
|
-
borderColor: selectedColor,
|
|
27
|
-
backgroundColor: selectedColor
|
|
28
|
-
};
|
|
29
|
-
const rootCls = classNames('at-segmented-control', {
|
|
30
|
-
'at-segmented-control--disabled': disabled
|
|
31
|
-
}, className);
|
|
32
|
-
return (React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => (React.createElement(View, { className: classNames('at-segmented-control__item', {
|
|
33
|
-
'at-segmented-control__item--active': current === i
|
|
34
|
-
}), style: current === i ? selectedItemStyle : itemStyle, key: value, onClick: this.handleClick.bind(this, i) }, value)))));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
AtSegmentedControl.defaultProps = {
|
|
38
|
-
customStyle: '',
|
|
39
|
-
className: '',
|
|
40
|
-
current: 0,
|
|
41
|
-
color: '',
|
|
42
|
-
fontSize: 28,
|
|
43
|
-
disabled: false,
|
|
44
|
-
selectedColor: '',
|
|
45
|
-
values: [],
|
|
46
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
47
|
-
onClick: () => { }
|
|
48
|
-
};
|
|
49
|
-
AtSegmentedControl.propTypes = {
|
|
50
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
51
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
52
|
-
current: PropTypes.number,
|
|
53
|
-
color: PropTypes.string,
|
|
54
|
-
fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
55
|
-
disabled: PropTypes.bool,
|
|
56
|
-
values: PropTypes.array,
|
|
57
|
-
onClick: PropTypes.func
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/segmented-control/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,MAAM,oBAAoB,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE5D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAkC;IAI9E,WAAW,CAAC,KAAa,EAAE,KAAkB;QACnD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAM;QAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAClC,CAAC;IAEM,MAAM;QACX,MAAM,EACJ,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,aAAa,EACb,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,EAAE,EACd,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,MAAM,SAAS,GAAG;YAChB,WAAW,EAAE,aAAa;SAC3B,CAAA;QACD,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;YAC/B,WAAW,EAAE,aAAa;YAC1B,eAAe,EAAE,KAAK;SACvB,CAAA;QACD,MAAM,iBAAiB,GAAG;YACxB,KAAK;YACL,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;YAC/B,WAAW,EAAE,aAAa;YAC1B,eAAe,EAAE,aAAa;SAC/B,CAAA;QACD,MAAM,OAAO,GAAG,UAAU,CACxB,sBAAsB,EACtB;YACE,gCAAgC,EAAE,QAAQ;SAC3C,EACD,SAAS,CACV,CAAA;QAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,IAChE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;gBAClD,oCAAoC,EAAE,OAAO,KAAK,CAAC;aACpD,CAAC,EACF,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAEtC,KAAK,CACD,CACR,CAAC,CACG,CACR,CAAA;IACH,CAAC;CACF;AAED,kBAAkB,CAAC,YAAY,GAAG;IAChC,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,EAAE;IACV,gEAAgE;IAChE,OAAO,EAAE,GAAS,EAAE,GAAE,CAAC;CACxB,CAAA;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,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,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,MAAM,EAAE,SAAS,CAAC,KAAK;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Slider, View } from '@tarojs/components';
|
|
5
|
-
export default class AtSlider extends React.Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
const { value = 0, min = 0, max = 100 } = props;
|
|
9
|
-
this.state = {
|
|
10
|
-
_value: AtSlider.clampNumber(value, min, max)
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
static clampNumber(value, lower, upper) {
|
|
14
|
-
return Math.max(lower, Math.min(upper, value));
|
|
15
|
-
}
|
|
16
|
-
handleChanging(e) {
|
|
17
|
-
const { _value } = this.state;
|
|
18
|
-
const { value } = e.detail;
|
|
19
|
-
if (value !== _value) {
|
|
20
|
-
this.setState({ _value: value });
|
|
21
|
-
}
|
|
22
|
-
this.props.onChanging && this.props.onChanging(value);
|
|
23
|
-
}
|
|
24
|
-
handleChange(e) {
|
|
25
|
-
const { value } = e.detail;
|
|
26
|
-
this.setState({ _value: value });
|
|
27
|
-
this.props.onChange && this.props.onChange(value);
|
|
28
|
-
}
|
|
29
|
-
UNSAFE_componentWillReceiveProps(props) {
|
|
30
|
-
const { value = 0, min = 0, max = 100 } = props;
|
|
31
|
-
this.setState({
|
|
32
|
-
_value: AtSlider.clampNumber(value, min, max)
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
const { _value } = this.state;
|
|
37
|
-
const { customStyle, className, min, max, step, disabled, activeColor, backgroundColor, blockSize, blockColor, showValue } = this.props;
|
|
38
|
-
return (React.createElement(View, { className: classNames({
|
|
39
|
-
'at-slider': true,
|
|
40
|
-
'at-slider--disabled': disabled
|
|
41
|
-
}, className), style: customStyle },
|
|
42
|
-
React.createElement(View, { className: 'at-slider__inner' },
|
|
43
|
-
React.createElement(Slider, { min: min, max: max, step: step, value: _value, disabled: disabled, activeColor: activeColor, backgroundColor: backgroundColor, blockSize: blockSize, blockColor: blockColor, onChanging: this.handleChanging.bind(this), onChange: this.handleChange.bind(this) })),
|
|
44
|
-
showValue && React.createElement(View, { className: 'at-slider__text' }, `${_value}`)));
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
AtSlider.defaultProps = {
|
|
48
|
-
customStyle: '',
|
|
49
|
-
className: '',
|
|
50
|
-
min: 0,
|
|
51
|
-
max: 100,
|
|
52
|
-
step: 1,
|
|
53
|
-
value: 0,
|
|
54
|
-
disabled: false,
|
|
55
|
-
activeColor: '#6190e8',
|
|
56
|
-
backgroundColor: '#e9e9e9',
|
|
57
|
-
blockSize: 28,
|
|
58
|
-
blockColor: '#ffffff',
|
|
59
|
-
showValue: false
|
|
60
|
-
};
|
|
61
|
-
AtSlider.propTypes = {
|
|
62
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
63
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
64
|
-
min: PropTypes.number,
|
|
65
|
-
max: PropTypes.number,
|
|
66
|
-
step: PropTypes.number,
|
|
67
|
-
value: PropTypes.number,
|
|
68
|
-
disabled: PropTypes.bool,
|
|
69
|
-
activeColor: PropTypes.string,
|
|
70
|
-
backgroundColor: PropTypes.string,
|
|
71
|
-
blockSize: PropTypes.number,
|
|
72
|
-
blockColor: PropTypes.string,
|
|
73
|
-
showValue: PropTypes.bool,
|
|
74
|
-
onChange: PropTypes.func,
|
|
75
|
-
onChanging: PropTypes.func
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +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 AtSteps extends React.Component {
|
|
6
|
-
handleClick(current, event) {
|
|
7
|
-
this.props.onChange(current, event);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const { customStyle, className, items, current } = this.props;
|
|
11
|
-
return (React.createElement(View, { className: classNames('at-steps', className), style: customStyle }, !!items &&
|
|
12
|
-
items.map((item, i) => (React.createElement(View, { key: item.title, className: classNames({
|
|
13
|
-
'at-steps__item': true,
|
|
14
|
-
'at-steps__item--active': i === current,
|
|
15
|
-
'at-steps__item--inactive': i !== current
|
|
16
|
-
}), onClick: this.handleClick.bind(this, i) },
|
|
17
|
-
React.createElement(View, { className: 'at-steps__circular-wrap' },
|
|
18
|
-
i !== 0 && React.createElement(View, { className: 'at-steps__left-line' }),
|
|
19
|
-
item.status ? (React.createElement(View, { className: classNames({
|
|
20
|
-
'at-icon': true,
|
|
21
|
-
'at-icon-check-circle': item.status === 'success',
|
|
22
|
-
'at-icon-close-circle': item.status === 'error',
|
|
23
|
-
'at-steps__single-icon': true,
|
|
24
|
-
'at-steps__single-icon--success': item.status === 'success',
|
|
25
|
-
'at-steps__single-icon--error': item.status === 'error'
|
|
26
|
-
}) })) : (React.createElement(View, { className: 'at-steps__circular' }, item.icon ? (React.createElement(Text, { className: classNames('at-icon', {
|
|
27
|
-
[`at-icon-${item.icon.value}`]: item.icon.value,
|
|
28
|
-
'at-steps__circle-icon': true
|
|
29
|
-
}) })) : (React.createElement(Text, { className: 'at-steps__num' }, i + 1)))),
|
|
30
|
-
i !== items.length - 1 && (React.createElement(View, { className: 'at-steps__right-line' }))),
|
|
31
|
-
React.createElement(View, { className: 'at-steps__title' }, item.title),
|
|
32
|
-
React.createElement(View, { className: 'at-steps__desc' }, item.desc))))));
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
AtSteps.defaultProps = {
|
|
36
|
-
customStyle: '',
|
|
37
|
-
className: '',
|
|
38
|
-
current: 0,
|
|
39
|
-
items: [],
|
|
40
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
41
|
-
onChange: () => { }
|
|
42
|
-
};
|
|
43
|
-
AtSteps.propTypes = {
|
|
44
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
45
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
46
|
-
current: PropTypes.number,
|
|
47
|
-
items: PropTypes.array,
|
|
48
|
-
onChange: PropTypes.func
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/steps/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import Taro from '@tarojs/taro';
|
|
5
|
-
import { Text, View, MovableArea, MovableView } from '@tarojs/components';
|
|
6
|
-
import { uuid, delayGetClientRect } from '../../common/utils';
|
|
7
|
-
import AtSwipeActionOptions from './options/index';
|
|
8
|
-
export default class AtSwipeAction extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
super(props);
|
|
11
|
-
this.handleOpened = (event) => {
|
|
12
|
-
const { onOpened } = this.props;
|
|
13
|
-
if (typeof onOpened === 'function') {
|
|
14
|
-
onOpened(event);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
this.handleClosed = (event) => {
|
|
18
|
-
const { onClosed } = this.props;
|
|
19
|
-
if (typeof onClosed === 'function') {
|
|
20
|
-
onClosed(event);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
this.handleClick = (item, index, event) => {
|
|
24
|
-
const { onClick, autoClose } = this.props;
|
|
25
|
-
if (typeof onClick === 'function') {
|
|
26
|
-
onClick(item, index, event);
|
|
27
|
-
}
|
|
28
|
-
if (autoClose) {
|
|
29
|
-
this._reset(false); // TODO: Check behavior
|
|
30
|
-
this.handleClosed(event);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
this.onTouchEnd = e => {
|
|
34
|
-
const { maxOffsetSize } = this.state;
|
|
35
|
-
if (Math.abs(this.moveX) < maxOffsetSize / 2) {
|
|
36
|
-
this._reset(false);
|
|
37
|
-
this.handleClosed(e);
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
this._reset(true);
|
|
41
|
-
this.handleOpened(e);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
this.onChange = e => {
|
|
45
|
-
this.moveX = e.detail.x;
|
|
46
|
-
};
|
|
47
|
-
const { isOpened } = props;
|
|
48
|
-
this.state = {
|
|
49
|
-
componentId: uuid(),
|
|
50
|
-
// eslint-disable-next-line no-extra-boolean-cast
|
|
51
|
-
offsetSize: 0,
|
|
52
|
-
_isOpened: !!isOpened,
|
|
53
|
-
needAnimation: false,
|
|
54
|
-
eleWidth: 0,
|
|
55
|
-
maxOffsetSize: 0
|
|
56
|
-
};
|
|
57
|
-
this.moveX = this.state.offsetSize;
|
|
58
|
-
}
|
|
59
|
-
componentDidMount() {
|
|
60
|
-
this.getAreaWidth();
|
|
61
|
-
}
|
|
62
|
-
// 当 eleWidth 发生变化时,需要重新计算 maxOffsetSize
|
|
63
|
-
componentDidUpdate(_, prevState) {
|
|
64
|
-
const { eleWidth } = this.state;
|
|
65
|
-
if (prevState.eleWidth !== eleWidth) {
|
|
66
|
-
this.getMaxOffsetSize();
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
70
|
-
const { isOpened } = nextProps;
|
|
71
|
-
const { _isOpened, maxOffsetSize } = this.state;
|
|
72
|
-
if (isOpened !== _isOpened) {
|
|
73
|
-
this.moveX = isOpened ? 0 : maxOffsetSize;
|
|
74
|
-
this._reset(!!isOpened); // TODO: Check behavior
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* 获取滑动区域宽度
|
|
79
|
-
*/
|
|
80
|
-
async getAreaWidth() {
|
|
81
|
-
const systemInfo = await Taro.getSystemInfo();
|
|
82
|
-
this.setState({
|
|
83
|
-
eleWidth: systemInfo.windowWidth
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* 获取最大偏移量
|
|
88
|
-
*/
|
|
89
|
-
async getMaxOffsetSize() {
|
|
90
|
-
const { componentId } = this.state;
|
|
91
|
-
const actionOptionsRect = await delayGetClientRect({
|
|
92
|
-
selectorStr: `#swipeActionOptions-${componentId}`
|
|
93
|
-
});
|
|
94
|
-
const maxOffsetSize = actionOptionsRect[0].width;
|
|
95
|
-
this.setState({
|
|
96
|
-
maxOffsetSize
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
_reset(isOpened) {
|
|
100
|
-
if (isOpened) {
|
|
101
|
-
const { maxOffsetSize } = this.state;
|
|
102
|
-
if (process.env.TARO_ENV === 'jd') {
|
|
103
|
-
this.setState({
|
|
104
|
-
_isOpened: true,
|
|
105
|
-
offsetSize: -maxOffsetSize + 0.01
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
this.setState({
|
|
110
|
-
_isOpened: true,
|
|
111
|
-
offsetSize: -maxOffsetSize
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
else {
|
|
116
|
-
this.setState({
|
|
117
|
-
offsetSize: this.moveX
|
|
118
|
-
}, () => {
|
|
119
|
-
this.setState({
|
|
120
|
-
offsetSize: 0,
|
|
121
|
-
_isOpened: false
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
render() {
|
|
127
|
-
const { componentId, maxOffsetSize, eleWidth, offsetSize } = this.state;
|
|
128
|
-
const { options, disabled } = this.props;
|
|
129
|
-
const rootClass = classNames('at-swipe-action', this.props.className);
|
|
130
|
-
return (React.createElement(View, { id: `swipeAction-${componentId}`, className: rootClass, style: {
|
|
131
|
-
width: `${eleWidth}px`
|
|
132
|
-
} },
|
|
133
|
-
React.createElement(MovableArea, { className: 'at-swipe-action__area', style: {
|
|
134
|
-
width: `${eleWidth}px`
|
|
135
|
-
} },
|
|
136
|
-
React.createElement(MovableView, { className: 'at-swipe-action__content', direction: 'horizontal', damping: 50, x: offsetSize, onTouchEnd: this.onTouchEnd, onChange: this.onChange, disabled: disabled, style: {
|
|
137
|
-
width: `${eleWidth + maxOffsetSize}px`
|
|
138
|
-
} },
|
|
139
|
-
this.props.children,
|
|
140
|
-
Array.isArray(options) && options.length > 0 ? (React.createElement(AtSwipeActionOptions, { options: options, componentId: componentId, customStyle: {
|
|
141
|
-
opacity: maxOffsetSize ? 1 : 0
|
|
142
|
-
} }, options.map((item, key) => (React.createElement(View, { key: `${item.text}-${key}`, style: item.style, onClick: (e) => this.handleClick(item, key, e), className: classNames('at-swipe-action__option', item.className) },
|
|
143
|
-
React.createElement(Text, { className: 'option__text' }, item.text)))))) : null))));
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
AtSwipeAction.defaultProps = {
|
|
147
|
-
options: [],
|
|
148
|
-
isOpened: false,
|
|
149
|
-
disabled: false,
|
|
150
|
-
autoClose: false,
|
|
151
|
-
maxDistance: 0,
|
|
152
|
-
areaWidth: 0
|
|
153
|
-
};
|
|
154
|
-
AtSwipeAction.propTypes = {
|
|
155
|
-
isOpened: PropTypes.bool,
|
|
156
|
-
disabled: PropTypes.bool,
|
|
157
|
-
autoClose: PropTypes.bool,
|
|
158
|
-
options: PropTypes.arrayOf(PropTypes.shape({
|
|
159
|
-
text: PropTypes.string,
|
|
160
|
-
style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
161
|
-
className: PropTypes.oneOfType([
|
|
162
|
-
PropTypes.object,
|
|
163
|
-
PropTypes.string,
|
|
164
|
-
PropTypes.array
|
|
165
|
-
])
|
|
166
|
-
})),
|
|
167
|
-
onClick: PropTypes.func,
|
|
168
|
-
onOpened: PropTypes.func,
|
|
169
|
-
onClosed: PropTypes.func
|
|
170
|
-
};
|
|
171
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/swipe-action/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { View } from '@tarojs/components';
|
|
4
|
-
export default class AtSwipeActionOptions extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
const rootClass = classNames('at-swipe-action__options', this.props.className);
|
|
7
|
-
return (React.createElement(View, { id: `swipeActionOptions-${this.props.componentId}`, className: rootClass, style: this.props.customStyle }, this.props.children));
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/swipe-action/options/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAGzC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAoC;IACnF,MAAM;QACX,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAA;QAED,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,sBAAsB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAClD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf,CACR,CAAA;IACH,CAAC;CACF"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Switch, View } from '@tarojs/components';
|
|
5
|
-
export default class AtSwitch extends React.Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.handleChange = (event) => {
|
|
9
|
-
const { value, checked } = event.detail;
|
|
10
|
-
const state = typeof value === 'undefined' ? checked : value;
|
|
11
|
-
this.props.onChange && this.props.onChange(state);
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const { customStyle, className, disabled, border, title, checked, color } = this.props;
|
|
16
|
-
const rootCls = classNames('at-switch', {
|
|
17
|
-
'at-switch--without-border': !border
|
|
18
|
-
}, className);
|
|
19
|
-
const containerCls = classNames('at-switch__container', {
|
|
20
|
-
'at-switch--disabled': disabled
|
|
21
|
-
});
|
|
22
|
-
return (React.createElement(View, { className: rootCls, style: customStyle },
|
|
23
|
-
React.createElement(View, { className: 'at-switch__title' }, title),
|
|
24
|
-
React.createElement(View, { className: containerCls },
|
|
25
|
-
React.createElement(View, { className: 'at-switch__mask' }),
|
|
26
|
-
React.createElement(Switch, { className: 'at-switch__switch', checked: checked, color: color, onChange: this.handleChange }))));
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
AtSwitch.defaultProps = {
|
|
30
|
-
customStyle: '',
|
|
31
|
-
className: '',
|
|
32
|
-
title: '',
|
|
33
|
-
color: '#6190e8',
|
|
34
|
-
border: true,
|
|
35
|
-
disabled: false,
|
|
36
|
-
checked: false
|
|
37
|
-
};
|
|
38
|
-
AtSwitch.propTypes = {
|
|
39
|
-
customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
40
|
-
className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
|
|
41
|
-
title: PropTypes.string,
|
|
42
|
-
color: PropTypes.string,
|
|
43
|
-
checked: PropTypes.bool,
|
|
44
|
-
border: PropTypes.bool,
|
|
45
|
-
disabled: PropTypes.bool,
|
|
46
|
-
onChange: PropTypes.func
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/switch/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,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAIjD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAApE;;QAIU,iBAAY,GAAG,CAAC,KAAkB,EAAQ,EAAE;YAClD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;YACvC,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;YAC5D,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC,CAAA;IAgCH,CAAC;IA9BQ,MAAM;QACX,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GACvE,IAAI,CAAC,KAAK,CAAA;QAEZ,MAAM,OAAO,GAAG,UAAU,CACxB,WAAW,EACX;YACE,2BAA2B,EAAE,CAAC,MAAM;SACrC,EACD,SAAS,CACV,CAAA;QACD,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,EAAE;YACtD,qBAAqB,EAAE,QAAQ;SAChC,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW;YAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ;YACjD,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY;gBAC3B,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAQ;gBACzC,oBAAC,MAAM,IACL,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACG,CACF,CACR,CAAA;IACH,CAAC;CACF;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;CACf,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,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,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAA"}
|