@nutui/nutui-react 2.0.0-alpha.11 → 2.0.0-alpha.13
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/CHANGELOG.md +28 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +28 -37
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +22 -26
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/CountDown/style/style.css +1 -1
- package/dist/esm/CountDown.js +20 -15
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +33 -87
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +65 -133
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +86 -102
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +30 -35
- package/dist/esm/Video.js +8 -12
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/VirtualList.js +29 -25
- package/dist/esm/WaterMark.js +8 -11
- package/dist/esm/types/src/packages/actionsheet/actionsheet.d.ts +11 -15
- package/dist/esm/types/src/packages/actionsheet/actionsheet.taro.d.ts +11 -15
- package/dist/esm/types/src/packages/actionsheet/index.d.ts +1 -0
- package/dist/esm/types/src/packages/actionsheet/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/animatingnumbers/countup.d.ts +7 -8
- package/dist/esm/types/src/packages/animatingnumbers/countup.taro.d.ts +7 -8
- package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/animatingnumbers/index.d.ts +1 -0
- package/dist/esm/types/src/packages/animatingnumbers/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/avatargroup/avatargroup.taro.d.ts +13 -0
- package/dist/esm/types/src/packages/avatargroup/index.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +2 -1
- package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/configprovider/index.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -0
- package/dist/esm/types/src/packages/countdown/countdown.d.ts +5 -4
- package/dist/esm/types/src/packages/countdown/countdown.taro.d.ts +5 -4
- package/dist/esm/types/src/packages/countdown/index.d.ts +1 -0
- package/dist/esm/types/src/packages/countdown/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/ellipsis/ellipsis.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/index.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +4 -31
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +4 -31
- package/dist/esm/types/src/packages/shortpassword/index.d.ts +1 -0
- package/dist/esm/types/src/packages/shortpassword/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +17 -20
- package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts +17 -20
- package/dist/esm/types/src/packages/toast/Notification.d.ts +9 -13
- package/dist/esm/types/src/packages/toast/index.d.ts +1 -0
- package/dist/esm/types/src/packages/toast/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/toast/toast.d.ts +19 -26
- package/dist/esm/types/src/packages/toast/toast.taro.d.ts +9 -11
- package/dist/esm/types/src/packages/trendarrow/trendarrow.d.ts +8 -10
- package/dist/esm/types/src/packages/trendarrow/trendarrow.taro.d.ts +8 -10
- package/dist/esm/types/src/packages/video/index.d.ts +1 -0
- package/dist/esm/types/src/packages/video/index.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/video/video.d.ts +5 -9
- package/dist/esm/types/src/packages/video/video.taro.d.ts +6 -9
- package/dist/esm/types/src/packages/virtuallist/index.d.ts +1 -0
- package/dist/esm/types/src/packages/virtuallist/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/virtuallist/type.d.ts +0 -18
- package/dist/esm/types/src/packages/virtuallist/utils.d.ts +3 -3
- package/dist/esm/types/src/packages/virtuallist/virtuallist.d.ts +15 -4
- package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -14
- package/dist/esm/types/src/packages/watermark/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/watermark/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/watermark/index.d.ts +1 -0
- package/dist/esm/types/src/packages/watermark/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/watermark/watermark.d.ts +3 -4
- package/dist/esm/types/src/packages/watermark/watermark.taro.d.ts +3 -4
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +10 -2
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +525 -590
- package/dist/nutui.react.umd.js +525 -590
- package/dist/packages/actionsheet/actionsheet.scss +26 -73
- package/dist/packages/animatingnumbers/countup.scss +0 -21
- package/dist/packages/countdown/countdown.scss +2 -0
- package/dist/packages/ellipsis/ellipsis.scss +4 -0
- package/dist/packages/popup/popup.scss +98 -47
- package/dist/packages/searchbar/searchbar.scss +13 -71
- package/dist/packages/shortpassword/shortpassword.scss +1 -88
- package/dist/packages/toast/toast.scss +20 -7
- package/dist/packages/trendarrow/trendarrow.scss +4 -3
- package/dist/packages/virtuallist/virtuallist.scss +0 -12
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +58 -68
- package/dist/styles/variables.scss +32 -61
- package/dist/types/packages/actionsheet/actionsheet.d.ts +44 -16
- package/dist/types/packages/actionsheet/index.d.ts +1 -0
- package/dist/types/packages/animate/animate.d.ts +20 -4
- package/dist/types/packages/animatingnumbers/countup.d.ts +7 -8
- package/dist/types/packages/animatingnumbers/index.d.ts +1 -0
- package/dist/types/packages/audio/audio.d.ts +60 -12
- package/dist/types/packages/avatar/avatar.d.ts +50 -10
- package/dist/types/packages/avatargroup/avatargroup.d.ts +40 -8
- package/dist/types/packages/backtop/backtop.d.ts +25 -5
- package/dist/types/packages/badge/badge.d.ts +30 -6
- package/dist/types/packages/button/button.d.ts +50 -10
- package/dist/types/packages/cascader/cascader.d.ts +85 -17
- package/dist/types/packages/cell/cell.d.ts +30 -6
- package/dist/types/packages/cellgroup/cellgroup.d.ts +15 -3
- package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +40 -8
- package/dist/types/packages/circleprogress/circleprogress.d.ts +35 -7
- package/dist/types/packages/col/col.d.ts +15 -3
- package/dist/types/packages/collapse/collapse.d.ts +25 -5
- package/dist/types/packages/collapseitem/collapseitem.d.ts +20 -4
- package/dist/types/packages/configprovider/configprovider.d.ts +11 -2
- package/dist/types/packages/configprovider/index.d.ts +1 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -0
- package/dist/types/packages/countdown/countdown.d.ts +68 -15
- package/dist/types/packages/countdown/index.d.ts +1 -0
- package/dist/types/packages/divider/divider.d.ts +10 -2
- package/dist/types/packages/drag/drag.d.ts +15 -3
- package/dist/types/packages/elevator/elevator.d.ts +45 -9
- package/dist/types/packages/ellipsis/ellipsis.d.ts +45 -9
- package/dist/types/packages/empty/empty.d.ts +20 -4
- package/dist/types/packages/fixednav/fixednav.d.ts +50 -10
- package/dist/types/packages/grid/grid.d.ts +35 -7
- package/dist/types/packages/griditem/griditem.d.ts +5 -1
- package/dist/types/packages/image/image.d.ts +65 -13
- package/dist/types/packages/imagepreview/imagepreview.d.ts +50 -10
- package/dist/types/packages/indicator/indicator.d.ts +15 -3
- package/dist/types/packages/input/input.d.ts +100 -20
- package/dist/types/packages/inputnumber/inputnumber.d.ts +85 -17
- package/dist/types/packages/menu/menu.d.ts +25 -5
- package/dist/types/packages/menuitem/menuitem.d.ts +35 -7
- package/dist/types/packages/noticebar/noticebar.d.ts +60 -12
- package/dist/types/packages/notify/notify.d.ts +25 -5
- package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +50 -10
- package/dist/types/packages/overlay/overlay.d.ts +40 -8
- package/dist/types/packages/pagination/pagination.d.ts +55 -11
- package/dist/types/packages/picker/picker.d.ts +55 -11
- package/dist/types/packages/popup/popup.d.ts +75 -15
- package/dist/types/packages/price/price.d.ts +35 -7
- package/dist/types/packages/progress/progress.d.ts +40 -8
- package/dist/types/packages/pulltorefresh/pulltorefresh.d.ts +50 -10
- package/dist/types/packages/radio/radio.d.ts +45 -9
- package/dist/types/packages/radiogroup/radiogroup.d.ts +30 -6
- package/dist/types/packages/range/range.d.ts +80 -16
- package/dist/types/packages/rate/rate.d.ts +50 -10
- package/dist/types/packages/searchbar/index.d.ts +1 -0
- package/dist/types/packages/searchbar/searchbar.d.ts +76 -45
- package/dist/types/packages/shortpassword/index.d.ts +1 -0
- package/dist/types/packages/shortpassword/shortpassword.d.ts +89 -24
- package/dist/types/packages/skeleton/skeleton.d.ts +35 -7
- package/dist/types/packages/step/step.d.ts +20 -4
- package/dist/types/packages/steps/steps.d.ts +15 -3
- package/dist/types/packages/sticky/sticky.d.ts +25 -5
- package/dist/types/packages/swipe/swipe.d.ts +47 -11
- package/dist/types/packages/swiper/swiper.d.ts +65 -13
- package/dist/types/packages/switch/switch.d.ts +30 -6
- package/dist/types/packages/tabbar/tabbar.d.ts +35 -7
- package/dist/types/packages/tabbaritem/tabbaritem.d.ts +10 -2
- package/dist/types/packages/tabpane/tabpane.d.ts +15 -3
- package/dist/types/packages/tabs/tabs.d.ts +60 -12
- package/dist/types/packages/textarea/textarea.d.ts +60 -12
- package/dist/types/packages/toast/Notification.d.ts +9 -13
- package/dist/types/packages/toast/index.d.ts +1 -0
- package/dist/types/packages/toast/toast.d.ts +19 -26
- package/dist/types/packages/trendarrow/trendarrow.d.ts +57 -15
- package/dist/types/packages/uploader/uploader.d.ts +180 -36
- package/dist/types/packages/video/index.d.ts +1 -0
- package/dist/types/packages/video/video.d.ts +27 -11
- package/dist/types/packages/virtuallist/index.d.ts +1 -0
- package/dist/types/packages/virtuallist/type.d.ts +0 -18
- package/dist/types/packages/virtuallist/utils.d.ts +3 -3
- package/dist/types/packages/virtuallist/virtuallist.d.ts +51 -4
- package/dist/types/packages/watermark/index.d.ts +1 -0
- package/dist/types/packages/watermark/watermark.d.ts +72 -17
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,31 @@
|
|
|
1
|
+
# v2.0.0-alpha.13
|
|
2
|
+
`2023-05-31`
|
|
3
|
+
|
|
4
|
+
* 🛠 refactor: animatingNumbers (#1048) @拧巴的猫
|
|
5
|
+
* 🛠 refactor: trendArrow (#1066) @拧巴的猫
|
|
6
|
+
* 🛠 refactor: video (#1034) @junjun666
|
|
7
|
+
* 🛠 refactor: watermark (#1071) @Eiinu
|
|
8
|
+
* :sparkles: feat: 构建类型文件中的注释,方便在编辑器中查看属性的说明 (#1068) @oasis-cloud
|
|
9
|
+
* :bug: fix: popup 在 taro 中的动效优化 (#1065) @oasis-cloud
|
|
10
|
+
* :bug: fix: 修改 uploader 和 video 的 taro 文档 (#1070) @junjun666
|
|
11
|
+
* 📖 docs: correct spelling errors (#1058) @konka
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
# v2.0.0-alpha.12
|
|
16
|
+
`2023-05-26`
|
|
17
|
+
|
|
18
|
+
* 🛠 refactor: actionSheet (#1053) @xiaoyatong
|
|
19
|
+
* 🛠 refactor: countdown (#1040) @拧巴的猫
|
|
20
|
+
* 🛠 refactor: searchBar (#1047) @xiaoyatong
|
|
21
|
+
* 🛠 refactor: shortPassword (#1046) @Eiinu
|
|
22
|
+
* 🛠 refactor: toast (#1026) @justExplore
|
|
23
|
+
* 🛠 refactor: virtualList (#1056) @Eiinu
|
|
24
|
+
* :sparkles: feat: ellipsis add width attribute (#1038) @Zhu Da Shuai
|
|
25
|
+
* :sparkles: feat: 导出主题中的 CSS 变量类型 (#1050) @oasis-cloud
|
|
26
|
+
* 📖 docs: import touch-emulator (#1045) @oasis-cloud
|
|
27
|
+
|
|
28
|
+
|
|
1
29
|
# v2.0.0-alpha.11
|
|
2
30
|
`2023-05-24`
|
|
3
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet .nut-actionsheet__title{display:block;padding:10px;margin:0;background-color:var(--nutui-gray-6, #ffffff);border-bottom:1px solid var(--nutui-actionsheet-border-color, #f6f6f6);font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-actionsheet .nut-actionsheet__description{padding:10px;display:block;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-2, #757575);margin-inline-start:0px}.nut-actionsheet .nut-actionsheet__list{display:block;list-style:none;padding:0;margin:0}.nut-actionsheet .nut-actionsheet__cancel,.nut-actionsheet .nut-actionsheet__item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-gray-6, #ffffff);cursor:pointer}.nut-actionsheet .nut-actionsheet__cancel-description,.nut-actionsheet .nut-actionsheet__item-description{display:block;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-actionsheet .nut-actionsheet__cancel.danger,.nut-actionsheet .nut-actionsheet__item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-brand-color, #fa2c19))}.nut-actionsheet .nut-actionsheet__cancel.disabled,.nut-actionsheet .nut-actionsheet__item.disabled{color:#e1e1e1!important;cursor:not-allowed}.nut-actionsheet .nut-actionsheet__cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, #f6f6f6)}
|
package/dist/esm/ActionSheet.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
var _excluded = ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"];
|
|
4
4
|
function ownKeys(object, enumerableOnly) {
|
|
5
5
|
var keys = Object.keys(object);
|
|
6
6
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -24,37 +24,31 @@ function _objectSpread(target) {
|
|
|
24
24
|
}
|
|
25
25
|
import React__default from "react";
|
|
26
26
|
import Popup from "./Popup.js";
|
|
27
|
-
import {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
cancelText: "",
|
|
31
|
-
optionTag: "name",
|
|
32
|
-
optionSubTag: "subname",
|
|
33
|
-
chooseTagValue: "",
|
|
27
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
28
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
29
|
+
visible: false,
|
|
34
30
|
title: "",
|
|
35
|
-
color: "#ee0a24",
|
|
36
31
|
description: "",
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
options: [],
|
|
33
|
+
optionKey: {
|
|
34
|
+
name: "name",
|
|
35
|
+
description: "description"
|
|
39
36
|
},
|
|
40
|
-
|
|
37
|
+
cancelText: "",
|
|
38
|
+
onCancel: function onCancel() {
|
|
41
39
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
};
|
|
40
|
+
onSelect: function onSelect() {
|
|
41
|
+
}
|
|
42
|
+
});
|
|
46
43
|
var ActionSheet = function ActionSheet2(props) {
|
|
47
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, cancelText = _defaultProps$props.cancelText,
|
|
48
|
-
var
|
|
49
|
-
var isHighlight = function isHighlight2(item) {
|
|
50
|
-
return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "$dark1";
|
|
51
|
-
};
|
|
44
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, cancelText = _defaultProps$props.cancelText, optionKey = _defaultProps$props.optionKey, title = _defaultProps$props.title, description = _defaultProps$props.description, options = _defaultProps$props.options, onCancel2 = _defaultProps$props.onCancel, onSelect2 = _defaultProps$props.onSelect, visible = _defaultProps$props.visible, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
45
|
+
var classPrefix = "nut-actionsheet";
|
|
52
46
|
var cancelActionSheet = function cancelActionSheet2() {
|
|
53
47
|
onCancel2 && onCancel2();
|
|
54
48
|
};
|
|
55
49
|
var chooseItem = function chooseItem2(item, index) {
|
|
56
50
|
if (!item.disable) {
|
|
57
|
-
|
|
51
|
+
onSelect2 && onSelect2(item, index);
|
|
58
52
|
}
|
|
59
53
|
};
|
|
60
54
|
return React__default.createElement(Popup, {
|
|
@@ -65,29 +59,26 @@ var ActionSheet = function ActionSheet2(props) {
|
|
|
65
59
|
onCancel2 && onCancel2();
|
|
66
60
|
}
|
|
67
61
|
}, React__default.createElement("div", _objectSpread({
|
|
68
|
-
className: "".concat(
|
|
62
|
+
className: "".concat(classPrefix, " ").concat(className),
|
|
69
63
|
style
|
|
70
64
|
}, rest), title && React__default.createElement("div", {
|
|
71
|
-
className:
|
|
65
|
+
className: "".concat(classPrefix, "__title")
|
|
72
66
|
}, title), description && React__default.createElement("div", {
|
|
73
|
-
className: "".concat(
|
|
74
|
-
}, description),
|
|
75
|
-
className:
|
|
76
|
-
},
|
|
67
|
+
className: "".concat(classPrefix, "__description")
|
|
68
|
+
}, description), options.length ? React__default.createElement("div", {
|
|
69
|
+
className: "".concat(classPrefix, "__list")
|
|
70
|
+
}, options.map(function(item, index) {
|
|
77
71
|
return React__default.createElement("div", {
|
|
78
|
-
className: "".concat(
|
|
79
|
-
style: {
|
|
80
|
-
color: isHighlight(item)
|
|
81
|
-
},
|
|
72
|
+
className: "".concat(classPrefix, "__item ").concat(item.disable ? "disabled" : "", " ").concat(item.danger ? "danger" : ""),
|
|
82
73
|
key: index,
|
|
83
74
|
onClick: function onClick() {
|
|
84
75
|
return chooseItem(item, index);
|
|
85
76
|
}
|
|
86
|
-
}, item[
|
|
87
|
-
className: "
|
|
88
|
-
}, item[
|
|
77
|
+
}, item[optionKey.name], React__default.createElement("div", {
|
|
78
|
+
className: "".concat(classPrefix, "__item-description")
|
|
79
|
+
}, item[optionKey.description]));
|
|
89
80
|
})) : children, cancelText && React__default.createElement("div", {
|
|
90
|
-
className:
|
|
81
|
+
className: "".concat(classPrefix, "__cancel"),
|
|
91
82
|
onClick: function onClick() {
|
|
92
83
|
return cancelActionSheet();
|
|
93
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:1px;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-font-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-code-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-name-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nutui-gray-6, #ffffff));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 8px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 10px);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-theme-dark .nut-address .nut-elevator__list__inner{background-color:#1f1f1f}.nut-theme-dark .nut-address__header,.nut-theme-dark .nut-address__header__title,.nut-theme-dark .nut-address .nut-address__region-tab .nut-address__tab-item,.nut-theme-dark .nut-address .nut-address__region-con .nut-address__region-group .nut-address__region-item div,.nut-theme-dark .nut-address .nut-address__exist-item-info,.nut-theme-dark .nut-address__exist-group .nut-address__exist-ul li div i,.nut-theme-dark .nut-address .exist-address .exist-address-group .exist-ul .exist-item{color:#e6e6e6}.nut-theme-dark .nut-address .exist-address .choose-other,.nut-theme-dark .nut-address-custom-buttom{border-top:1px solid #0a0a0a}.nut-address{display:block}.nut-address__header{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:17px;padding:0 20px;text-align:center;font-weight:700;color:var(--nutui-gray-1, #1a1a1a);line-height:20px}.nut-address__header__title{display:block;color:var(--nutui-gray-1, #1a1a1a);font-size:18px}.nut-address .nut-address__custom{display:block}.nut-address .nut-address__custom .nut-address__region-tab{position:relative;margin-top:32px;padding:0 20px;display:flex;font-size:13px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item{min-width:2px;margin-right:30px;display:block}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item.active{clear:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item span{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-line{position:absolute;bottom:-10px;left:20px;display:inline-block;margin-top:5px;width:26px;height:3px;background:linear-gradient(90deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);transition:.2s all linear}.nut-address .nut-address__custom .nut-address__region-con{display:block;margin:20px 20px 0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group{height:270px;overflow-y:auto;box-sizing:border-box;padding:0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item.active{font-weight:700;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item .nut-address__region-item--icon{margin-right:6px}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item>div{width:100%}.nut-address .nut-address__custom .nut-address__elevator-group{display:flex;margin-top:20px}.nut-address .nut-address__exist{display:block;margin-top:15px}.nut-address .nut-address__exist .nut-address__exist-group{padding:15px 20px 0;height:279px;overflow-y:auto}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul{box-sizing:border-box;padding:0}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item{margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);line-height:14px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item.active{font-weight:700}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item>div{display:flex;align-items:center}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item .nut-address__exist-item-icon{margin-right:9px}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item span{display:inline-block;flex:1}.nut-address .nut-address__exist .nut-address__choose-other{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address .nut-address__exist .nut-address__choose-other-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-brand-text-color, #ffffff)}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:1px;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-font-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-code-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-name-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nutui-gray-6, #ffffff));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 8px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 10px);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-theme-dark .nut-address .nut-elevator__list__inner{background-color:#1f1f1f}.nut-theme-dark .nut-address__header,.nut-theme-dark .nut-address__header__title,.nut-theme-dark .nut-address .nut-address__region-tab .nut-address__tab-item,.nut-theme-dark .nut-address .nut-address__region-con .nut-address__region-group .nut-address__region-item div,.nut-theme-dark .nut-address .nut-address__exist-item-info,.nut-theme-dark .nut-address__exist-group .nut-address__exist-ul li div i,.nut-theme-dark .nut-address .exist-address .exist-address-group .exist-ul .exist-item{color:#e6e6e6}.nut-theme-dark .nut-address .exist-address .choose-other,.nut-theme-dark .nut-address-custom-buttom{border-top:1px solid #0a0a0a}.nut-address{display:block}.nut-address__header{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:17px;padding:0 20px;text-align:center;font-weight:700;color:var(--nutui-gray-1, #1a1a1a);line-height:20px}.nut-address__header__title{display:block;color:var(--nutui-gray-1, #1a1a1a);font-size:18px}.nut-address .nut-address__custom{display:block}.nut-address .nut-address__custom .nut-address__region-tab{position:relative;margin-top:32px;padding:0 20px;display:flex;font-size:13px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item{min-width:2px;margin-right:30px;display:block}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item.active{clear:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item span{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-line{position:absolute;bottom:-10px;left:20px;display:inline-block;margin-top:5px;width:26px;height:3px;background:linear-gradient(90deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);transition:.2s all linear}.nut-address .nut-address__custom .nut-address__region-con{display:block;margin:20px 20px 0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group{height:270px;overflow-y:auto;box-sizing:border-box;padding:0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item.active{font-weight:700;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item .nut-address__region-item--icon{margin-right:6px}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item>div{width:100%}.nut-address .nut-address__custom .nut-address__elevator-group{display:flex;margin-top:20px}.nut-address .nut-address__exist{display:block;margin-top:15px}.nut-address .nut-address__exist .nut-address__exist-group{padding:15px 20px 0;height:279px;overflow-y:auto}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul{box-sizing:border-box;padding:0}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item{margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);line-height:14px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item.active{font-weight:700}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item>div{display:flex;align-items:center}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item .nut-address__exist-item-icon{margin-right:9px}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item span{display:inline-block;flex:1}.nut-address .nut-address__exist .nut-address__choose-other{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address .nut-address__exist .nut-address__choose-other-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-brand-text-color, #ffffff)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-countup__list{display:inline-flex;height:var(--nutui-countup-height, 32px);overflow:hidden}.nut-countup__listitem{height:var(--nutui-countup-height, 32px);overflow:hidden;font-size:var(--nutui-countup-base-size, 18px);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-countup__number,.nut-countup__separator{display:flex;flex-direction:column;align-items:center}.nut-countup__number span,.nut-countup__separator span{height:var(--nutui-countup-height, 32px);line-height:var(--nutui-countup-height, 32px)}
|
|
@@ -3,9 +3,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
3
3
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
6
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
8
|
-
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
+
var _excluded = ["length", "value", "delay", "duration", "className", "thousands", "style"];
|
|
9
9
|
function _createSuper(Derived) {
|
|
10
10
|
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
11
11
|
return function _createSuperInternal() {
|
|
@@ -56,19 +56,17 @@ function _objectSpread(target) {
|
|
|
56
56
|
return target;
|
|
57
57
|
}
|
|
58
58
|
import React__default, { useRef, useMemo, useEffect, Component } from "react";
|
|
59
|
-
import {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
className: ""
|
|
68
|
-
};
|
|
59
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
60
|
+
var defaultProps$1 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
61
|
+
length: 0,
|
|
62
|
+
value: "",
|
|
63
|
+
delay: 300,
|
|
64
|
+
duration: 1,
|
|
65
|
+
thousands: false
|
|
66
|
+
});
|
|
69
67
|
var CountUp = function CountUp2(props) {
|
|
70
|
-
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
71
|
-
var
|
|
68
|
+
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), length = _defaultProps$1$props.length, value = _defaultProps$1$props.value, delay = _defaultProps$1$props.delay, duration = _defaultProps$1$props.duration, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, style = _defaultProps$1$props.style, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
|
|
69
|
+
var classPrefix = "nut-countup";
|
|
72
70
|
var countupRef = useRef(null);
|
|
73
71
|
var timerRef = useRef(0);
|
|
74
72
|
var numbers = Array.from({
|
|
@@ -77,12 +75,12 @@ var CountUp = function CountUp2(props) {
|
|
|
77
75
|
return i;
|
|
78
76
|
});
|
|
79
77
|
var getShowNumber = function getShowNumber2() {
|
|
80
|
-
var splitArr =
|
|
81
|
-
var intNumber =
|
|
78
|
+
var splitArr = value.split(".");
|
|
79
|
+
var intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
|
|
82
80
|
var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
|
|
83
81
|
return currNumber.split("");
|
|
84
82
|
};
|
|
85
|
-
var numerArr = useMemo(getShowNumber, [
|
|
83
|
+
var numerArr = useMemo(getShowNumber, [value, length, thousands]);
|
|
86
84
|
var setNumberTransform = function setNumberTransform2() {
|
|
87
85
|
if (countupRef.current) {
|
|
88
86
|
var numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
|
|
@@ -101,36 +99,34 @@ var CountUp = function CountUp2(props) {
|
|
|
101
99
|
}
|
|
102
100
|
};
|
|
103
101
|
var numberEaseStyle = {
|
|
104
|
-
transition: "transform ".concat(
|
|
102
|
+
transition: "transform ".concat(duration, "s ease-in-out")
|
|
105
103
|
};
|
|
106
104
|
useEffect(function() {
|
|
107
105
|
timerRef.current = window.setTimeout(function() {
|
|
108
106
|
setNumberTransform();
|
|
109
|
-
},
|
|
107
|
+
}, delay);
|
|
110
108
|
return function() {
|
|
111
109
|
window.clearTimeout(timerRef.current);
|
|
112
110
|
};
|
|
113
111
|
}, [numerArr]);
|
|
114
112
|
return React__default.createElement("div", {
|
|
115
|
-
className: "".concat(
|
|
113
|
+
className: "".concat(classPrefix, " ").concat(className),
|
|
116
114
|
ref: countupRef
|
|
117
115
|
}, React__default.createElement("ul", {
|
|
118
|
-
className:
|
|
116
|
+
className: "".concat(classPrefix, "__list")
|
|
119
117
|
}, numerArr.map(function(item, idx) {
|
|
120
118
|
return React__default.createElement("li", {
|
|
121
|
-
className: "".concat(
|
|
122
|
-
number: !Number.isNaN(Number(item))
|
|
123
|
-
})),
|
|
119
|
+
className: "".concat(classPrefix, "__listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix, "__listitem--number") : ""),
|
|
124
120
|
key: idx
|
|
125
121
|
}, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
|
|
126
|
-
className:
|
|
122
|
+
className: "".concat(classPrefix, "__number"),
|
|
127
123
|
style: numberEaseStyle
|
|
128
124
|
}, [].concat(numbers, numbers).map(function(number, subidx) {
|
|
129
125
|
return React__default.createElement("span", {
|
|
130
126
|
key: subidx
|
|
131
127
|
}, number);
|
|
132
128
|
})) : React__default.createElement("span", {
|
|
133
|
-
className:
|
|
129
|
+
className: "".concat(classPrefix, "__separator")
|
|
134
130
|
}, item));
|
|
135
131
|
})));
|
|
136
132
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex:1;color:var(--nutui-calendar-base-color, #333333);font-size:var(--nutui-calendar-base-font, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%;flex-direction:column}.nut-calendar.nut-calendar-tile .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar .nut-calendar-content{overflow-y:auto}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar .nut-calendar-header{display:flex;flex-direction:column;text-align:center;padding-top:1px;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-title-font, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar .nut-calendar-header .calendar-curr-month{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font, var(--nutui-font-size-2, 14px))}.nut-calendar .nut-calendar-header .calendar-top-slot{height:var(--nutui-calendar-top-slot-height, 24px)}.nut-calendar .nut-calendar-header .calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar .nut-calendar-header .calendar-weeks .calendar-week-item:first-of-type,.nut-calendar .nut-calendar-header .calendar-weeks .calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content{flex:1;width:100%;display:block}.nut-calendar .nut-calendar-content .calendar-months-panel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar .nut-calendar-content .calendar-months-panel .viewArea{display:block}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar .nut-calendar-content .calendar-months-panel div:nth-of-type(2) .calendar-month-title{padding-top:0}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-calendar-text-font, var(--nutui-font-size-1, 12px));color:var(--nutui-gray-2, #757575)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con{overflow:hidden}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-item .calendar-month-day:nth-child(7n+0),.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-item .calendar-month-day:nth-child(7n+1){color:var(--nutui-calendar-day67-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day{float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 64px);font-weight:var(--nutui-calendar-day-font-weight, 500);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips{position:absolute;width:100%}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tip-curr{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-day-tip{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px;color:var(--nutui-calendar-primary-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips-top{top:6px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips-bottom{bottom:6px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active{background-color:var(--nutui-calendar-primary-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 0px)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-curr-tips,.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-curr-tip-curr{visibility:hidden}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-day-tip{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-disabled{color:var(--nutui-calendar-disable-color, #d1d0d0)!important}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-choose{background-color:var(--nutui-calendar-choose-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-day{padding:2px 0;font-size:var(--nutui-calendar-day-font, 16px)}.nut-calendar .nut-calendar-footer{display:flex;height:62px;width:100%;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar .nut-calendar-footer .calendar-confirm-btn{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex:1;color:var(--nutui-calendar-base-color, #333333);font-size:var(--nutui-calendar-base-font, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%;flex-direction:column}.nut-calendar.nut-calendar-tile .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar .nut-calendar-content{overflow-y:auto}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar .nut-calendar-header{display:flex;flex-direction:column;text-align:center;padding-top:1px;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-title-font, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar .nut-calendar-header .calendar-curr-month{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font, var(--nutui-font-size-2, 14px))}.nut-calendar .nut-calendar-header .calendar-top-slot{height:var(--nutui-calendar-top-slot-height, 24px)}.nut-calendar .nut-calendar-header .calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar .nut-calendar-header .calendar-weeks .calendar-week-item:first-of-type,.nut-calendar .nut-calendar-header .calendar-weeks .calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content{flex:1;width:100%;display:block}.nut-calendar .nut-calendar-content .calendar-months-panel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar .nut-calendar-content .calendar-months-panel .viewArea{display:block}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar .nut-calendar-content .calendar-months-panel div:nth-of-type(2) .calendar-month-title{padding-top:0}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-calendar-text-font, var(--nutui-font-size-1, 12px));color:var(--nutui-gray-2, #757575)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con{overflow:hidden}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-item .calendar-month-day:nth-child(7n+0),.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-item .calendar-month-day:nth-child(7n+1){color:var(--nutui-calendar-day67-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day{float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 64px);font-weight:var(--nutui-calendar-day-font-weight, 500);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips{position:absolute;width:100%}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tip-curr{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-day-tip{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px;color:var(--nutui-calendar-primary-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips-top{top:6px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-curr-tips-bottom{bottom:6px}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active{background-color:var(--nutui-calendar-primary-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 0px)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-curr-tips,.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-curr-tip-curr{visibility:hidden}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-active .calendar-day-tip{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-disabled{color:var(--nutui-calendar-disable-color, #d1d0d0)!important}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day-choose{background-color:var(--nutui-calendar-choose-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-font-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar .nut-calendar-content .calendar-months-panel .calendar-month-con .calendar-month-day .calendar-day{padding:2px 0;font-size:var(--nutui-calendar-day-font, 16px)}.nut-calendar .nut-calendar-footer{display:flex;height:62px;width:100%;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar .nut-calendar-footer .calendar-confirm-btn{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;display:flex;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);flex-shrink:0;overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader__title{background-color:var(--nutui-gray-6, #ffffff);display:flex;justify-content:center;align-items:center;padding:var(--nutui-cascader-title-padding, 24px 20px 17px);font-weight:700;line-height:var(--nutui-cascader-title-line-height, 20px);color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-cascader-title-font-size, 18px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;display:flex;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);flex-shrink:0;overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader__title{background-color:var(--nutui-gray-6, #ffffff);display:flex;justify-content:center;align-items:center;padding:var(--nutui-cascader-title-padding, 24px 20px 17px);font-weight:700;line-height:var(--nutui-cascader-title-line-height, 20px);color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-cascader-title-font-size, 18px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-countdown{display:var(--nutui-countdown-display, flex)}
|
|
1
|
+
.nut-countdown{display:var(--nutui-countdown-display, flex);color:var(--nutui-countdown-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-countdown-font-size, 14px)}
|
package/dist/esm/CountDown.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
+
var _excluded = ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
|
|
5
5
|
function ownKeys(object, enumerableOnly) {
|
|
6
6
|
var keys = Object.keys(object);
|
|
7
7
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -24,22 +24,23 @@ function _objectSpread(target) {
|
|
|
24
24
|
return target;
|
|
25
25
|
}
|
|
26
26
|
import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
|
|
27
|
-
import { c as cn } from "./bem.js";
|
|
28
27
|
import { useConfig } from "./ConfigProvider.js";
|
|
29
|
-
import "
|
|
30
|
-
var defaultProps = {
|
|
28
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
29
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
31
30
|
paused: false,
|
|
32
31
|
startTime: Date.now(),
|
|
33
32
|
endTime: Date.now(),
|
|
33
|
+
remainingTime: 0,
|
|
34
34
|
millisecond: false,
|
|
35
35
|
format: "HH:mm:ss",
|
|
36
36
|
autoStart: true,
|
|
37
|
-
time: 0
|
|
38
|
-
|
|
37
|
+
time: 0,
|
|
38
|
+
destroy: false
|
|
39
|
+
});
|
|
39
40
|
var InternalCountDown = function InternalCountDown2(props, ref) {
|
|
40
41
|
useConfig();
|
|
41
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
|
-
var
|
|
42
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, remainingTime = _defaultProps$props.remainingTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, destroy = _defaultProps$props.destroy, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
43
|
+
var classPrefix = "nut-countdown";
|
|
43
44
|
var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), restTimeStamp = _useState2[0], setRestTime = _useState2[1];
|
|
44
45
|
var stateRef = useRef({
|
|
45
46
|
pauseTime: 0,
|
|
@@ -61,8 +62,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
|
|
|
61
62
|
return new Date(t).getTime();
|
|
62
63
|
};
|
|
63
64
|
var initTime = function initTime2() {
|
|
64
|
-
|
|
65
|
-
|
|
65
|
+
if (remainingTime) {
|
|
66
|
+
stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
|
|
67
|
+
} else {
|
|
68
|
+
stateRef.current.handleEndTime = endTime;
|
|
69
|
+
stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
|
|
70
|
+
}
|
|
66
71
|
if (!stateRef.current.counting)
|
|
67
72
|
stateRef.current.counting = true;
|
|
68
73
|
tick();
|
|
@@ -204,7 +209,7 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
|
|
|
204
209
|
if (stateRef.current.isIninted) {
|
|
205
210
|
initTime();
|
|
206
211
|
}
|
|
207
|
-
}, [endTime, startTime]);
|
|
212
|
+
}, [endTime, startTime, remainingTime]);
|
|
208
213
|
useEffect(function() {
|
|
209
214
|
if (autoStart) {
|
|
210
215
|
initTime();
|
|
@@ -218,16 +223,16 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
|
|
|
218
223
|
return componentWillUnmount;
|
|
219
224
|
}, []);
|
|
220
225
|
var componentWillUnmount = function componentWillUnmount2() {
|
|
221
|
-
|
|
226
|
+
destroy && cancelAnimationFrame(stateRef.current.timer);
|
|
222
227
|
};
|
|
223
228
|
var renderTime = function() {
|
|
224
229
|
return formatRemainTime(stateRef.current.restTime);
|
|
225
230
|
}();
|
|
226
231
|
return React__default.createElement("div", _objectSpread({
|
|
227
|
-
className: "".concat(
|
|
232
|
+
className: "".concat(classPrefix, " ").concat(className),
|
|
228
233
|
style: _objectSpread({}, style)
|
|
229
234
|
}, rest), children || React__default.createElement("div", {
|
|
230
|
-
className:
|
|
235
|
+
className: "".concat(classPrefix, "__block"),
|
|
231
236
|
// eslint-disable-next-line react/no-danger
|
|
232
237
|
dangerouslySetInnerHTML: {
|
|
233
238
|
__html: "".concat(renderTime)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}
|
|
1
|
+
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}
|