@trionesdev/antd-taro-react 0.0.1-beta.4 → 0.0.2-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionSheet/index.d.ts +3 -0
- package/dist/ActionSheet/index.js +2 -0
- package/dist/Alert/index.d.ts +1 -1
- package/dist/Alert/index.js +1 -1
- package/dist/Avatar/index.d.ts +2 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Badge/index.d.ts +2 -2
- package/dist/Badge/index.js +1 -1
- package/dist/Button/button.d.ts +10 -6
- package/dist/Button/button.js +17 -9
- package/dist/Button/style.scss +231 -193
- package/dist/Calendar/calendar-grid.js +2 -2
- package/dist/Calendar/calendar-header.js +3 -3
- package/dist/Calendar/calendar-range.d.ts +3 -2
- package/dist/Calendar/calendar-range.js +17 -7
- package/dist/Calendar/calendar.d.ts +5 -3
- package/dist/Calendar/calendar.js +22 -8
- package/dist/Calendar/index.d.ts +4 -4
- package/dist/Calendar/style.scss +85 -85
- package/dist/Calendar/touchable-calendar-grid.js +49 -41
- package/dist/CalendarDatetimePicker/CalendarDatetimePicker.d.ts +10 -0
- package/dist/{Switch/switch.js → CalendarDatetimePicker/CalendarDatetimePicker.js} +154 -94
- package/dist/CalendarDatetimePicker/DateTimeSwitch.d.ts +14 -0
- package/dist/{Checkbox/checkbox-button.js → CalendarDatetimePicker/DateTimeSwitch.js} +26 -29
- package/dist/CalendarDatetimePicker/index.d.ts +3 -0
- package/dist/CalendarDatetimePicker/index.js +2 -0
- package/dist/CalendarDatetimePicker/style.scss +54 -0
- package/dist/CalendarDatetimePicker/types.d.ts +5 -0
- package/dist/CalendarDatetimePicker/types.js +6 -0
- package/dist/CalendarPicker/calendar-picker.d.ts +3 -3
- package/dist/CalendarPicker/calendar-picker.js +13 -12
- package/dist/CalendarPicker/calendar-range-picker.js +8 -7
- package/dist/CalendarPicker/style.scss +31 -20
- package/dist/Card/index.d.ts +2 -3
- package/dist/Card/index.js +1 -2
- package/dist/CascaderPicker/index.d.ts +1 -1
- package/dist/CascaderPicker/index.js +1 -1
- package/dist/CascaderView/index.d.ts +1 -1
- package/dist/CascaderView/index.js +1 -1
- package/dist/Cell/index.d.ts +3 -0
- package/dist/Cell/index.js +2 -0
- package/dist/Checkbox/index.d.ts +2 -8
- package/dist/Checkbox/index.js +1 -10
- package/dist/ConfigProvider/index.d.ts +2 -3
- package/dist/ConfigProvider/index.js +1 -2
- package/dist/Descriptions/index.d.ts +3 -0
- package/dist/Descriptions/index.js +2 -0
- package/dist/Divider/index.d.ts +2 -1
- package/dist/Divider/index.js +1 -1
- package/dist/Ellipsis/index.d.ts +2 -2
- package/dist/Ellipsis/index.js +1 -1
- package/dist/Empty/index.d.ts +2 -11
- package/dist/Empty/index.js +1 -48
- package/dist/ErrorBlock/index.d.ts +2 -6
- package/dist/ErrorBlock/index.js +1 -2
- package/dist/Footer/index.d.ts +2 -2
- package/dist/Footer/index.js +1 -1
- package/dist/Form/index.d.ts +1 -10
- package/dist/Form/index.js +1 -7
- package/dist/Grid/index.d.ts +2 -6
- package/dist/Grid/index.js +1 -3
- package/dist/Image/image.d.ts +9 -0
- package/dist/{Card/native-props.js → Image/image.js} +15 -19
- package/dist/Image/index.d.ts +3 -0
- package/dist/Image/index.js +2 -0
- package/dist/ImagesPreview/ImagesPreview.d.ts +12 -0
- package/dist/ImagesPreview/ImagesPreview.js +84 -0
- package/dist/ImagesPreview/index.d.ts +3 -0
- package/dist/ImagesPreview/index.js +2 -0
- package/dist/ImagesPreview/style.scss +34 -0
- package/dist/ImagesWall/ImagesWall.d.ts +29 -0
- package/dist/ImagesWall/ImagesWall.js +139 -0
- package/dist/ImagesWall/index.d.ts +3 -0
- package/dist/ImagesWall/index.js +2 -0
- package/dist/ImagesWall/style.scss +70 -0
- package/dist/Input/index.d.ts +2 -9
- package/dist/Input/index.js +1 -6
- package/dist/InputNumber/index.d.ts +1 -1
- package/dist/InputNumber/index.js +1 -1
- package/dist/Mask/index.d.ts +2 -1
- package/dist/Mask/index.js +1 -1
- package/dist/NavBar/index.d.ts +2 -2
- package/dist/NavBar/index.js +1 -1
- package/dist/NoticeBar/index.d.ts +2 -2
- package/dist/NoticeBar/index.js +1 -1
- package/dist/PageIndicator/index.d.ts +2 -2
- package/dist/PageIndicator/index.js +1 -1
- package/dist/Picker/index.d.ts +1 -1
- package/dist/Picker/index.js +1 -1
- package/dist/PickerView/index.d.ts +2 -3
- package/dist/PickerView/index.js +1 -1
- package/dist/Popup/index.d.ts +1 -1
- package/dist/Popup/index.js +1 -1
- package/dist/Progress/Progress.d.ts +38 -0
- package/dist/Progress/Progress.js +53 -0
- package/dist/Progress/ProgressCircle.d.ts +16 -0
- package/dist/Progress/ProgressCircle.js +147 -0
- package/dist/Progress/ProgressLine.d.ts +15 -0
- package/dist/Progress/ProgressLine.js +87 -0
- package/dist/Progress/index.d.ts +3 -0
- package/dist/Progress/index.js +2 -0
- package/dist/Progress/style.scss +33 -0
- package/dist/Progress/types.d.ts +4 -0
- package/dist/Progress/types.js +2 -0
- package/dist/Radio/index.d.ts +2 -10
- package/dist/Radio/index.js +1 -13
- package/dist/Rate/index.d.ts +2 -1
- package/dist/Rate/index.js +1 -1
- package/dist/Result/index.d.ts +2 -2
- package/dist/Result/index.js +1 -1
- package/dist/SafeArea/index.d.ts +2 -3
- package/dist/SafeArea/index.js +1 -2
- package/dist/Scaffold/index.d.ts +1 -1
- package/dist/Scaffold/index.js +1 -1
- package/dist/ScrollView/index.d.ts +1 -1
- package/dist/ScrollView/index.js +1 -1
- package/dist/SideBar/SideBarContext.d.ts +3 -3
- package/dist/SideBar/index.d.ts +1 -1
- package/dist/SideBar/side-bar.js +183 -95
- package/dist/SideBar/style.scss +85 -86
- package/dist/Space/index.d.ts +2 -2
- package/dist/Space/index.js +1 -1
- package/dist/SpinLoading/index.d.ts +2 -1
- package/dist/SpinLoading/index.js +1 -1
- package/dist/Steps/index.d.ts +3 -0
- package/dist/Steps/index.js +2 -0
- package/dist/Swiper/index.d.ts +8 -0
- package/dist/Swiper/index.js +5 -0
- package/dist/Swiper/swiper.d.ts +11 -0
- package/dist/{Avatar/avatar.js → Swiper/swiper.js} +19 -34
- package/dist/Switch/index.d.ts +2 -2
- package/dist/Switch/index.js +1 -1
- package/dist/TabBar/index.d.ts +2 -5
- package/dist/TabBar/index.js +1 -2
- package/dist/Tabs/index.d.ts +1 -7
- package/dist/Tabs/index.js +1 -4
- package/dist/Tag/index.d.ts +1 -1
- package/dist/Tag/index.js +1 -1
- package/dist/Toast/index.d.ts +1 -6
- package/dist/Toast/index.js +1 -3
- package/dist/VerificationCodeInput/index.d.ts +2 -1
- package/dist/VerificationCodeInput/index.js +1 -1
- package/dist/WaterMark/index.d.ts +2 -2
- package/dist/WaterMark/index.js +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/useTaro.d.ts +7 -0
- package/dist/hooks/useTaro.js +21 -0
- package/dist/index.d.ts +55 -11
- package/dist/index.js +15 -7
- package/dist/types.d.ts +9 -0
- package/dist/utils/datetime-utils.d.ts +3 -0
- package/dist/utils/datetime-utils.js +18 -0
- package/dist/utils/random-utils.d.ts +3 -0
- package/dist/utils/random-utils.js +13 -0
- package/package.json +36 -72
- package/readme.md +23 -43
- package/dist/Alert/alert.d.ts +0 -32
- package/dist/Alert/alert.js +0 -49
- package/dist/Alert/demo/base.d.ts +0 -3
- package/dist/Alert/demo/base.js +0 -56
- package/dist/Alert/style.scss +0 -69
- package/dist/Avatar/avatar.d.ts +0 -14
- package/dist/Avatar/demo/base.d.ts +0 -7
- package/dist/Avatar/demo/base.js +0 -109
- package/dist/Avatar/demo/style.scss +0 -6
- package/dist/Avatar/style.scss +0 -16
- package/dist/Badge/badge.d.ts +0 -14
- package/dist/Badge/badge.js +0 -82
- package/dist/Badge/demo/base.d.ts +0 -7
- package/dist/Badge/demo/base.js +0 -167
- package/dist/Badge/demo/base.scss +0 -6
- package/dist/Badge/style.scss +0 -100
- package/dist/Button/demo/base.d.ts +0 -3
- package/dist/Button/demo/base.js +0 -163
- package/dist/Calendar/demo/calendar.d.ts +0 -3
- package/dist/Calendar/demo/calendar.js +0 -10
- package/dist/Calendar/demo/grid.d.ts +0 -3
- package/dist/Calendar/demo/grid.js +0 -12
- package/dist/Calendar/demo/touch-grid.d.ts +0 -3
- package/dist/Calendar/demo/touch-grid.js +0 -8
- package/dist/CalendarPicker/demo/base.d.ts +0 -3
- package/dist/CalendarPicker/demo/base.js +0 -65
- package/dist/Card/card.d.ts +0 -17
- package/dist/Card/card.js +0 -36
- package/dist/Card/demo/base.d.ts +0 -4
- package/dist/Card/demo/base.js +0 -63
- package/dist/Card/demo/base.scss +0 -18
- package/dist/Card/native-props.d.ts +0 -8
- package/dist/Card/style.scss +0 -31
- package/dist/CascaderPicker/cascader-picker.d.ts +0 -20
- package/dist/CascaderPicker/cascader-picker.js +0 -106
- package/dist/CascaderPicker/demo/base.d.ts +0 -3
- package/dist/CascaderPicker/demo/base.js +0 -85
- package/dist/CascaderPicker/style.scss +0 -39
- package/dist/CascaderView/cascader-column-item.d.ts +0 -8
- package/dist/CascaderView/cascader-column-item.js +0 -19
- package/dist/CascaderView/cascader-column.d.ts +0 -9
- package/dist/CascaderView/cascader-column.js +0 -26
- package/dist/CascaderView/cascader-view.d.ts +0 -12
- package/dist/CascaderView/cascader-view.js +0 -120
- package/dist/CascaderView/demo/async.d.ts +0 -3
- package/dist/CascaderView/demo/async.js +0 -41
- package/dist/CascaderView/demo/base.d.ts +0 -3
- package/dist/CascaderView/demo/base.js +0 -62
- package/dist/CascaderView/demo/value.d.ts +0 -3
- package/dist/CascaderView/demo/value.js +0 -63
- package/dist/CascaderView/style.scss +0 -20
- package/dist/CascaderView/types.d.ts +0 -10
- package/dist/Checkbox/checkbox-button.d.ts +0 -3
- package/dist/Checkbox/checkbox-group.d.ts +0 -3
- package/dist/Checkbox/checkbox-group.js +0 -32
- package/dist/Checkbox/checkbox.d.ts +0 -4
- package/dist/Checkbox/checkbox.js +0 -43
- package/dist/Checkbox/demo/base.d.ts +0 -6
- package/dist/Checkbox/demo/base.js +0 -42
- package/dist/Checkbox/demo/disabled.d.ts +0 -3
- package/dist/Checkbox/demo/disabled.js +0 -19
- package/dist/Checkbox/group-context.d.ts +0 -3
- package/dist/Checkbox/group-context.js +0 -2
- package/dist/Checkbox/index.scss +0 -151
- package/dist/Checkbox/types.d.ts +0 -19
- package/dist/Checkbox/types.js +0 -1
- package/dist/ConfigProvider/config-provider.d.ts +0 -57
- package/dist/ConfigProvider/config-provider.js +0 -41
- package/dist/ConfigProvider/demo/base.d.ts +0 -6
- package/dist/ConfigProvider/demo/base.js +0 -24
- package/dist/DemoBlock/index.d.ts +0 -10
- package/dist/DemoBlock/index.js +0 -15
- package/dist/DemoBlock/index.scss +0 -20
- package/dist/DemoDescription/index.d.ts +0 -6
- package/dist/DemoDescription/index.js +0 -7
- package/dist/DemoDescription/index.scss +0 -3
- package/dist/Divider/demo/base.d.ts +0 -3
- package/dist/Divider/demo/base.js +0 -35
- package/dist/Divider/divider.d.ts +0 -17
- package/dist/Divider/divider.js +0 -36
- package/dist/Divider/style.scss +0 -62
- package/dist/Ellipsis/demo/base.d.ts +0 -3
- package/dist/Ellipsis/demo/base.js +0 -81
- package/dist/Ellipsis/ellipsis.d.ts +0 -16
- package/dist/Ellipsis/ellipsis.js +0 -79
- package/dist/Ellipsis/style.scss +0 -13
- package/dist/Ellipsis/useMeasure.d.ts +0 -2
- package/dist/Ellipsis/useMeasure.js +0 -123
- package/dist/Empty/demo/base.d.ts +0 -3
- package/dist/Empty/demo/base.js +0 -38
- package/dist/Empty/empty.d.ts +0 -3
- package/dist/Empty/empty.js +0 -48
- package/dist/Empty/style.scss +0 -22
- package/dist/ErrorBlock/create-error-block.d.ts +0 -13
- package/dist/ErrorBlock/create-error-block.js +0 -45
- package/dist/ErrorBlock/demo/base.d.ts +0 -3
- package/dist/ErrorBlock/demo/base.js +0 -23
- package/dist/ErrorBlock/error-block.d.ts +0 -2
- package/dist/ErrorBlock/error-block.js +0 -9
- package/dist/ErrorBlock/images/busy.d.ts +0 -2
- package/dist/ErrorBlock/images/busy.js +0 -90
- package/dist/ErrorBlock/images/busy.png +0 -0
- package/dist/ErrorBlock/images/default.d.ts +0 -2
- package/dist/ErrorBlock/images/default.js +0 -166
- package/dist/ErrorBlock/images/default.png +0 -0
- package/dist/ErrorBlock/images/disconnected.d.ts +0 -2
- package/dist/ErrorBlock/images/disconnected.js +0 -123
- package/dist/ErrorBlock/images/disconnected.png +0 -0
- package/dist/ErrorBlock/images/empty.d.ts +0 -2
- package/dist/ErrorBlock/images/empty.js +0 -119
- package/dist/ErrorBlock/images/empty.png +0 -0
- package/dist/ErrorBlock/images/index.d.ts +0 -4
- package/dist/ErrorBlock/images/index.js +0 -4
- package/dist/ErrorBlock/style.scss +0 -62
- package/dist/Footer/demo/base.d.ts +0 -6
- package/dist/Footer/demo/base.js +0 -81
- package/dist/Footer/footer.d.ts +0 -20
- package/dist/Footer/footer.js +0 -66
- package/dist/Footer/style.scss +0 -55
- package/dist/Form/FormItem/form-item-input.d.ts +0 -12
- package/dist/Form/FormItem/form-item-input.js +0 -34
- package/dist/Form/FormItem/form-item-label.d.ts +0 -13
- package/dist/Form/FormItem/form-item-label.js +0 -25
- package/dist/Form/FormItem/form-item.d.ts +0 -17
- package/dist/Form/FormItem/form-item.js +0 -48
- package/dist/Form/FormItem/index.d.ts +0 -5
- package/dist/Form/FormItem/index.js +0 -3
- package/dist/Form/context.d.ts +0 -11
- package/dist/Form/context.js +0 -6
- package/dist/Form/demo/base.d.ts +0 -3
- package/dist/Form/demo/base.js +0 -76
- package/dist/Form/form.d.ts +0 -39
- package/dist/Form/form.js +0 -28
- package/dist/Form/hooks/useForm.d.ts +0 -2
- package/dist/Form/hooks/useForm.js +0 -24
- package/dist/Form/hooks/useFormContext.d.ts +0 -2
- package/dist/Form/hooks/useFormContext.js +0 -6
- package/dist/Form/interface.d.ts +0 -3
- package/dist/Form/interface.js +0 -1
- package/dist/Form/style.scss +0 -42
- package/dist/Grid/demo/base.d.ts +0 -7
- package/dist/Grid/demo/base.js +0 -46
- package/dist/Grid/demo/base.scss +0 -7
- package/dist/Grid/grid.d.ts +0 -16
- package/dist/Grid/grid.js +0 -36
- package/dist/Grid/style.scss +0 -17
- package/dist/Icon/demo/base.d.ts +0 -6
- package/dist/Icon/demo/base.js +0 -41
- package/dist/Images/broken-image-icon.d.ts +0 -2
- package/dist/Images/broken-image-icon.js +0 -11
- package/dist/Images/demo/base.d.ts +0 -4
- package/dist/Images/demo/base.js +0 -101
- package/dist/Images/demo/base.scss +0 -4
- package/dist/Images/image-icon.d.ts +0 -2
- package/dist/Images/image-icon.js +0 -11
- package/dist/Images/image.d.ts +0 -19
- package/dist/Images/image.js +0 -114
- package/dist/Images/index.d.ts +0 -4
- package/dist/Images/index.js +0 -3
- package/dist/Images/lazy-detector.d.ts +0 -6
- package/dist/Images/lazy-detector.js +0 -22
- package/dist/Images/style.scss +0 -30
- package/dist/Input/base-input.d.ts +0 -14
- package/dist/Input/base-input.js +0 -54
- package/dist/Input/demo/base.d.ts +0 -3
- package/dist/Input/demo/base.js +0 -25
- package/dist/Input/index.scss +0 -160
- package/dist/Input/input-affix-wrapper.d.ts +0 -8
- package/dist/Input/input-affix-wrapper.js +0 -50
- package/dist/Input/input-opt.d.ts +0 -16
- package/dist/Input/input-opt.js +0 -91
- package/dist/Input/input-password.d.ts +0 -7
- package/dist/Input/input-password.js +0 -47
- package/dist/Input/input.d.ts +0 -15
- package/dist/Input/input.js +0 -47
- package/dist/Input/native-input.d.ts +0 -10
- package/dist/Input/native-input.js +0 -30
- package/dist/InputNumber/demo/base.d.ts +0 -3
- package/dist/InputNumber/demo/base.js +0 -13
- package/dist/InputNumber/input-number.d.ts +0 -13
- package/dist/InputNumber/input-number.js +0 -65
- package/dist/InputNumber/style.scss +0 -32
- package/dist/Mark/demo/base.d.ts +0 -4
- package/dist/Mark/demo/base.js +0 -158
- package/dist/Mark/demo/base.scss +0 -14
- package/dist/Mark/index.d.ts +0 -4
- package/dist/Mark/index.js +0 -3
- package/dist/Mark/mark.d.ts +0 -20
- package/dist/Mark/mark.js +0 -110
- package/dist/Mark/style.scss +0 -24
- package/dist/Mask/mask.d.ts +0 -10
- package/dist/Mask/mask.js +0 -25
- package/dist/Mask/style.scss +0 -17
- package/dist/NavBar/demo/base.d.ts +0 -4
- package/dist/NavBar/demo/base.js +0 -70
- package/dist/NavBar/demo/base.scss +0 -5
- package/dist/NavBar/nav-bar.d.ts +0 -31
- package/dist/NavBar/nav-bar.js +0 -36
- package/dist/NavBar/style.scss +0 -61
- package/dist/NoticeBar/demo/base.d.ts +0 -3
- package/dist/NoticeBar/demo/base.js +0 -90
- package/dist/NoticeBar/notice-bar.d.ts +0 -64
- package/dist/NoticeBar/notice-bar.js +0 -112
- package/dist/NoticeBar/style.scss +0 -130
- package/dist/PageIndicator/demo/base.d.ts +0 -3
- package/dist/PageIndicator/demo/base.js +0 -41
- package/dist/PageIndicator/page-indicator.d.ts +0 -10
- package/dist/PageIndicator/page-indicator.js +0 -27
- package/dist/PageIndicator/style.scss +0 -59
- package/dist/Picker/demo/base.d.ts +0 -3
- package/dist/Picker/demo/base.js +0 -56
- package/dist/Picker/picker.d.ts +0 -19
- package/dist/Picker/picker.js +0 -94
- package/dist/Picker/style.scss +0 -37
- package/dist/PickerView/demo/base.d.ts +0 -3
- package/dist/PickerView/demo/base.js +0 -36
- package/dist/PickerView/picker-view-column-item.d.ts +0 -7
- package/dist/PickerView/picker-view-column-item.js +0 -11
- package/dist/PickerView/picker-view-column.d.ts +0 -10
- package/dist/PickerView/picker-view-column.js +0 -117
- package/dist/PickerView/picker-view.d.ts +0 -11
- package/dist/PickerView/picker-view.js +0 -57
- package/dist/PickerView/style.scss +0 -72
- package/dist/PickerView/types.d.ts +0 -4
- package/dist/PickerView/types.js +0 -1
- package/dist/Popup/demo/base.d.ts +0 -3
- package/dist/Popup/demo/base.js +0 -98
- package/dist/Popup/popup-modal.d.ts +0 -54
- package/dist/Popup/popup-modal.js +0 -87
- package/dist/Popup/popup.d.ts +0 -10
- package/dist/Popup/popup.js +0 -52
- package/dist/Popup/style.scss +0 -53
- package/dist/ProgressBar/demo/base.d.ts +0 -3
- package/dist/ProgressBar/demo/base.js +0 -114
- package/dist/ProgressBar/index.d.ts +0 -2
- package/dist/ProgressBar/index.js +0 -2
- package/dist/ProgressBar/progress-bar.d.ts +0 -27
- package/dist/ProgressBar/progress-bar.js +0 -38
- package/dist/ProgressBar/style.scss +0 -34
- package/dist/Radio/GroupContext.d.ts +0 -9
- package/dist/Radio/GroupContext.js +0 -2
- package/dist/Radio/RadioButton.d.ts +0 -3
- package/dist/Radio/RadioButton.js +0 -60
- package/dist/Radio/RadioGroup.d.ts +0 -3
- package/dist/Radio/RadioGroup.js +0 -48
- package/dist/Radio/demo/base.d.ts +0 -4
- package/dist/Radio/demo/base.js +0 -84
- package/dist/Radio/demo/base.scss +0 -4
- package/dist/Radio/radio.d.ts +0 -4
- package/dist/Radio/radio.js +0 -68
- package/dist/Radio/style.scss +0 -116
- package/dist/Radio/types.d.ts +0 -55
- package/dist/Radio/types.js +0 -1
- package/dist/Rate/demo/base.d.ts +0 -3
- package/dist/Rate/demo/base.js +0 -59
- package/dist/Rate/rate.d.ts +0 -51
- package/dist/Rate/rate.js +0 -100
- package/dist/Rate/style.scss +0 -37
- package/dist/Result/demo/base.d.ts +0 -3
- package/dist/Result/demo/base.js +0 -57
- package/dist/Result/result.d.ts +0 -10
- package/dist/Result/result.js +0 -28
- package/dist/Result/style.scss +0 -73
- package/dist/Result/use-result-icon.d.ts +0 -2
- package/dist/Result/use-result-icon.js +0 -53
- package/dist/SafeArea/demo/base.d.ts +0 -3
- package/dist/SafeArea/demo/base.js +0 -17
- package/dist/SafeArea/demo/base.scss +0 -18
- package/dist/SafeArea/safe-area.d.ts +0 -12
- package/dist/SafeArea/safe-area.js +0 -15
- package/dist/SafeArea/style.scss +0 -17
- package/dist/Scaffold/demo/base.d.ts +0 -3
- package/dist/Scaffold/demo/base.js +0 -30
- package/dist/Scaffold/scaffold.d.ts +0 -10
- package/dist/Scaffold/scaffold.js +0 -22
- package/dist/Scaffold/style.scss +0 -16
- package/dist/ScrollView/demo/base.d.ts +0 -3
- package/dist/ScrollView/demo/base.js +0 -43
- package/dist/ScrollView/scroll-view.d.ts +0 -24
- package/dist/ScrollView/scroll-view.js +0 -84
- package/dist/ScrollView/style.scss +0 -19
- package/dist/SideBar/demo/base.d.ts +0 -3
- package/dist/SideBar/demo/base.js +0 -54
- package/dist/SideBar/demo/default-active.d.ts +0 -3
- package/dist/SideBar/demo/default-active.js +0 -34
- package/dist/SideBar/demo/scroll-mode.d.ts +0 -3
- package/dist/SideBar/demo/scroll-mode.js +0 -55
- package/dist/Space/demo/base.d.ts +0 -3
- package/dist/Space/demo/base.js +0 -120
- package/dist/Space/space.d.ts +0 -38
- package/dist/Space/space.js +0 -61
- package/dist/Space/style.scss +0 -77
- package/dist/SpinLoading/demo/base.d.ts +0 -3
- package/dist/SpinLoading/demo/base.js +0 -21
- package/dist/SpinLoading/spin-loading.d.ts +0 -10
- package/dist/SpinLoading/spin-loading.js +0 -59
- package/dist/SpinLoading/spin-loading.scss +0 -40
- package/dist/Switch/demo/base.d.ts +0 -3
- package/dist/Switch/demo/base.js +0 -104
- package/dist/Switch/spin-icon.d.ts +0 -3
- package/dist/Switch/spin-icon.js +0 -23
- package/dist/Switch/style.scss +0 -113
- package/dist/Switch/switch.d.ts +0 -18
- package/dist/TabBar/TabBarContext.d.ts +0 -10
- package/dist/TabBar/TabBarContext.js +0 -2
- package/dist/TabBar/demo/base.d.ts +0 -6
- package/dist/TabBar/demo/base.js +0 -26
- package/dist/TabBar/index.scss +0 -35
- package/dist/TabBar/tab-bar.d.ts +0 -61
- package/dist/TabBar/tab-bar.js +0 -86
- package/dist/Tabs/context.d.ts +0 -11
- package/dist/Tabs/context.js +0 -4
- package/dist/Tabs/demo/base.d.ts +0 -3
- package/dist/Tabs/demo/base.js +0 -59
- package/dist/Tabs/style.scss +0 -107
- package/dist/Tabs/tab-nav.d.ts +0 -9
- package/dist/Tabs/tab-nav.js +0 -25
- package/dist/Tabs/tab-pane.d.ts +0 -7
- package/dist/Tabs/tab-pane.js +0 -17
- package/dist/Tabs/tab.d.ts +0 -7
- package/dist/Tabs/tab.js +0 -6
- package/dist/Tabs/tabs.d.ts +0 -25
- package/dist/Tabs/tabs.js +0 -156
- package/dist/Tag/demo/base.d.ts +0 -7
- package/dist/Tag/demo/base.js +0 -67
- package/dist/Tag/demo/style.scss +0 -8
- package/dist/Tag/style.scss +0 -85
- package/dist/Tag/tag.d.ts +0 -30
- package/dist/Tag/tag.js +0 -44
- package/dist/Toast/demo/base.d.ts +0 -3
- package/dist/Toast/demo/base.js +0 -121
- package/dist/Toast/demo/component-mode.d.ts +0 -3
- package/dist/Toast/demo/component-mode.js +0 -32
- package/dist/Toast/style.scss +0 -63
- package/dist/Toast/toast-modal.d.ts +0 -18
- package/dist/Toast/toast-modal.js +0 -112
- package/dist/Toast/toast.d.ts +0 -20
- package/dist/Toast/toast.js +0 -112
- package/dist/VerificationCodeInput/demo/base.d.ts +0 -3
- package/dist/VerificationCodeInput/demo/base.js +0 -11
- package/dist/VerificationCodeInput/style.scss +0 -20
- package/dist/VerificationCodeInput/verification-code-input.d.ts +0 -25
- package/dist/VerificationCodeInput/verification-code-input.js +0 -99
- package/dist/WaterMark/demo/demo1.d.ts +0 -7
- package/dist/WaterMark/demo/demo1.js +0 -47
- package/dist/WaterMark/demo/demo1.scss +0 -6
- package/dist/WaterMark/demo/demo2.d.ts +0 -3
- package/dist/WaterMark/demo/demo2.js +0 -31
- package/dist/WaterMark/style.scss +0 -17
- package/dist/WaterMark/water-mark.d.ts +0 -22
- package/dist/WaterMark/water-mark.js +0 -108
- package/dist/style/index.d.ts +0 -1
- package/dist/style/index.js +0 -5
- package/dist/style/style.scss +0 -52
- package/dist/style/theme-dark.scss +0 -24
- package/dist/style/theme-default.scss +0 -54
- package/dist/style/variable.scss +0 -167
- package/dist/utils/attach-properties-to-component.d.ts +0 -1
- package/dist/utils/attach-properties-to-component.js +0 -9
- package/dist/utils/bound.d.ts +0 -1
- package/dist/utils/bound.js +0 -10
- package/dist/utils/can-use-dom.d.ts +0 -1
- package/dist/utils/can-use-dom.js +0 -1
- package/dist/utils/convert-px.d.ts +0 -1
- package/dist/utils/convert-px.js +0 -27
- package/dist/utils/dev-log.d.ts +0 -3
- package/dist/utils/dev-log.js +0 -36
- package/dist/utils/get-container.d.ts +0 -2
- package/dist/utils/get-container.js +0 -4
- package/dist/utils/get-scroll-parent.d.ts +0 -3
- package/dist/utils/get-scroll-parent.js +0 -23
- package/dist/utils/is-dev.d.ts +0 -1
- package/dist/utils/is-dev.js +0 -1
- package/dist/utils/lang.d.ts +0 -1
- package/dist/utils/lang.js +0 -1
- package/dist/utils/matrix.d.ts +0 -10
- package/dist/utils/matrix.js +0 -37
- package/dist/utils/reactNode.d.ts +0 -7
- package/dist/utils/reactNode.js +0 -13
- package/dist/utils/render-imperatively.d.ts +0 -14
- package/dist/utils/render-imperatively.js +0 -105
- package/dist/utils/render-to-body.d.ts +0 -2
- package/dist/utils/render-to-body.js +0 -13
- package/dist/utils/render-to-container.d.ts +0 -3
- package/dist/utils/render-to-container.js +0 -10
- package/dist/utils/render.d.ts +0 -9
- package/dist/utils/render.js +0 -87
- package/dist/utils/rubberband.d.ts +0 -2
- package/dist/utils/rubberband.js +0 -11
- package/dist/utils/should-render.d.ts +0 -10
- package/dist/utils/should-render.js +0 -12
- package/dist/utils/supports-passive.d.ts +0 -1
- package/dist/utils/supports-passive.js +0 -13
- package/dist/utils/taro-utils.d.ts +0 -1
- package/dist/utils/taro-utils.js +0 -6
- package/dist/utils/to-css-length.d.ts +0 -1
- package/dist/utils/to-css-length.js +0 -3
- package/dist/utils/type.d.ts +0 -65
- package/dist/utils/type.js +0 -48
- package/dist/utils/use-initialized.d.ts +0 -1
- package/dist/utils/use-initialized.js +0 -8
- package/dist/utils/use-isomorphic-update-layout-effect.d.ts +0 -2
- package/dist/utils/use-isomorphic-update-layout-effect.js +0 -2
- package/dist/utils/use-lock-scroll.d.ts +0 -2
- package/dist/utils/use-lock-scroll.js +0 -81
- package/dist/utils/use-mutation-effect.d.ts +0 -3
- package/dist/utils/use-mutation-effect.js +0 -26
- package/dist/utils/use-props-value.d.ts +0 -8
- package/dist/utils/use-props-value.js +0 -22
- package/dist/utils/use-resize-effect.d.ts +0 -2
- package/dist/utils/use-resize-effect.js +0 -23
- package/dist/utils/use-touch.d.ts +0 -17
- package/dist/utils/use-touch.js +0 -63
- package/dist/utils/validate.d.ts +0 -1
- package/dist/utils/validate.js +0 -4
- package/dist/utils/with-default-props.d.ts +0 -9
- package/dist/utils/with-default-props.js +0 -33
- package/dist/utils/with-stop-propagation.d.ts +0 -4
- package/dist/utils/with-stop-propagation.js +0 -38
- package/dist/utils/zIndex.d.ts +0 -1
- package/dist/utils/zIndex.js +0 -4
- package/dist/utils/zindexContext.d.ts +0 -3
- package/dist/utils/zindexContext.js +0 -6
- /package/dist/{CascaderView/types.js → types.js} +0 -0
package/dist/Tag/style.scss
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
$tagCls: 'triones-antm-tag';
|
|
2
|
-
|
|
3
|
-
.#{$tagCls} {
|
|
4
|
-
display: inline-block;
|
|
5
|
-
align-items: center;
|
|
6
|
-
padding: 2px 4px;
|
|
7
|
-
font-size: 11px;
|
|
8
|
-
line-height: 1.2;
|
|
9
|
-
border-radius: 2px;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
white-space: nowrap;
|
|
12
|
-
|
|
13
|
-
&-square {
|
|
14
|
-
border-radius: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&-round {
|
|
18
|
-
border-radius: 12px;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
// Default variant styles
|
|
22
|
-
&-default {
|
|
23
|
-
&.#{$tagCls}-solid {
|
|
24
|
-
background: #666;
|
|
25
|
-
color: #fff;
|
|
26
|
-
}
|
|
27
|
-
&.#{$tagCls}-outline {
|
|
28
|
-
color: #666;
|
|
29
|
-
border: 1px solid #666;
|
|
30
|
-
background: transparent;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// Primary variant styles
|
|
35
|
-
&-primary {
|
|
36
|
-
&.#{$tagCls}-solid {
|
|
37
|
-
background: #1677ff;
|
|
38
|
-
color: #fff;
|
|
39
|
-
}
|
|
40
|
-
&.#{$tagCls}-outline {
|
|
41
|
-
color: #1677ff;
|
|
42
|
-
border: 1px solid #1677ff;
|
|
43
|
-
background: transparent;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// Success variant styles
|
|
48
|
-
&-success {
|
|
49
|
-
&.#{$tagCls}-solid {
|
|
50
|
-
background: #00b578;
|
|
51
|
-
color: #fff;
|
|
52
|
-
}
|
|
53
|
-
&.#{$tagCls}-outline {
|
|
54
|
-
color: #00b578;
|
|
55
|
-
border: 1px solid #00b578;
|
|
56
|
-
background: transparent;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
// Warning variant styles
|
|
61
|
-
&-warning {
|
|
62
|
-
&.#{$tagCls}-solid {
|
|
63
|
-
background: #ff8f1f;
|
|
64
|
-
color: #fff;
|
|
65
|
-
}
|
|
66
|
-
&.#{$tagCls}-outline {
|
|
67
|
-
color: #ff8f1f;
|
|
68
|
-
border: 1px solid #ff8f1f;
|
|
69
|
-
background: transparent;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
// Danger variant styles
|
|
74
|
-
&-danger {
|
|
75
|
-
&.#{$tagCls}-solid {
|
|
76
|
-
background: #ff3141;
|
|
77
|
-
color: #fff;
|
|
78
|
-
}
|
|
79
|
-
&.#{$tagCls}-outline {
|
|
80
|
-
color: #ff3141;
|
|
81
|
-
border: 1px solid #ff3141;
|
|
82
|
-
background: transparent;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
package/dist/Tag/tag.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
2
|
-
import './style.scss';
|
|
3
|
-
export type TagProps = {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
* 标签色
|
|
7
|
-
*/
|
|
8
|
-
color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | string;
|
|
9
|
-
/**
|
|
10
|
-
* 填充模式
|
|
11
|
-
*/
|
|
12
|
-
fill?: 'solid' | 'outline';
|
|
13
|
-
/**
|
|
14
|
-
* 点击时的回调
|
|
15
|
-
*/
|
|
16
|
-
onClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
17
|
-
/**
|
|
18
|
-
* 是否圆角
|
|
19
|
-
*/
|
|
20
|
-
round?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* 自定义类名
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
25
|
-
/**
|
|
26
|
-
* 自定义样式
|
|
27
|
-
*/
|
|
28
|
-
style?: React.CSSProperties;
|
|
29
|
-
};
|
|
30
|
-
export declare const Tag: FC<TagProps>;
|
package/dist/Tag/tag.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["children", "color", "fill", "onClick", "className", "style", "round"];
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
-
import classNames from 'classnames';
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import "./style.scss";
|
|
14
|
-
export var Tag = function Tag(_ref) {
|
|
15
|
-
var children = _ref.children,
|
|
16
|
-
_ref$color = _ref.color,
|
|
17
|
-
color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
18
|
-
_ref$fill = _ref.fill,
|
|
19
|
-
fill = _ref$fill === void 0 ? 'solid' : _ref$fill,
|
|
20
|
-
onClick = _ref.onClick,
|
|
21
|
-
className = _ref.className,
|
|
22
|
-
style = _ref.style,
|
|
23
|
-
_ref$round = _ref.round,
|
|
24
|
-
round = _ref$round === void 0 ? false : _ref$round,
|
|
25
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
-
var clsPrefix = 'triones-antm-tag';
|
|
27
|
-
|
|
28
|
-
// 是否是预设颜色
|
|
29
|
-
var isPresetColor = ['default', 'primary', 'success', 'warning', 'danger'].includes(color);
|
|
30
|
-
var customStyle = !isPresetColor ? _objectSpread(_objectSpread({}, fill === 'solid' ? {
|
|
31
|
-
backgroundColor: color,
|
|
32
|
-
color: '#fff'
|
|
33
|
-
} : {
|
|
34
|
-
color: color,
|
|
35
|
-
borderColor: color,
|
|
36
|
-
backgroundColor: 'transparent'
|
|
37
|
-
}), style) : style;
|
|
38
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
39
|
-
className: classNames(clsPrefix, _defineProperty(_defineProperty(_defineProperty({}, "".concat(clsPrefix, "-").concat(color), isPresetColor), "".concat(clsPrefix, "-").concat(fill), fill), "".concat(clsPrefix, "-").concat(round ? 'round' : 'square'), round), className),
|
|
40
|
-
style: customStyle
|
|
41
|
-
}, props, {
|
|
42
|
-
onClick: onClick
|
|
43
|
-
}), children);
|
|
44
|
-
};
|
package/dist/Toast/demo/base.js
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useEffect, useState } from "react";
|
|
8
|
-
import { DemoBlock } from "../../DemoBlock";
|
|
9
|
-
import Button from "../../Button";
|
|
10
|
-
import Toast from "../index";
|
|
11
|
-
import Space from "../../Space";
|
|
12
|
-
var CountDownText = function CountDownText() {
|
|
13
|
-
var _useState = useState(5),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
count = _useState2[0],
|
|
16
|
-
setCount = _useState2[1];
|
|
17
|
-
useEffect(function () {
|
|
18
|
-
var interval = window.setInterval(function () {
|
|
19
|
-
setCount(function (x) {
|
|
20
|
-
if (x > 1) {
|
|
21
|
-
return x - 1;
|
|
22
|
-
} else {
|
|
23
|
-
return x;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}, 1000);
|
|
27
|
-
return function () {
|
|
28
|
-
window.clearInterval(interval);
|
|
29
|
-
};
|
|
30
|
-
}, []);
|
|
31
|
-
return /*#__PURE__*/React.createElement("span", null, "\u8FD8\u5269 ", count, " \u79D2");
|
|
32
|
-
};
|
|
33
|
-
export default (function () {
|
|
34
|
-
var toastContainer = React.useRef();
|
|
35
|
-
var toastContainer2 = React.useRef();
|
|
36
|
-
var toastContainer3 = React.useRef();
|
|
37
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
|
|
38
|
-
title: "\u57FA\u7840\u7528\u6CD5"
|
|
39
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
ref: toastContainer
|
|
41
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
Toast.show({
|
|
44
|
-
getContainer: function getContainer() {
|
|
45
|
-
return toastContainer.current;
|
|
46
|
-
},
|
|
47
|
-
content: 'Hello World, This is a long text'
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}, "\u8F7B\u63D0\u793A")), /*#__PURE__*/React.createElement(DemoBlock, {
|
|
51
|
-
title: "\u56FE\u6807"
|
|
52
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
53
|
-
ref: toastContainer2
|
|
54
|
-
}), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
55
|
-
onClick: function onClick() {
|
|
56
|
-
Toast.show({
|
|
57
|
-
getContainer: function getContainer() {
|
|
58
|
-
return toastContainer2.current;
|
|
59
|
-
},
|
|
60
|
-
icon: 'success',
|
|
61
|
-
content: '保存成功'
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
}, "\u6210\u529F"), /*#__PURE__*/React.createElement(Button, {
|
|
65
|
-
onClick: function onClick() {
|
|
66
|
-
Toast.show({
|
|
67
|
-
getContainer: function getContainer() {
|
|
68
|
-
return toastContainer2.current;
|
|
69
|
-
},
|
|
70
|
-
icon: 'fail',
|
|
71
|
-
content: '保存失败'
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
}, "\u5931\u8D25"), /*#__PURE__*/React.createElement(Button, {
|
|
75
|
-
onClick: function onClick() {
|
|
76
|
-
Toast.show({
|
|
77
|
-
getContainer: function getContainer() {
|
|
78
|
-
return toastContainer2.current;
|
|
79
|
-
},
|
|
80
|
-
icon: 'loading',
|
|
81
|
-
content: '加载中...'
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}, "\u52A0\u8F7D"))), /*#__PURE__*/React.createElement(DemoBlock, {
|
|
85
|
-
title: "\u66F4\u591A\u529F\u80FD"
|
|
86
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
87
|
-
ref: toastContainer3
|
|
88
|
-
}), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
89
|
-
onClick: function onClick() {
|
|
90
|
-
Toast.show({
|
|
91
|
-
getContainer: function getContainer() {
|
|
92
|
-
return toastContainer3.current;
|
|
93
|
-
},
|
|
94
|
-
content: 'Hello Word',
|
|
95
|
-
position: 'top'
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}, "\u9876\u90E8\u63D0\u793A"), /*#__PURE__*/React.createElement(Button, {
|
|
99
|
-
onClick: function onClick() {
|
|
100
|
-
Toast.show({
|
|
101
|
-
getContainer: function getContainer() {
|
|
102
|
-
return toastContainer3.current;
|
|
103
|
-
},
|
|
104
|
-
content: 'Hello Word',
|
|
105
|
-
position: 'bottom',
|
|
106
|
-
duration: 3333330
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
}, "\u5E95\u90E8\u63D0\u793A"), /*#__PURE__*/React.createElement(Button, {
|
|
110
|
-
onClick: function onClick() {
|
|
111
|
-
Toast.show({
|
|
112
|
-
getContainer: function getContainer() {
|
|
113
|
-
return toastContainer3.current;
|
|
114
|
-
},
|
|
115
|
-
icon: 'loading',
|
|
116
|
-
content: /*#__PURE__*/React.createElement(CountDownText, null),
|
|
117
|
-
duration: 5000
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
}, "\u52A8\u6001\u5185\u5BB9"))));
|
|
121
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useEffect, useState } from "react";
|
|
8
|
-
import { DemoBlock } from "../../DemoBlock";
|
|
9
|
-
import Toast from "../index";
|
|
10
|
-
import { Button } from "../../index";
|
|
11
|
-
export default (function () {
|
|
12
|
-
var _useState = useState(false),
|
|
13
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
14
|
-
open = _useState2[0],
|
|
15
|
-
setOpen = _useState2[1];
|
|
16
|
-
useEffect(function () {
|
|
17
|
-
console.log('open', open);
|
|
18
|
-
}, [open]);
|
|
19
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
|
|
20
|
-
title: "\u7EC4\u4EF6\u6A21\u5F0F"
|
|
21
|
-
}, /*#__PURE__*/React.createElement(Toast, {
|
|
22
|
-
open: open,
|
|
23
|
-
afterOpenChange: function afterOpenChange(open) {
|
|
24
|
-
return setOpen(open);
|
|
25
|
-
},
|
|
26
|
-
content: '轻提示'
|
|
27
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
28
|
-
onClick: function onClick() {
|
|
29
|
-
return setOpen(true);
|
|
30
|
-
}
|
|
31
|
-
}, "\u8F7B\u63D0\u793A")));
|
|
32
|
-
});
|
package/dist/Toast/style.scss
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
$toastCls: 'triones-antm-toast';
|
|
2
|
-
|
|
3
|
-
.#{$toastCls} {
|
|
4
|
-
position: fixed;
|
|
5
|
-
top: 0;
|
|
6
|
-
left: 0;
|
|
7
|
-
width: 100%;
|
|
8
|
-
height: 100%;
|
|
9
|
-
text-align: center;
|
|
10
|
-
pointer-events: none;
|
|
11
|
-
|
|
12
|
-
&-main {
|
|
13
|
-
|
|
14
|
-
padding: 12Px;
|
|
15
|
-
display: inline-block;
|
|
16
|
-
position: relative;
|
|
17
|
-
top: 50%;
|
|
18
|
-
transform: translateY(-50%);
|
|
19
|
-
width: auto;
|
|
20
|
-
max-width: 204px;
|
|
21
|
-
max-height: 70%;
|
|
22
|
-
overflow: auto;
|
|
23
|
-
color: #fff;
|
|
24
|
-
word-break: break-all;
|
|
25
|
-
background-color: rgba(0, 0, 0, .7);
|
|
26
|
-
border-radius: 8px;
|
|
27
|
-
pointer-events: all;
|
|
28
|
-
font-size: var(--adm-font-size-7);
|
|
29
|
-
line-height: 1.5;
|
|
30
|
-
box-sizing: border-box;
|
|
31
|
-
&-icon{
|
|
32
|
-
padding: 35Px 12Px;
|
|
33
|
-
min-width: 150Px;
|
|
34
|
-
.#{$toastCls}{
|
|
35
|
-
&-center{
|
|
36
|
-
&-center{
|
|
37
|
-
text-align: initial;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&-center{
|
|
45
|
-
display: flex;
|
|
46
|
-
flex-direction: column;
|
|
47
|
-
justify-content: center;
|
|
48
|
-
align-items: center;
|
|
49
|
-
gap: 8Px;
|
|
50
|
-
&-icon{
|
|
51
|
-
.triones-antm-icon{
|
|
52
|
-
font-size: 36Px;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
&-content{
|
|
56
|
-
display: inline-block;
|
|
57
|
-
color: #fff;
|
|
58
|
-
word-break: break-all;
|
|
59
|
-
pointer-events: all;
|
|
60
|
-
text-align: initial;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import "./style.scss";
|
|
4
|
-
export type ToastModalProps = {
|
|
5
|
-
open?: boolean;
|
|
6
|
-
maskClosable?: boolean;
|
|
7
|
-
content?: React.ReactNode;
|
|
8
|
-
duration?: number;
|
|
9
|
-
durationAble?: boolean;
|
|
10
|
-
icon?: 'success' | 'fail' | 'loading' | React.ReactNode;
|
|
11
|
-
maskClassName?: string;
|
|
12
|
-
position?: 'top' | 'bottom' | 'center';
|
|
13
|
-
destroyOnClose?: boolean;
|
|
14
|
-
afterClose?: () => void;
|
|
15
|
-
afterOpenChange?: (open: boolean) => void;
|
|
16
|
-
onDestroy?: () => void;
|
|
17
|
-
};
|
|
18
|
-
export declare const ToastModal: FC<ToastModalProps>;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
9
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
-
import { memo, useEffect, useMemo, useRef, useState } from "react";
|
|
12
|
-
import classNames from "classnames";
|
|
13
|
-
import React from "react";
|
|
14
|
-
import "./style.scss";
|
|
15
|
-
import Mask from "../Mask";
|
|
16
|
-
import { CheckOutline, CloseOutline } from "@trionesdev/antd-taro-icons-react";
|
|
17
|
-
import { SpinLoading } from "../index";
|
|
18
|
-
var toastCls = "triones-antm-toast";
|
|
19
|
-
export var ToastModal = /*#__PURE__*/memo(function (_ref) {
|
|
20
|
-
var open = _ref.open,
|
|
21
|
-
_ref$maskClosable = _ref.maskClosable,
|
|
22
|
-
maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
|
|
23
|
-
content = _ref.content,
|
|
24
|
-
_ref$duration = _ref.duration,
|
|
25
|
-
duration = _ref$duration === void 0 ? 2000 : _ref$duration,
|
|
26
|
-
_ref$durationAble = _ref.durationAble,
|
|
27
|
-
durationAble = _ref$durationAble === void 0 ? true : _ref$durationAble,
|
|
28
|
-
icon = _ref.icon,
|
|
29
|
-
maskClassName = _ref.maskClassName,
|
|
30
|
-
_ref$position = _ref.position,
|
|
31
|
-
position = _ref$position === void 0 ? 'center' : _ref$position,
|
|
32
|
-
destroyOnClose = _ref.destroyOnClose,
|
|
33
|
-
afterClose = _ref.afterClose,
|
|
34
|
-
afterOpenChange = _ref.afterOpenChange,
|
|
35
|
-
onDestroy = _ref.onDestroy;
|
|
36
|
-
var _useState = useState(open || false),
|
|
37
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
-
internalOpen = _useState2[0],
|
|
39
|
-
setInternalOpen = _useState2[1];
|
|
40
|
-
var time = useRef();
|
|
41
|
-
var handleIcon = function handleIcon() {
|
|
42
|
-
if (icon === 'success') {
|
|
43
|
-
return /*#__PURE__*/React.createElement(CheckOutline, null);
|
|
44
|
-
} else if (icon === 'fail') {
|
|
45
|
-
return /*#__PURE__*/React.createElement(CloseOutline, null);
|
|
46
|
-
} else if (icon === 'loading') {
|
|
47
|
-
return /*#__PURE__*/React.createElement(SpinLoading, {
|
|
48
|
-
color: "white"
|
|
49
|
-
});
|
|
50
|
-
} else {
|
|
51
|
-
return icon;
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
useEffect(function () {
|
|
55
|
-
if (open === undefined) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
if (open !== internalOpen) {
|
|
59
|
-
setInternalOpen(open);
|
|
60
|
-
}
|
|
61
|
-
}, [open]);
|
|
62
|
-
useEffect(function () {
|
|
63
|
-
afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(internalOpen);
|
|
64
|
-
if (!internalOpen) {
|
|
65
|
-
afterClose === null || afterClose === void 0 || afterClose();
|
|
66
|
-
if (destroyOnClose) {
|
|
67
|
-
onDestroy === null || onDestroy === void 0 || onDestroy();
|
|
68
|
-
}
|
|
69
|
-
clearTimeout(time.current);
|
|
70
|
-
}
|
|
71
|
-
if (durationAble && internalOpen && duration) {
|
|
72
|
-
time.current = setTimeout(function () {
|
|
73
|
-
setInternalOpen(false);
|
|
74
|
-
}, duration);
|
|
75
|
-
}
|
|
76
|
-
}, [internalOpen]);
|
|
77
|
-
var top = useMemo(function () {
|
|
78
|
-
switch (position) {
|
|
79
|
-
case 'top':
|
|
80
|
-
return '20%';
|
|
81
|
-
case 'bottom':
|
|
82
|
-
return '80%';
|
|
83
|
-
default:
|
|
84
|
-
return '50%';
|
|
85
|
-
}
|
|
86
|
-
}, [position]);
|
|
87
|
-
return /*#__PURE__*/React.createElement(Mask, {
|
|
88
|
-
className: maskClassName,
|
|
89
|
-
open: internalOpen,
|
|
90
|
-
onMaskClick: function onMaskClick() {
|
|
91
|
-
if (maskClosable) {
|
|
92
|
-
setInternalOpen(false);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
96
|
-
className: classNames(toastCls)
|
|
97
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
98
|
-
className: classNames("".concat(toastCls, "-main"), _defineProperty({}, "".concat(toastCls, "-main-icon"), icon)),
|
|
99
|
-
style: {
|
|
100
|
-
top: top
|
|
101
|
-
},
|
|
102
|
-
onClick: function onClick(e) {
|
|
103
|
-
e.stopPropagation();
|
|
104
|
-
}
|
|
105
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
106
|
-
className: classNames("".concat(toastCls, "-center"))
|
|
107
|
-
}, icon && /*#__PURE__*/React.createElement("div", {
|
|
108
|
-
className: classNames("".concat(toastCls, "-center-icon"))
|
|
109
|
-
}, handleIcon()), content && /*#__PURE__*/React.createElement("div", {
|
|
110
|
-
className: classNames("".concat(toastCls, "-center-content"))
|
|
111
|
-
}, content)))));
|
|
112
|
-
});
|
package/dist/Toast/toast.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import { ToastModalProps } from "./toast-modal";
|
|
3
|
-
export type ToastProps = Omit<ToastModalProps, 'onDestroy'> & {
|
|
4
|
-
getContainer?: () => HTMLElement;
|
|
5
|
-
};
|
|
6
|
-
export interface ToastHandle {
|
|
7
|
-
clear(): void;
|
|
8
|
-
}
|
|
9
|
-
export declare const InternalToast: FC<ToastProps>;
|
|
10
|
-
export type ToastShowProps = Omit<ToastModalProps, 'onDestroy' | 'open'> & {
|
|
11
|
-
getContainer: () => HTMLElement;
|
|
12
|
-
};
|
|
13
|
-
export declare class Toast {
|
|
14
|
-
private containerEl;
|
|
15
|
-
private mountEl;
|
|
16
|
-
private timer;
|
|
17
|
-
static show(config: ToastShowProps): Toast;
|
|
18
|
-
destroy: () => void;
|
|
19
|
-
create: (props: ToastShowProps) => void;
|
|
20
|
-
}
|
package/dist/Toast/toast.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["getContainer", "open"],
|
|
3
|
-
_excluded2 = ["getContainer", "duration"];
|
|
4
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
5
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
6
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
7
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
9
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
-
import React, { forwardRef, useEffect, useImperativeHandle } from "react";
|
|
20
|
-
import { ToastModal } from "./toast-modal";
|
|
21
|
-
import { createPortal } from "react-dom";
|
|
22
|
-
import { createRoot } from "react-dom/client";
|
|
23
|
-
export var InternalToast = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
24
|
-
var getContainer = _ref.getContainer,
|
|
25
|
-
_ref$open = _ref.open,
|
|
26
|
-
open = _ref$open === void 0 ? false : _ref$open,
|
|
27
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
var _React$useState = React.useState(false),
|
|
29
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
30
|
-
renderEnable = _React$useState2[0],
|
|
31
|
-
setRenderEnable = _React$useState2[1];
|
|
32
|
-
var containerRef = React.useRef(null);
|
|
33
|
-
var mountRef = React.useRef(null);
|
|
34
|
-
var rootContainer = (getContainer === null || getContainer === void 0 ? void 0 : getContainer()) || containerRef.current;
|
|
35
|
-
useImperativeHandle(ref, function () {
|
|
36
|
-
return {
|
|
37
|
-
clear: function clear() {}
|
|
38
|
-
};
|
|
39
|
-
});
|
|
40
|
-
var ToastPortal = function ToastPortal() {
|
|
41
|
-
if (!mountRef.current) {
|
|
42
|
-
mountRef.current = document.createElement("div");
|
|
43
|
-
rootContainer.appendChild(mountRef.current);
|
|
44
|
-
}
|
|
45
|
-
var destroy = function destroy() {
|
|
46
|
-
if (rootContainer && mountRef.current) {
|
|
47
|
-
rootContainer.removeChild(mountRef.current);
|
|
48
|
-
}
|
|
49
|
-
mountRef.current = null;
|
|
50
|
-
setRenderEnable(false);
|
|
51
|
-
};
|
|
52
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(ToastModal, _extends({}, rest, {
|
|
53
|
-
onDestroy: destroy,
|
|
54
|
-
open: open
|
|
55
|
-
})), containerRef.current));
|
|
56
|
-
};
|
|
57
|
-
useEffect(function () {
|
|
58
|
-
if (open && !renderEnable) {
|
|
59
|
-
setRenderEnable(true);
|
|
60
|
-
}
|
|
61
|
-
}, [open]);
|
|
62
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, !(getContainer !== null && getContainer !== void 0 && getContainer()) && /*#__PURE__*/React.createElement("div", {
|
|
63
|
-
ref: containerRef
|
|
64
|
-
}), renderEnable && /*#__PURE__*/React.createElement(ToastPortal, null));
|
|
65
|
-
});
|
|
66
|
-
export var Toast = /*#__PURE__*/function () {
|
|
67
|
-
function Toast() {
|
|
68
|
-
var _this = this;
|
|
69
|
-
_classCallCheck(this, Toast);
|
|
70
|
-
_defineProperty(this, "containerEl", void 0);
|
|
71
|
-
_defineProperty(this, "mountEl", null);
|
|
72
|
-
_defineProperty(this, "timer", void 0);
|
|
73
|
-
_defineProperty(this, "destroy", function () {
|
|
74
|
-
if (_this.mountEl) {
|
|
75
|
-
var _this$mountEl$parentN;
|
|
76
|
-
(_this$mountEl$parentN = _this.mountEl.parentNode) === null || _this$mountEl$parentN === void 0 || _this$mountEl$parentN.removeChild(_this.mountEl);
|
|
77
|
-
}
|
|
78
|
-
if (_this.timer) {
|
|
79
|
-
clearTimeout(_this.timer);
|
|
80
|
-
_this.timer = null;
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
_defineProperty(this, "create", function (props) {
|
|
84
|
-
var getContainer = props.getContainer,
|
|
85
|
-
_props$duration = props.duration,
|
|
86
|
-
duration = _props$duration === void 0 ? 2000 : _props$duration,
|
|
87
|
-
config = _objectWithoutProperties(props, _excluded2);
|
|
88
|
-
_this.containerEl = getContainer();
|
|
89
|
-
_this.mountEl = document.createElement("div");
|
|
90
|
-
_this.containerEl.appendChild(_this.mountEl);
|
|
91
|
-
createRoot(_this.mountEl).render( /*#__PURE__*/React.createElement(ToastModal, _extends({}, config, {
|
|
92
|
-
onDestroy: _this.destroy,
|
|
93
|
-
open: true,
|
|
94
|
-
durationAble: false
|
|
95
|
-
})));
|
|
96
|
-
if (duration) {
|
|
97
|
-
_this.timer = setTimeout(function () {
|
|
98
|
-
_this.destroy();
|
|
99
|
-
}, duration);
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
_createClass(Toast, null, [{
|
|
104
|
-
key: "show",
|
|
105
|
-
value: function show(config) {
|
|
106
|
-
var toast = new Toast();
|
|
107
|
-
toast.create(config);
|
|
108
|
-
return toast;
|
|
109
|
-
}
|
|
110
|
-
}]);
|
|
111
|
-
return Toast;
|
|
112
|
-
}();
|