@nutui/nutui-react-taro 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 +1 -3
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +99 -5
- package/dist/esm/AvatarGroup.js +1 -1
- 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 +2 -3
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/Ellipsis.js +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 +1 -4
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +3 -4
- 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 +2 -3
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +2 -3
- package/dist/esm/Video.js +3 -3
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/VirtualList.js +2 -2
- package/dist/esm/WaterMark.js +2 -3
- package/dist/esm/actionsheet.taro-697a594b.js +54 -0
- package/dist/esm/{countdown.taro-22200811.js → countdown.taro-c399cc08.js} +17 -10
- package/dist/esm/{ellipsis.taro-02765890.js → ellipsis.taro-f423affa.js} +13 -6
- package/dist/esm/nutui-react.es.js +18 -18
- package/dist/esm/searchbar.taro-09468fff.js +122 -0
- package/dist/esm/shortpassword.taro-eabbde1b.js +90 -0
- package/dist/esm/toast.taro-b2937e7c.js +171 -0
- package/dist/esm/trendarrow.taro-253025d2.js +70 -0
- 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/{types/packages/avatargroup/avatargroup.d.ts → esm/types/src/packages/avatargroup/avatargroup.taro.d.ts} +1 -1
- 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/esm/video.taro-2a26d7da.js +37 -0
- package/dist/esm/{virtuallist.taro-99f03769.js → virtuallist.taro-97d3403a.js} +27 -30
- package/dist/esm/{watermark.taro-cef29c03.js → watermark.taro-e2245bb1.js} +12 -13
- 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 +495 -548
- package/dist/nutui.react.umd.js +495 -548
- 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.taro.d.ts +44 -16
- package/dist/types/packages/actionsheet/index.taro.d.ts +1 -0
- package/dist/types/packages/animate/animate.taro.d.ts +20 -4
- package/dist/types/packages/animatingnumbers/countup.taro.d.ts +7 -8
- package/dist/types/packages/animatingnumbers/index.taro.d.ts +1 -0
- package/dist/types/packages/audio/audio.taro.d.ts +25 -5
- package/dist/types/packages/avatar/avatar.taro.d.ts +45 -9
- package/dist/types/packages/avatargroup/avatargroup.taro.d.ts +45 -0
- package/dist/types/packages/avatargroup/index.taro.d.ts +1 -1
- package/dist/types/packages/backtop/backtop.taro.d.ts +20 -4
- package/dist/types/packages/badge/badge.taro.d.ts +30 -6
- package/dist/types/packages/button/button.taro.d.ts +50 -10
- package/dist/types/packages/cascader/cascader.taro.d.ts +80 -16
- package/dist/types/packages/cell/cell.taro.d.ts +30 -6
- package/dist/types/packages/cellgroup/cellgroup.taro.d.ts +15 -3
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +40 -8
- package/dist/types/packages/circleprogress/circleprogress.taro.d.ts +35 -7
- package/dist/types/packages/col/col.taro.d.ts +15 -3
- package/dist/types/packages/collapse/collapse.taro.d.ts +25 -5
- package/dist/types/packages/collapseitem/collapseitem.taro.d.ts +20 -4
- package/dist/types/packages/configprovider/configprovider.d.ts +2 -1
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +11 -2
- package/dist/types/packages/configprovider/index.d.ts +1 -0
- package/dist/types/packages/configprovider/index.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -0
- package/dist/types/packages/countdown/countdown.taro.d.ts +68 -15
- package/dist/types/packages/countdown/index.taro.d.ts +1 -0
- package/dist/types/packages/divider/divider.taro.d.ts +10 -2
- package/dist/types/packages/drag/drag.taro.d.ts +15 -3
- package/dist/types/packages/elevator/elevator.taro.d.ts +45 -9
- package/dist/types/packages/ellipsis/ellipsis.taro.d.ts +46 -9
- package/dist/types/packages/empty/empty.taro.d.ts +20 -4
- package/dist/types/packages/fixednav/fixednav.taro.d.ts +50 -10
- package/dist/types/packages/grid/grid.taro.d.ts +35 -7
- package/dist/types/packages/griditem/griditem.taro.d.ts +5 -1
- package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +50 -10
- package/dist/types/packages/indicator/indicator.taro.d.ts +15 -3
- package/dist/types/packages/input/input.taro.d.ts +100 -20
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +85 -17
- package/dist/types/packages/menu/menu.taro.d.ts +20 -4
- package/dist/types/packages/menuitem/menuitem.taro.d.ts +35 -7
- package/dist/types/packages/noticebar/noticebar.taro.d.ts +60 -12
- package/dist/types/packages/notify/notify.taro.d.ts +30 -6
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +50 -10
- package/dist/types/packages/overlay/index.d.ts +3 -0
- package/dist/types/packages/overlay/overlay.d.ts +14 -0
- package/dist/types/packages/overlay/overlay.taro.d.ts +40 -8
- package/dist/types/packages/pagination/pagination.taro.d.ts +55 -11
- package/dist/types/packages/picker/picker.taro.d.ts +55 -11
- package/dist/types/packages/popup/popup.taro.d.ts +75 -15
- package/dist/types/packages/price/price.taro.d.ts +35 -7
- package/dist/types/packages/progress/progress.taro.d.ts +35 -7
- package/dist/types/packages/pulltorefresh/pulltorefresh.taro.d.ts +55 -11
- package/dist/types/packages/radio/radio.taro.d.ts +45 -9
- package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +30 -6
- package/dist/types/packages/range/range.taro.d.ts +80 -16
- package/dist/types/packages/searchbar/index.taro.d.ts +1 -0
- package/dist/types/packages/searchbar/searchbar.taro.d.ts +72 -44
- package/dist/types/packages/shortpassword/index.taro.d.ts +1 -0
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +89 -24
- package/dist/types/packages/skeleton/skeleton.taro.d.ts +35 -7
- package/dist/types/packages/step/step.taro.d.ts +20 -4
- package/dist/types/packages/steps/steps.taro.d.ts +15 -3
- package/dist/types/packages/sticky/sticky.taro.d.ts +25 -5
- package/dist/types/packages/swipe/swipe.taro.d.ts +47 -11
- package/dist/types/packages/swiper/swiper.taro.d.ts +35 -7
- package/dist/types/packages/switch/switch.taro.d.ts +30 -6
- package/dist/types/packages/tabbar/tabbar.taro.d.ts +35 -7
- package/dist/types/packages/tabbaritem/tabbaritem.taro.d.ts +10 -2
- package/dist/types/packages/tabpane/tabpane.taro.d.ts +15 -3
- package/dist/types/packages/tabs/tabs.taro.d.ts +60 -12
- package/dist/types/packages/textarea/textarea.taro.d.ts +60 -12
- package/dist/types/packages/toast/index.taro.d.ts +1 -0
- package/dist/types/packages/toast/toast.taro.d.ts +9 -11
- package/dist/types/packages/trendarrow/trendarrow.taro.d.ts +57 -15
- package/dist/types/packages/uploader/uploader.taro.d.ts +165 -33
- package/dist/types/packages/video/index.taro.d.ts +2 -1
- package/dist/types/packages/video/video.taro.d.ts +41 -0
- package/dist/types/packages/virtuallist/index.taro.d.ts +1 -0
- package/dist/types/packages/virtuallist/type.d.ts +0 -17
- package/dist/types/packages/virtuallist/utils.d.ts +3 -3
- package/dist/types/packages/virtuallist/virtuallist.taro.d.ts +45 -14
- package/dist/types/packages/watermark/index.taro.d.ts +1 -0
- package/dist/types/packages/watermark/watermark.taro.d.ts +72 -17
- package/package.json +1 -1
- package/dist/esm/actionsheet.taro-d2217152.js +0 -61
- package/dist/esm/animatingnumbers.taro-c2a52dbd.js +0 -103
- package/dist/esm/searchbar.taro-37ade36e.js +0 -159
- package/dist/esm/shortpassword.taro-f7292032.js +0 -146
- package/dist/esm/toast.taro-92c10e1d.js +0 -114
- package/dist/esm/trendarrow.taro-0cf43935.js +0 -72
- package/dist/esm/video-5d106e33.js +0 -73
- package/dist/types/packages/video/video.d.ts +0 -24
- /package/dist/esm/{avatargroup-ad5ffb46.js → avatargroup.taro-ad5ffb46.js} +0 -0
package/dist/esm/SearchBar.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { S as SearchBar } from "./searchbar.taro-
|
|
1
|
+
import { S as SearchBar } from "./searchbar.taro-09468fff.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import "@tarojs/taro";
|
|
4
3
|
import "@nutui/icons-react-taro";
|
|
5
|
-
import "./bem-cdccae08.js";
|
|
6
|
-
import "@bem-react/classname";
|
|
7
4
|
import "./configprovider.taro-25758d9f.js";
|
|
8
5
|
import "./typings-11d83a22.js";
|
|
9
6
|
export {
|
|
@@ -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-shortpassword__title{line-height:1;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpassword__description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpassword__input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword__input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword__input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword__input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, #ddd);display:flex;position:absolute;left:0}.nut-shortpassword__input-fake__li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword__input-fake__li__icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword__message__error{line-height:1;font-size:var(--nutui-font-size-0, 10px);color:var(--nutui-shortpassword-error, var(--nutui-brand-color, #fa2c19))}.nut-shortpassword__message__forget{line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-shortpassword-forget, rgb(128, 128, 128));display:flex;align-items:center}.nut-shortpassword__footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword__footer__cancel{background:var(--nutui-gray-6, #ffffff);border:1px solid var(--nutui-brand-color, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-color, #fa2c19)}.nut-shortpassword__footer__sure{background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-text-color, #ffffff)}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { S as ShortPassword } from "./shortpassword.taro-
|
|
1
|
+
import { S as ShortPassword } from "./shortpassword.taro-eabbde1b.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@nutui/icons-react-taro";
|
|
4
|
-
import "
|
|
5
|
-
import "@bem-react/classname";
|
|
4
|
+
import "classnames";
|
|
6
5
|
import "./popup.taro-e756f3fc.js";
|
|
7
6
|
import "react-dom";
|
|
8
7
|
import "react-transition-group";
|
|
9
|
-
import "classnames";
|
|
10
8
|
import "@tarojs/components";
|
|
11
9
|
import "./overlay.taro-75012bd3.js";
|
|
12
10
|
import "./typings-11d83a22.js";
|
|
13
11
|
import "./configprovider.taro-25758d9f.js";
|
|
12
|
+
import "./use-props-value-7ac1b1b5.js";
|
|
14
13
|
export {
|
|
15
14
|
ShortPassword as default
|
|
16
15
|
};
|
|
@@ -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-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-gray-6, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar__head{height:40px;background:#eeeff2;padding:10px}.nut-sidenavbar__title{height:40px;padding:10px 8px 10px 20px;background:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-sidenavbar__content{position:relative;display:block}.nut-sidenavbar__list.nutShow .nut-sidenavbar__content{height:auto;overflow:inherit}.nut-sidenavbar__list.nutHide .nut-sidenavbar__content{height:0;overflow:hidden}.nut-sidenavbar .border-bt{position:relative}.nut-sidenavbar .border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
|
|
@@ -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-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}.nut-theme-dark .nut-timedetail{background-color:#1f1f1f}.nut-theme-dark .nut-timedetail__detail__list__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__detail__list__item--curr{color:var(--nutui-timeselect-timedetail-item-cur-text-color, var(--nutui-brand-color, #fa2c19))}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:100px;height:50px;line-height:50px;text-align:center;margin-right:10px;margin-bottom:10px;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a);border-radius:5px;font-size:14px;border:1px solid transparent;font-weight:700}.nut-timedetail__item-active{background-color:#fa2c19}.nut-timedetail__item-active{background-color:var(--nutui-brand-color-opacity);border:1px solid var(--nutui-brand-color, #fa2c19);color:var(--nutui-brand-color, #fa2c19)}.nut-theme-dark .nut-timeselect{background-color:#1f1f1f}.nut-theme-dark .nut-timeselect__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left{background-color:#141414;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left .nut-timepannel-active{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item-active{background-color:#fa2c19}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-2, 14px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:140px;min-width:140px;height:100%;overflow:auto;background-color:var(--nutui-gray-5, #f8f8f8);color:var(--nutui-gray-1, #1a1a1a)}.nut-timeselect__content-left .nut-timepannel-active{background-color:var(--nutui-brand-color, #fa2c19)}.nut-timeselect .nut-timepannel-active{background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;
|
|
1
|
+
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:9999}.nut-toast__overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0)}.nut-toast-small .nut-toast__inner{font-size:var(--nutui-font-size-1, 12px)}.nut-toast-large .nut-toast__inner{font-size:var(--nutui-font-size-3, 16px)}.nut-toast-cover{display:flex;align-items:center;justify-content:center;pointer-events:none;height:100%;background:var(--nutui-toast-cover-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-toast__inner{display:inline-block;font-size:var(--nutui-toast-text-font-size, 14px);min-width:40%;max-width:65%;text-align:var(--nutui-toast-inner-text-align, "center");padding:var(--nutui-toast-inner-padding, 24px 30px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 12px);color:var(--nutui-toast-font-color, #fff);position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);transform:translate(-50%,-50%)}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text{font-size:var(--nutui-toast-text-font-size, 14px)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px)}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast__icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-loading .nut-toast__inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast__icon-wrapper{animation:rotation 2s linear infinite}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}
|
package/dist/esm/Toast.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { T as Toast } from "./toast.taro-
|
|
1
|
+
import { T as Toast } from "./toast.taro-b2937e7c.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "classnames";
|
|
4
4
|
import "@nutui/icons-react-taro";
|
|
5
|
-
import "./
|
|
6
|
-
import "@bem-react/classname";
|
|
5
|
+
import "./typings-11d83a22.js";
|
|
7
6
|
export {
|
|
8
7
|
Toast as default
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-trendarrow{display:inline-
|
|
1
|
+
.nut-trendarrow{display:inline-flex;align-items:center;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}
|
package/dist/esm/TrendArrow.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { T as TrendArrow } from "./trendarrow.taro-
|
|
1
|
+
import { T as TrendArrow } from "./trendarrow.taro-253025d2.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@nutui/icons-react-taro";
|
|
4
|
-
import "./
|
|
5
|
-
import "@bem-react/classname";
|
|
4
|
+
import "./typings-11d83a22.js";
|
|
6
5
|
export {
|
|
7
6
|
TrendArrow as default
|
|
8
7
|
};
|
package/dist/esm/Video.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { V as Video } from "./video-
|
|
1
|
+
import { V as Video } from "./video.taro-2a26d7da.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "classnames";
|
|
4
|
-
import "
|
|
5
|
-
import "
|
|
4
|
+
import "@tarojs/components";
|
|
5
|
+
import "./typings-11d83a22.js";
|
|
6
6
|
export {
|
|
7
7
|
Video as default
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}
|
package/dist/esm/VirtualList.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { V as VirtualList } from "./virtuallist.taro-
|
|
1
|
+
import { V as VirtualList } from "./virtuallist.taro-97d3403a.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@tarojs/components";
|
|
4
4
|
import "@tarojs/taro";
|
|
5
|
-
import "./
|
|
5
|
+
import "./typings-11d83a22.js";
|
|
6
6
|
export {
|
|
7
7
|
VirtualList as default
|
|
8
8
|
};
|
package/dist/esm/WaterMark.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { W as WaterMark } from "./watermark.taro-
|
|
1
|
+
import { W as WaterMark } from "./watermark.taro-e2245bb1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@tarojs/taro";
|
|
4
4
|
import "classnames";
|
|
5
5
|
import "./configprovider.taro-25758d9f.js";
|
|
6
|
-
import "./
|
|
7
|
-
import "@bem-react/classname";
|
|
6
|
+
import "./typings-11d83a22.js";
|
|
8
7
|
export {
|
|
9
8
|
WaterMark as default
|
|
10
9
|
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
3
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
|
+
const defaultProps = {
|
|
5
|
+
...ComponentDefaults,
|
|
6
|
+
visible: false,
|
|
7
|
+
title: "",
|
|
8
|
+
description: "",
|
|
9
|
+
options: [],
|
|
10
|
+
optionKey: { name: "name", description: "description" },
|
|
11
|
+
cancelText: "",
|
|
12
|
+
onCancel: () => {
|
|
13
|
+
},
|
|
14
|
+
onSelect: () => {
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const ActionSheet = (props) => {
|
|
18
|
+
const { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style, ...rest } = { ...defaultProps, ...props };
|
|
19
|
+
const classPrefix = "nut-actionsheet";
|
|
20
|
+
const cancelActionSheet = () => {
|
|
21
|
+
onCancel && onCancel();
|
|
22
|
+
};
|
|
23
|
+
const chooseItem = (item, index) => {
|
|
24
|
+
if (!item.disable) {
|
|
25
|
+
onSelect && onSelect(item, index);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
return React.createElement(
|
|
29
|
+
Popup,
|
|
30
|
+
{ round: true, visible, position: "bottom", onClose: () => {
|
|
31
|
+
onCancel && onCancel();
|
|
32
|
+
} },
|
|
33
|
+
React.createElement(
|
|
34
|
+
"div",
|
|
35
|
+
{ className: `${classPrefix} ${className}`, style, ...rest },
|
|
36
|
+
title && React.createElement("div", { className: `${classPrefix}__title` }, title),
|
|
37
|
+
description && React.createElement("div", { className: `${classPrefix}__description` }, description),
|
|
38
|
+
options.length ? React.createElement("div", { className: `${classPrefix}__list` }, options.map((item, index) => {
|
|
39
|
+
return React.createElement(
|
|
40
|
+
"div",
|
|
41
|
+
{ className: `${classPrefix}__item ${item.disable ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
|
|
42
|
+
item[optionKey.name],
|
|
43
|
+
React.createElement("div", { className: `${classPrefix}__item-description` }, item[optionKey.description])
|
|
44
|
+
);
|
|
45
|
+
})) : children,
|
|
46
|
+
cancelText && React.createElement("div", { className: `${classPrefix}__cancel`, onClick: () => cancelActionSheet() }, cancelText)
|
|
47
|
+
)
|
|
48
|
+
);
|
|
49
|
+
};
|
|
50
|
+
ActionSheet.defaultProps = defaultProps;
|
|
51
|
+
ActionSheet.displayName = "NutActionSheet";
|
|
52
|
+
export {
|
|
53
|
+
ActionSheet as A
|
|
54
|
+
};
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import React, { useState, useRef, useImperativeHandle, useEffect } from "react";
|
|
2
|
-
import { c as cn } from "./bem-cdccae08.js";
|
|
3
2
|
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
3
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
4
|
const defaultProps = {
|
|
5
|
+
...ComponentDefaults,
|
|
5
6
|
paused: false,
|
|
6
7
|
startTime: Date.now(),
|
|
7
8
|
endTime: Date.now(),
|
|
9
|
+
remainingTime: 0,
|
|
8
10
|
millisecond: false,
|
|
9
11
|
format: "HH:mm:ss",
|
|
10
12
|
autoStart: true,
|
|
11
|
-
time: 0
|
|
13
|
+
time: 0,
|
|
14
|
+
destroy: false
|
|
12
15
|
};
|
|
13
16
|
const InternalCountDown = (props, ref) => {
|
|
14
17
|
useConfig();
|
|
15
|
-
const { paused, startTime, endTime, millisecond, format, autoStart, time, className, style, onEnd, onPaused, onRestart, onUpdate, children, ...rest } = { ...defaultProps, ...props };
|
|
16
|
-
const
|
|
18
|
+
const { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children, ...rest } = { ...defaultProps, ...props };
|
|
19
|
+
const classPrefix = "nut-countdown";
|
|
17
20
|
const [restTimeStamp, setRestTime] = useState(0);
|
|
18
21
|
const stateRef = useRef({
|
|
19
22
|
pauseTime: 0,
|
|
@@ -35,8 +38,12 @@ const InternalCountDown = (props, ref) => {
|
|
|
35
38
|
return new Date(t).getTime();
|
|
36
39
|
};
|
|
37
40
|
const initTime = () => {
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
if (remainingTime) {
|
|
42
|
+
stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
|
|
43
|
+
} else {
|
|
44
|
+
stateRef.current.handleEndTime = endTime;
|
|
45
|
+
stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
|
|
46
|
+
}
|
|
40
47
|
if (!stateRef.current.counting)
|
|
41
48
|
stateRef.current.counting = true;
|
|
42
49
|
tick();
|
|
@@ -175,7 +182,7 @@ const InternalCountDown = (props, ref) => {
|
|
|
175
182
|
if (stateRef.current.isIninted) {
|
|
176
183
|
initTime();
|
|
177
184
|
}
|
|
178
|
-
}, [endTime, startTime]);
|
|
185
|
+
}, [endTime, startTime, remainingTime]);
|
|
179
186
|
useEffect(() => {
|
|
180
187
|
if (autoStart) {
|
|
181
188
|
initTime();
|
|
@@ -189,13 +196,13 @@ const InternalCountDown = (props, ref) => {
|
|
|
189
196
|
return componentWillUnmount;
|
|
190
197
|
}, []);
|
|
191
198
|
const componentWillUnmount = () => {
|
|
192
|
-
|
|
199
|
+
destroy && cancelAnimationFrame(stateRef.current.timer);
|
|
193
200
|
};
|
|
194
201
|
const renderTime = (() => {
|
|
195
202
|
return formatRemainTime(stateRef.current.restTime);
|
|
196
203
|
})();
|
|
197
|
-
return React.createElement("div", { className: `${
|
|
198
|
-
className:
|
|
204
|
+
return React.createElement("div", { className: `${classPrefix} ${className}`, style: { ...style }, ...rest }, children || React.createElement("div", {
|
|
205
|
+
className: `${classPrefix}__block`,
|
|
199
206
|
// eslint-disable-next-line react/no-danger
|
|
200
207
|
dangerouslySetInnerHTML: {
|
|
201
208
|
__html: `${renderTime}`
|
|
@@ -11,12 +11,13 @@ const defaultProps = {
|
|
|
11
11
|
expandText: "",
|
|
12
12
|
collapseText: "",
|
|
13
13
|
symbol: "...",
|
|
14
|
-
lineHeight: "20"
|
|
14
|
+
lineHeight: "20",
|
|
15
|
+
width: "auto"
|
|
15
16
|
};
|
|
16
17
|
const classPrefix = `nut-ellipsis`;
|
|
17
18
|
const Ellipsis = (props) => {
|
|
18
19
|
var _a, _b, _c, _d;
|
|
19
|
-
const { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, onClick, onChange, ...rest } = { ...defaultProps, ...props };
|
|
20
|
+
const { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, width, onClick, onChange, ...rest } = { ...defaultProps, ...props };
|
|
20
21
|
let maxHeight = 0;
|
|
21
22
|
const [exceeded, setExceeded] = useState(false);
|
|
22
23
|
const [expanded, setExpanded] = useState(false);
|
|
@@ -38,7 +39,7 @@ const Ellipsis = (props) => {
|
|
|
38
39
|
const digitReg = /^[0-9]+$/;
|
|
39
40
|
const letterUpperReg = /^[A-Z]+$/;
|
|
40
41
|
const letterLowerReg = /^[a-z]+$/;
|
|
41
|
-
const classes = classNames(classPrefix, className);
|
|
42
|
+
const classes = classNames(classPrefix, className, width ? `${classPrefix}-width` : "");
|
|
42
43
|
const init = () => {
|
|
43
44
|
setExceeded(false);
|
|
44
45
|
setExpanded(false);
|
|
@@ -199,13 +200,17 @@ const Ellipsis = (props) => {
|
|
|
199
200
|
React.createElement(
|
|
200
201
|
"div",
|
|
201
202
|
null,
|
|
202
|
-
!exceeded ? React.createElement("div", { className: "nut-ellipsis-wordbreak"
|
|
203
|
+
!exceeded ? React.createElement("div", { className: "nut-ellipsis-wordbreak", style: {
|
|
204
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
205
|
+
} }, content) : null,
|
|
203
206
|
exceeded && !expanded ? React.createElement(
|
|
204
207
|
React.Fragment,
|
|
205
208
|
null,
|
|
206
209
|
React.createElement(
|
|
207
210
|
"div",
|
|
208
|
-
{ className: "nut-ellipsis-wordbreak"
|
|
211
|
+
{ className: "nut-ellipsis-wordbreak", style: {
|
|
212
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
213
|
+
} },
|
|
209
214
|
(_a = ellipsis.current) == null ? void 0 : _a.leading,
|
|
210
215
|
((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol,
|
|
211
216
|
expandText ? React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
@@ -219,7 +224,9 @@ const Ellipsis = (props) => {
|
|
|
219
224
|
exceeded && expanded ? React.createElement(
|
|
220
225
|
React.Fragment,
|
|
221
226
|
null,
|
|
222
|
-
|
|
227
|
+
React.createElement("div", { style: {
|
|
228
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
229
|
+
} }, content),
|
|
223
230
|
expandText ? React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
224
231
|
e.stopPropagation();
|
|
225
232
|
clickHandle(2);
|
|
@@ -39,13 +39,13 @@ import { P } from "./picker.taro-0570ec32.js";
|
|
|
39
39
|
import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
|
|
40
40
|
import { R as R3 } from "./range.taro-615e193a.js";
|
|
41
41
|
import { R as R4 } from "./rate.taro-78c66969.js";
|
|
42
|
-
import { S as S5 } from "./searchbar.taro-
|
|
43
|
-
import { S as S6 } from "./shortpassword.taro-
|
|
42
|
+
import { S as S5 } from "./searchbar.taro-09468fff.js";
|
|
43
|
+
import { S as S6 } from "./shortpassword.taro-eabbde1b.js";
|
|
44
44
|
import { S as S7 } from "./signature.taro-c57469aa.js";
|
|
45
45
|
import { S as S8 } from "./switch.taro-f0da73a3.js";
|
|
46
46
|
import { T as T5 } from "./textarea.taro-c110565e.js";
|
|
47
47
|
import { U } from "./uploader.taro-7e38fc37.js";
|
|
48
|
-
import { A as A2 } from "./actionsheet.taro-
|
|
48
|
+
import { A as A2 } from "./actionsheet.taro-697a594b.js";
|
|
49
49
|
import { B as B3 } from "./badge.taro-872605bf.js";
|
|
50
50
|
import { B as B4 } from "./dialog.taro-290eb9a6.js";
|
|
51
51
|
import { D as D3 } from "./drag.taro-48e1ff38.js";
|
|
@@ -58,20 +58,20 @@ import { P as P3 } from "./pulltorefresh.taro-5b36a881.js";
|
|
|
58
58
|
import { S as S9 } from "./skeleton.taro-0552c2ec.js";
|
|
59
59
|
import { S as S10 } from "./swipe.taro-de80fcd8.js";
|
|
60
60
|
import { P as P4 } from "./popup.taro-e756f3fc.js";
|
|
61
|
-
import { T as T6 } from "./toast.taro-
|
|
61
|
+
import { T as T6 } from "./toast.taro-b2937e7c.js";
|
|
62
62
|
import { A as A3 } from "./animate.taro-c8b29242.js";
|
|
63
|
-
import {
|
|
64
|
-
import { A as
|
|
65
|
-
import { A as
|
|
66
|
-
import { A as
|
|
63
|
+
import { default as default2 } from "./AnimatingNumbers.js";
|
|
64
|
+
import { A as A4 } from "./audio.taro-bbd39f93.js";
|
|
65
|
+
import { A as A5 } from "./avatar.taro-01536aff.js";
|
|
66
|
+
import { A as A6 } from "./avatargroup.taro-ad5ffb46.js";
|
|
67
67
|
import { C as C9 } from "./circleprogress.taro-7149e09d.js";
|
|
68
68
|
import { C as C10 } from "./collapse.taro-98577a29.js";
|
|
69
69
|
import { C as C11 } from "./collapseitem.taro-9451f40f.js";
|
|
70
|
-
import { C as C12 } from "./countdown.taro-
|
|
71
|
-
import { E as E3 } from "./ellipsis.taro-
|
|
70
|
+
import { C as C12 } from "./countdown.taro-c399cc08.js";
|
|
71
|
+
import { E as E3 } from "./ellipsis.taro-f423affa.js";
|
|
72
72
|
import { I as I5 } from "./imagepreview.taro-daa5a84f.js";
|
|
73
73
|
import { I as I6 } from "./indicator.taro-edbc71df.js";
|
|
74
|
-
import { V } from "./virtuallist.taro-
|
|
74
|
+
import { V } from "./virtuallist.taro-97d3403a.js";
|
|
75
75
|
import { P as P5 } from "./pagination.taro-63607c3b.js";
|
|
76
76
|
import { P as P6 } from "./price.taro-479f1b82.js";
|
|
77
77
|
import { P as P7 } from "./progress.taro-437b9f6a.js";
|
|
@@ -81,14 +81,14 @@ import { S as S13 } from "./swiper.taro-4aeb8526.js";
|
|
|
81
81
|
import { S as S14 } from "./swiperitem.taro-ef7342e8.js";
|
|
82
82
|
import { T as T7 } from "./table.taro-15a55c5d.js";
|
|
83
83
|
import { T as T8 } from "./tag.taro-1b4134a5.js";
|
|
84
|
-
import { V as V2 } from "./video-
|
|
84
|
+
import { V as V2 } from "./video.taro-2a26d7da.js";
|
|
85
85
|
import { B as B5 } from "./barrage.taro-c8cb9864.js";
|
|
86
86
|
import { C as C13 } from "./card.taro-2080f4d2.js";
|
|
87
87
|
import { T as T9 } from "./timedetail.taro-8d2acbbf.js";
|
|
88
88
|
import { T as T10 } from "./timepannel.taro-ee4c5dfa.js";
|
|
89
89
|
import { T as T11 } from "./timeselect.taro-069deedd.js";
|
|
90
|
-
import { T as T12 } from "./trendarrow.taro-
|
|
91
|
-
import { W } from "./watermark.taro-
|
|
90
|
+
import { T as T12 } from "./trendarrow.taro-253025d2.js";
|
|
91
|
+
import { W } from "./watermark.taro-e2245bb1.js";
|
|
92
92
|
import "react";
|
|
93
93
|
import "classnames";
|
|
94
94
|
import "@nutui/icons-react-taro";
|
|
@@ -113,10 +113,10 @@ export {
|
|
|
113
113
|
A2 as ActionSheet,
|
|
114
114
|
A as Address,
|
|
115
115
|
A3 as Animate,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
116
|
+
default2 as AnimatingNumbers,
|
|
117
|
+
A4 as Audio,
|
|
118
|
+
A5 as Avatar,
|
|
119
|
+
A6 as AvatarGroup,
|
|
120
120
|
B2 as BackTop,
|
|
121
121
|
B3 as Badge,
|
|
122
122
|
B5 as Barrage,
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import React, { useRef, useState, useEffect } from "react";
|
|
2
|
+
import { Search, CircleClose } from "@nutui/icons-react-taro";
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
4
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
5
|
+
const defaultProps = {
|
|
6
|
+
...ComponentDefaults,
|
|
7
|
+
placeholder: "",
|
|
8
|
+
shape: "square",
|
|
9
|
+
disabled: false,
|
|
10
|
+
maxLength: 9999,
|
|
11
|
+
clearable: true,
|
|
12
|
+
readOnly: false,
|
|
13
|
+
autoFocus: false,
|
|
14
|
+
left: "",
|
|
15
|
+
right: "",
|
|
16
|
+
rightIn: "",
|
|
17
|
+
leftIn: React.createElement(Search, { size: "12" })
|
|
18
|
+
};
|
|
19
|
+
const SearchBar = (props) => {
|
|
20
|
+
const classPrefix = "nut-searchbar";
|
|
21
|
+
const { locale } = useConfig();
|
|
22
|
+
const searchRef = useRef(null);
|
|
23
|
+
const [value, setValue] = useState(() => props.value);
|
|
24
|
+
const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onClickInput } = {
|
|
25
|
+
...defaultProps,
|
|
26
|
+
...props
|
|
27
|
+
};
|
|
28
|
+
const forceFocus = () => {
|
|
29
|
+
const searchSelf = searchRef.current;
|
|
30
|
+
searchSelf && searchSelf.focus();
|
|
31
|
+
};
|
|
32
|
+
const change = (event) => {
|
|
33
|
+
const { value: value2 } = event.target;
|
|
34
|
+
onChange && (onChange == null ? void 0 : onChange(value2, event));
|
|
35
|
+
setValue(value2);
|
|
36
|
+
value2 === "" && forceFocus();
|
|
37
|
+
};
|
|
38
|
+
const focus = (event) => {
|
|
39
|
+
const { value: value2 } = event.target;
|
|
40
|
+
onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
|
|
41
|
+
};
|
|
42
|
+
const blur = (event) => {
|
|
43
|
+
const searchSelf = searchRef.current;
|
|
44
|
+
searchSelf && searchSelf.blur();
|
|
45
|
+
const { value: value2 } = event.target;
|
|
46
|
+
onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
|
|
47
|
+
};
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
setValue(props.value);
|
|
50
|
+
}, [props.value]);
|
|
51
|
+
useEffect(() => {
|
|
52
|
+
autoFocus && forceFocus();
|
|
53
|
+
}, [autoFocus]);
|
|
54
|
+
const renderField = () => {
|
|
55
|
+
return React.createElement("input", { className: `${classPrefix}__input ${shape === "round" ? `${classPrefix}__round` : ""} ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
|
|
56
|
+
};
|
|
57
|
+
const clickInput = (e) => {
|
|
58
|
+
onClickInput && onClickInput(e);
|
|
59
|
+
};
|
|
60
|
+
const renderLeftIn = () => {
|
|
61
|
+
if (!leftIn)
|
|
62
|
+
return null;
|
|
63
|
+
return React.createElement("div", { className: `${classPrefix}__leftin ${classPrefix}__icon` }, leftIn);
|
|
64
|
+
};
|
|
65
|
+
const renderLeft = () => {
|
|
66
|
+
if (!left)
|
|
67
|
+
return null;
|
|
68
|
+
return React.createElement("div", { className: `${classPrefix}__left` }, left);
|
|
69
|
+
};
|
|
70
|
+
const renderRightIn = () => {
|
|
71
|
+
if (!rightIn)
|
|
72
|
+
return null;
|
|
73
|
+
return React.createElement("div", { className: `${classPrefix}__rightin ${classPrefix}__icon` }, rightIn);
|
|
74
|
+
};
|
|
75
|
+
const renderRight = () => {
|
|
76
|
+
if (!right)
|
|
77
|
+
return null;
|
|
78
|
+
return React.createElement("div", { className: `${classPrefix}__right` }, right);
|
|
79
|
+
};
|
|
80
|
+
const handleClear = () => {
|
|
81
|
+
return React.createElement(
|
|
82
|
+
"div",
|
|
83
|
+
{ className: `${classPrefix}__clear ${rightIn ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
|
|
84
|
+
React.createElement(CircleClose, { color: "#555", size: 12 })
|
|
85
|
+
);
|
|
86
|
+
};
|
|
87
|
+
const clearaVal = (event) => {
|
|
88
|
+
if (disabled || readOnly) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
setValue("");
|
|
92
|
+
onClear && onClear(event);
|
|
93
|
+
forceFocus();
|
|
94
|
+
};
|
|
95
|
+
const onKeypress = (e) => {
|
|
96
|
+
if (e.keyCode === 13) {
|
|
97
|
+
if (typeof e.cancelable !== "boolean" || e.cancelable) {
|
|
98
|
+
e.preventDefault();
|
|
99
|
+
}
|
|
100
|
+
onSearch && onSearch(value);
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
return React.createElement(
|
|
104
|
+
"div",
|
|
105
|
+
{ className: `${classPrefix} ${disabled ? `${classPrefix}__disabled` : ""} ${className || ""}`, style: { ...props.style } },
|
|
106
|
+
renderLeft(),
|
|
107
|
+
React.createElement(
|
|
108
|
+
"div",
|
|
109
|
+
{ className: `${classPrefix}__content` },
|
|
110
|
+
renderLeftIn(),
|
|
111
|
+
React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
|
|
112
|
+
renderRightIn(),
|
|
113
|
+
clearable && value && handleClear()
|
|
114
|
+
),
|
|
115
|
+
renderRight()
|
|
116
|
+
);
|
|
117
|
+
};
|
|
118
|
+
SearchBar.defaultProps = defaultProps;
|
|
119
|
+
SearchBar.displayName = "NutSearchBar";
|
|
120
|
+
export {
|
|
121
|
+
SearchBar as S
|
|
122
|
+
};
|