@nutui/nutui-react 2.3.0-beta.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +82 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +4 -4
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +5 -3
- package/dist/esm/Animate.js +2 -3
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +5 -5
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +2 -2
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/style.css +1 -1
- package/dist/esm/CalendarItem.js +2 -3
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/Collapse/style/style.css +1 -1
- package/dist/esm/CollapseItem/style/style.css +1 -1
- package/dist/esm/CountDown.js +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/DatePicker.js +2 -3
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +6 -6
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Divider.js +1 -2
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Elevator.js +12 -15
- package/dist/esm/Empty.js +1 -2
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image.js +1 -1
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/ImagePreview.js +2 -2
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +3 -56
- package/dist/esm/InputNumber.js +1 -2
- package/dist/esm/Menu.js +6 -2
- package/dist/esm/NavBar.js +1 -2
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +12 -16
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/Notify.js +2 -3
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +1 -0
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +6 -6
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +7 -5
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +2 -2
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Price.js +5 -5
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/Progress.js +2 -3
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/Range.js +1 -2
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +2 -2
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +8 -8
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +13 -13
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +2 -2
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +7 -7
- package/dist/esm/Steps.js +1 -2
- package/dist/esm/Sticky/style/style.css +1 -1
- package/dist/esm/Sticky.js +2 -3
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/SubSideNavBar.js +6 -6
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Swiper.js +3 -5
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +3 -3
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +9 -10
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +1 -2
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +3 -3
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +5 -8
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -4
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +21 -21
- package/dist/esm/badge2.js +2 -2
- package/dist/esm/button2.js +1 -2
- package/dist/esm/cascader2.js +3 -3
- package/dist/esm/checkbox2.js +1 -2
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/context5.js +1 -1
- package/dist/esm/formitem2.js +8 -7
- package/dist/esm/griditem2.js +2 -3
- package/dist/esm/menuitem2.js +1 -2
- package/dist/esm/popup2.js +2 -3
- package/dist/esm/radio2.js +2 -4
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +2 -4
- package/dist/esm/types/src/locales/zh-TW.d.ts +2 -2
- package/dist/esm/types/src/packages/animate/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/animate/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/button/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/button/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/elevator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/elevator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/popup/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/range/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/range/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/tabbar/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/tabbar/demo.taro.d.ts +0 -1
- 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 +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.d.ts +2 -2
- package/dist/locales/zh-TW.js +19 -17
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +244 -291
- package/dist/nutui.react.umd.js +244 -291
- package/dist/packages/actionsheet/actionsheet.scss +4 -4
- package/dist/packages/animatingnumbers/countup.scss +5 -5
- package/dist/packages/audio/audio.scss +6 -6
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/badge/badge.scss +5 -5
- package/dist/packages/button/button.scss +66 -65
- package/dist/packages/calendar/calendar.scss +4 -5
- package/dist/packages/calendarcard/calendarcard.scss +3 -3
- package/dist/packages/card/card.scss +8 -8
- package/dist/packages/cascader/cascader.scss +2 -2
- package/dist/packages/checkbox/checkbox.scss +12 -1
- package/dist/packages/collapseitem/collapseitem.scss +9 -9
- package/dist/packages/dialog/dialog.scss +7 -7
- package/dist/packages/divider/divider.scss +7 -7
- package/dist/packages/elevator/elevator.scss +12 -12
- package/dist/packages/form/form.scss +4 -4
- package/dist/packages/formitem/formitem.scss +5 -5
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +13 -13
- package/dist/packages/imagepreview/imagepreview.scss +1 -1
- package/dist/packages/infiniteloading/infiniteloading.scss +4 -4
- package/dist/packages/noticebar/noticebar.scss +38 -43
- package/dist/packages/notify/notify.scss +15 -8
- package/dist/packages/pagination/pagination.scss +9 -9
- package/dist/packages/picker/picker.scss +5 -5
- package/dist/packages/popover/popover.scss +20 -20
- package/dist/packages/popup/popup.scss +4 -4
- package/dist/packages/price/price.scss +7 -7
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -2
- package/dist/packages/radio/radio.scss +1 -1
- package/dist/packages/rate/rate.scss +7 -7
- package/dist/packages/searchbar/searchbar.scss +16 -16
- package/dist/packages/shortpassword/shortpassword.scss +11 -11
- package/dist/packages/sidenavbar/sidenavbar.scss +5 -5
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +2 -2
- package/dist/packages/signature/signature.scss +2 -2
- package/dist/packages/skeleton/skeleton.scss +5 -5
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +4 -4
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/tabbar/tabbar.scss +3 -3
- package/dist/packages/tabbaritem/tabbaritem.scss +1 -1
- package/dist/packages/table/table.scss +22 -22
- package/dist/packages/tabs/tabs.scss +12 -7
- package/dist/packages/tag/tag.scss +10 -10
- package/dist/packages/textarea/textarea.scss +5 -5
- package/dist/packages/timedetail/timedetail.scss +1 -1
- package/dist/packages/timeselect/timeselect.scss +2 -2
- package/dist/packages/toast/toast.scss +8 -8
- package/dist/packages/uploader/uploader.scss +14 -14
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +1738 -870
- package/dist/styles/variables.scss +1705 -851
- package/dist/types/locales/zh-TW.d.ts +2 -2
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-7, #1a1a1a))}.nut-grid-
|
|
1
|
+
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-7, #1a1a1a))}.nut-grid-item-text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-grid-item-text-font-size, var(--nutui-font-size-2, 12px));line-height:1.5;word-break:break-all;margin:var(--nutui-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item-content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 8px);background:var(--nutui-grid-item-content-bg-color, #ffffff);border:0 solid var(--nutui-grid-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-grid-item-content-border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item-content-surround{border-top-width:1px;border-left-width:1px}.nut-grid-item-content-center{align-items:center;justify-content:center}.nut-grid-item-content-square{position:absolute;top:0;right:0;left:0}.nut-grid-item-content-reverse{flex-direction:column-reverse}.nut-grid-item-content-reverse .nut-grid-item-text{margin:0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item-content-horizontal{flex-direction:row}.nut-grid-item-content-horizontal .nut-grid-item-text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item-content-horizontal.nut-grid-item-content-reverse{flex-direction:row-reverse}.nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}.nut-grid-item-content-clickable{cursor:pointer}.nut-grid-item-content-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item-content-clickable:active:before{opacity:.1}
|
package/dist/esm/Image.js
CHANGED
|
@@ -44,7 +44,7 @@ var Image = function Image2(props) {
|
|
|
44
44
|
var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), complete = _useState6[0], setComplete = _useState6[1];
|
|
45
45
|
var imgRef = useRef(null);
|
|
46
46
|
useEffect(function() {
|
|
47
|
-
if (imgRef.current && imgRef.current.complete) {
|
|
47
|
+
if (imgRef.current && imgRef.current.complete && !lazy) {
|
|
48
48
|
if (imgRef.current.naturalHeight === 0) {
|
|
49
49
|
handleError();
|
|
50
50
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper-inner{display:flex;height:100%}.nut-swiper-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview-pop{height:100%;background:transparent!important;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}
|
package/dist/esm/ImagePreview.js
CHANGED
|
@@ -69,7 +69,7 @@ var ImagePreview = function ImagePreview2(props) {
|
|
|
69
69
|
var touches = event.touches;
|
|
70
70
|
var events = touches[0];
|
|
71
71
|
var events2 = touches[1];
|
|
72
|
-
var curTouchTime =
|
|
72
|
+
var curTouchTime = (/* @__PURE__ */ new Date()).getTime();
|
|
73
73
|
if (curTouchTime - lastTouchEndTime < 300) {
|
|
74
74
|
var store12 = store;
|
|
75
75
|
if (store12.scale > 1) {
|
|
@@ -117,7 +117,7 @@ var ImagePreview = function ImagePreview2(props) {
|
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
119
|
var onTouchEnd = function onTouchEnd2() {
|
|
120
|
-
setLastTouchEndTime(
|
|
120
|
+
setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
|
|
121
121
|
var store1 = store;
|
|
122
122
|
store1.moveable = false;
|
|
123
123
|
if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top .top-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top .top-box-icons{display:flex;justify-content:center;align-items:center;width:var(--nutui-pulltorefresh-
|
|
1
|
+
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top .top-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top .top-box-icons{display:flex;justify-content:center;align-items:center;width:var(--nutui-pulltorefresh-icon-width, 36px);height:var(--nutui-pulltorefresh-icon-height, 26px);margin-bottom:4px}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c));text-align:center}.nut-infiniteloading .nut-infinite-bottom .bottom-box{display:flex;justify-content:center;align-items:center}.nut-infiniteloading .nut-infinite-bottom .bottom-box-icons{width:var(--nutui-infiniteloading-icon-size, 24px);height:var(--nutui-infiniteloading-icon-size, 24px);margin-right:8px}
|
|
@@ -168,68 +168,15 @@ var InfiniteLoading = function InfiniteLoading2(props) {
|
|
|
168
168
|
style: getStyle()
|
|
169
169
|
}, React__default.createElement("div", {
|
|
170
170
|
className: "top-box"
|
|
171
|
-
}, React__default.createElement("
|
|
172
|
-
className: "top-box-icons"
|
|
173
|
-
}, React__default.createElement("svg", {
|
|
174
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
175
|
-
width: "36",
|
|
176
|
-
height: "26",
|
|
177
|
-
viewBox: "0 0 36 26",
|
|
178
|
-
fill: "none"
|
|
179
|
-
}, React__default.createElement("path", {
|
|
180
|
-
d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
|
|
181
|
-
fill: "#8C8C8C"
|
|
182
|
-
}))), React__default.createElement("div", null, pullingText || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
|
|
171
|
+
}, pullingText || locale.infiniteloading.pullRefreshText)), React__default.createElement("div", {
|
|
183
172
|
className: "nut-infinite-container"
|
|
184
173
|
}, children), React__default.createElement("div", {
|
|
185
174
|
className: "nut-infinite-bottom"
|
|
186
175
|
}, isInfiniting ? React__default.createElement("div", {
|
|
187
176
|
className: "bottom-box"
|
|
188
|
-
}, React__default.createElement("
|
|
189
|
-
className: "bottom-box-icons"
|
|
190
|
-
}, React__default.createElement("svg", {
|
|
191
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
192
|
-
width: "24",
|
|
193
|
-
height: "24",
|
|
194
|
-
viewBox: "0 0 24 24",
|
|
195
|
-
fill: "none"
|
|
196
|
-
}, React__default.createElement("circle", {
|
|
197
|
-
cx: "2",
|
|
198
|
-
cy: "12",
|
|
199
|
-
r: "2",
|
|
200
|
-
fill: "#8C8C8C"
|
|
201
|
-
}), React__default.createElement("circle", {
|
|
202
|
-
cx: "12",
|
|
203
|
-
cy: "12",
|
|
204
|
-
r: "2",
|
|
205
|
-
fill: "#8C8C8C"
|
|
206
|
-
}), React__default.createElement("circle", {
|
|
207
|
-
cx: "22",
|
|
208
|
-
cy: "12",
|
|
209
|
-
r: "2",
|
|
210
|
-
fill: "#8C8C8C"
|
|
211
|
-
}))), loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
|
|
177
|
+
}, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
|
|
212
178
|
className: "bottom-box"
|
|
213
|
-
},
|
|
214
|
-
className: "bottom-box-icons"
|
|
215
|
-
}, React__default.createElement("svg", {
|
|
216
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
217
|
-
width: "24",
|
|
218
|
-
height: "24",
|
|
219
|
-
viewBox: "0 0 24 24",
|
|
220
|
-
fill: "none"
|
|
221
|
-
}, React__default.createElement("g", {
|
|
222
|
-
clipPath: "url(#clip0_202_858)"
|
|
223
|
-
}, React__default.createElement("path", {
|
|
224
|
-
d: "M23.1507 10.6435C21.8958 9.29889 21.6209 7.28491 20.8022 6.60353C19.9835 5.92216 18.7824 7.00753 18.3402 7.6467C15.896 5.92216 11.9879 6.00054 11.9879 6.00054C11.9879 6.00054 8.09759 5.92216 5.6475 7.6467C5.20528 7.00753 4.01012 5.92216 3.19143 6.60353C2.37274 7.28491 2.10383 9.29889 0.848906 10.6435C-0.0892994 11.6566 -0.166985 11.952 0.215468 12.754C0.591945 13.556 2.93447 14.2193 4.58977 12.6334C4.81088 13.4595 6.67534 18 11.9938 18C17.3123 18 19.1887 13.4595 19.4039 12.6334C21.0592 14.2193 23.4077 13.556 23.7901 12.754C24.1666 11.952 24.0889 11.6566 23.1507 10.6435Z",
|
|
225
|
-
fill: "#8C8C8C"
|
|
226
|
-
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
227
|
-
id: "clip0_202_858"
|
|
228
|
-
}, React__default.createElement("rect", {
|
|
229
|
-
width: "24",
|
|
230
|
-
height: "24",
|
|
231
|
-
fill: "white"
|
|
232
|
-
}))))), loadMoreText || locale.infiniteloading.loadMoreText)));
|
|
179
|
+
}, loadMoreText || locale.infiniteloading.loadMoreText)));
|
|
233
180
|
};
|
|
234
181
|
InfiniteLoading.defaultProps = defaultProps;
|
|
235
182
|
InfiniteLoading.displayName = "NutInfiniteLoading";
|
package/dist/esm/InputNumber.js
CHANGED
|
@@ -41,7 +41,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
41
41
|
});
|
|
42
42
|
var classPrefix = "nut-inputnumber";
|
|
43
43
|
var InputNumber = function InputNumber2(props) {
|
|
44
|
-
var _classNames;
|
|
45
44
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, disabled = _defaultProps$props.disabled, min = _defaultProps$props.min, max = _defaultProps$props.max, readOnly = _defaultProps$props.readOnly, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, allowEmpty = _defaultProps$props.allowEmpty, digits = _defaultProps$props.digits, step = _defaultProps$props.step, async = _defaultProps$props.async, className = _defaultProps$props.className, style = _defaultProps$props.style, formatter = _defaultProps$props.formatter, onPlus = _defaultProps$props.onPlus, onMinus = _defaultProps$props.onMinus, onOverlimit = _defaultProps$props.onOverlimit, onBlur = _defaultProps$props.onBlur, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
46
45
|
var inputRef = useRef("");
|
|
47
46
|
var _usePropsValue = usePropsValue({
|
|
@@ -56,7 +55,7 @@ var InputNumber = function InputNumber2(props) {
|
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
}, []);
|
|
59
|
-
var classes = classNames((
|
|
58
|
+
var classes = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix), true), "".concat(classPrefix, "-disabled"), disabled), className);
|
|
60
59
|
var styles = _objectSpread({}, style);
|
|
61
60
|
var addAllow = function addAllow2() {
|
|
62
61
|
var value2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _checked;
|
package/dist/esm/Menu.js
CHANGED
|
@@ -148,9 +148,13 @@ var Menu = function Menu2(props) {
|
|
|
148
148
|
}, React__default.createElement("div", {
|
|
149
149
|
className: "nut-menu-title-text"
|
|
150
150
|
}, finallyTitle()), icon || (direction === "up" ? React__default.createElement(ArrowUp, {
|
|
151
|
-
className: "nut-menu-title-icon"
|
|
151
|
+
className: "nut-menu-title-icon",
|
|
152
|
+
width: "12px",
|
|
153
|
+
height: "12px"
|
|
152
154
|
}) : React__default.createElement(ArrowDown, {
|
|
153
|
-
className: "nut-menu-title-icon"
|
|
155
|
+
className: "nut-menu-title-icon",
|
|
156
|
+
width: "12px",
|
|
157
|
+
height: "12px"
|
|
154
158
|
})));
|
|
155
159
|
}
|
|
156
160
|
return null;
|
package/dist/esm/NavBar.js
CHANGED
|
@@ -34,7 +34,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
34
34
|
zIndex: 10
|
|
35
35
|
});
|
|
36
36
|
var NavBar = function NavBar2(props) {
|
|
37
|
-
var _classNames;
|
|
38
37
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), right = _defaultProps$props.right, left = _defaultProps$props.left, titleAlign = _defaultProps$props.titleAlign, className = _defaultProps$props.className, style = _defaultProps$props.style, back = _defaultProps$props.back, fixed = _defaultProps$props.fixed, safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop, placeholder = _defaultProps$props.placeholder, zIndex = _defaultProps$props.zIndex, onBackClick = _defaultProps$props.onBackClick;
|
|
39
38
|
var classPrefix = "nut-navbar";
|
|
40
39
|
var children = Array.isArray(props.children) ? props.children : [props.children];
|
|
@@ -69,7 +68,7 @@ var NavBar = function NavBar2(props) {
|
|
|
69
68
|
style: styles()
|
|
70
69
|
}, renderLeft(), renderContent(), renderRight());
|
|
71
70
|
};
|
|
72
|
-
var classes = classNames((
|
|
71
|
+
var classes = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-fixed"), fixed), "".concat(classPrefix, "-safe-area-inset-top"), safeAreaInsetTop), "".concat(classPrefix, "-title-align-").concat(titleAlign), true));
|
|
73
72
|
var cls = classNames(classPrefix, classes, className);
|
|
74
73
|
return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", {
|
|
75
74
|
className: "".concat(classPrefix, "-placeholder")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box
|
|
1
|
+
.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box-wrapable{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap{height:auto}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box-left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box-right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box-wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}
|
package/dist/esm/NoticeBar.js
CHANGED
|
@@ -332,12 +332,9 @@ var NoticeBar = function NoticeBar2(props) {
|
|
|
332
332
|
});
|
|
333
333
|
}
|
|
334
334
|
};
|
|
335
|
-
var noticebarClass = classNames({
|
|
336
|
-
"nut-noticebar-box": true
|
|
337
|
-
|
|
338
|
-
close: closeable,
|
|
339
|
-
wrapable: wrap
|
|
340
|
-
});
|
|
335
|
+
var noticebarClass = classNames(_defineProperty({
|
|
336
|
+
"nut-noticebar-box": true
|
|
337
|
+
}, "nut-noticebar-box-wrapable", wrap));
|
|
341
338
|
useEffect(function() {
|
|
342
339
|
return function() {
|
|
343
340
|
stopAutoPlay();
|
|
@@ -351,17 +348,17 @@ var NoticeBar = function NoticeBar2(props) {
|
|
|
351
348
|
style: barStyle,
|
|
352
349
|
onClick: handleClick
|
|
353
350
|
}, leftIcon ? React__default.createElement("div", {
|
|
354
|
-
className: "left-icon"
|
|
351
|
+
className: "nut-noticebar-box-left-icon"
|
|
355
352
|
}, leftIcon) : null, React__default.createElement("div", {
|
|
356
353
|
ref: wrapRef,
|
|
357
|
-
className: "wrap"
|
|
354
|
+
className: "nut-noticebar-box-wrap"
|
|
358
355
|
}, React__default.createElement("div", {
|
|
359
356
|
ref: contentRef,
|
|
360
|
-
className: "content ".concat(animationClass, " ").concat(isEllipsis() ? "nut-ellipsis" : ""),
|
|
357
|
+
className: "nut-noticebar-box-wrap-content ".concat(animationClass, " ").concat(isEllipsis() ? "nut-ellipsis" : ""),
|
|
361
358
|
style: contentStyle,
|
|
362
359
|
onAnimationEnd
|
|
363
360
|
}, children, content)), closeable || rightIcon ? React__default.createElement("div", {
|
|
364
|
-
className: "right-icon",
|
|
361
|
+
className: "nut-noticebar-box-right-icon",
|
|
365
362
|
onClick: onClickIcon
|
|
366
363
|
}, rightIcon || React__default.createElement(Close, {
|
|
367
364
|
width: 12,
|
|
@@ -372,13 +369,12 @@ var NoticeBar = function NoticeBar2(props) {
|
|
|
372
369
|
ref: container,
|
|
373
370
|
onClick: handleClick
|
|
374
371
|
}, leftIcon ? React__default.createElement("div", {
|
|
375
|
-
className: "left-icon"
|
|
372
|
+
className: "nut-noticebar-box-left-icon"
|
|
376
373
|
}, leftIcon) : null, children ? React__default.createElement("div", {
|
|
377
|
-
className: "nut-
|
|
374
|
+
className: "nut-noticebar-box-wrap",
|
|
378
375
|
ref: innerRef
|
|
379
376
|
}, scrollList.current.map(function(item, index) {
|
|
380
377
|
return React__default.createElement("div", {
|
|
381
|
-
className: "scroll-inner ",
|
|
382
378
|
style: itemStyle(index),
|
|
383
379
|
key: index,
|
|
384
380
|
onClick: function onClick2(e) {
|
|
@@ -386,13 +382,13 @@ var NoticeBar = function NoticeBar2(props) {
|
|
|
386
382
|
}
|
|
387
383
|
}, item);
|
|
388
384
|
})) : React__default.createElement("div", {
|
|
389
|
-
className: "horseLamp-list",
|
|
385
|
+
className: "nut-noticebar-box-horseLamp-list",
|
|
390
386
|
style: horseLampStyle
|
|
391
387
|
}, scrollList.current.map(function(item, index) {
|
|
392
388
|
return (
|
|
393
389
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
394
390
|
React__default.createElement("div", {
|
|
395
|
-
className: "horseLamp-list-item",
|
|
391
|
+
className: "nut-noticebar-box-horseLamp-list-item",
|
|
396
392
|
style: {
|
|
397
393
|
height
|
|
398
394
|
},
|
|
@@ -403,7 +399,7 @@ var NoticeBar = function NoticeBar2(props) {
|
|
|
403
399
|
}, item)
|
|
404
400
|
);
|
|
405
401
|
})), React__default.createElement("div", {
|
|
406
|
-
className: "
|
|
402
|
+
className: "nut-noticebar-box-right-icon",
|
|
407
403
|
onClick: function onClick2(e) {
|
|
408
404
|
handleClickIcon(e);
|
|
409
405
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify
|
|
1
|
+
.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify-popup-top,.nut-notify-popup-bottom{position:fixed;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify-popup-top{top:0}.nut-notify-popup-bottom{bottom:0}.nut-notify-base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify-primary{background:var(--nutui-notify-primary-background-color, var(--nutui-color-info, #1988fa))}.nut-notify-success{background:var(--nutui-notify-success-background-color, var(--nutui-color-success, #00bc14))}.nut-notify-danger{background:var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-notify-warning{background:var(--nutui-notify-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}
|
package/dist/esm/Notify.js
CHANGED
|
@@ -128,10 +128,9 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
128
128
|
}, {
|
|
129
129
|
key: "render",
|
|
130
130
|
value: function render2() {
|
|
131
|
-
var _classNames;
|
|
132
131
|
var _this$props = this.props, style = _this$props.style, message = _this$props.message, type = _this$props.type, className = _this$props.className, position = _this$props.position;
|
|
133
132
|
var show = this.state.show;
|
|
134
|
-
var classes = classNames((
|
|
133
|
+
var classes = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-popup-top"), position === "top"), "".concat(classPrefix, "-popup-bottom"), position === "bottom"), "".concat(classPrefix), true), "".concat(classPrefix, "-").concat(type), true));
|
|
135
134
|
return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
|
|
136
135
|
"in": show,
|
|
137
136
|
timeout: 300,
|
|
@@ -151,7 +150,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
151
150
|
_defineProperty(Notification, "newInstance", void 0);
|
|
152
151
|
Notification.newInstance = function(properties, callback) {
|
|
153
152
|
var element = document.createElement("div");
|
|
154
|
-
var id = properties.id ? properties.id : "".concat(
|
|
153
|
+
var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
|
|
155
154
|
element.id = id;
|
|
156
155
|
properties.id = id;
|
|
157
156
|
document.body.appendChild(element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-numberkeyboard{width:100%;padding:var(--nutui-numberkeyboard-padding, 0 0 22px 0);-webkit-user-select:none;user-select:none;background-color:var(--nutui-numberkeyboard-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-numberkeyboard-header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;padding:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-numberkeyboard-header-title{color:var(--nutui-gray-7, #1a1a1a);display:inline-block}.nut-numberkeyboard-header-close{position:absolute;display:block;right:0;padding:var(--nutui-numberkeyboard-header-close-padding, 0 16px);color:var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-numberkeyboard-header-close-font-size, 14px);background-color:var(--nutui-numberkeyboard-header-close-background-color, transparent);border:none;cursor:pointer}.nut-numberkeyboard-body{display:flex;padding:6px 0 0 6px}.nut-numberkeyboard-body-keys{display:flex;flex:3;flex-wrap:wrap}.nut-numberkeyboard-body-wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0;background-color:var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-gray-2, #f8f8f8))}.nut-numberkeyboard-body-wrapper .key{display:flex;align-items:center;justify-content:center;height:var(--nutui-numberkeyboard-key-height, 48px);font-size:var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-5, 18px));line-height:var(--nutui-numberkeyboard-key-line-height, 1.5);background-color:var(--nutui-numberkeyboard-key-background-color, #fff);color:var(--nutui-numberkeyboard-key-color, var(--nutui-gray-6, #595959));border-radius:var(--nutui-numberkeyboard-key-border-radius, 8px);border:var(--nutui-numberkeyboard-key-border, none);font-weight:var(--nutui-font-weight-bold, 500);cursor:pointer}.nut-numberkeyboard-body-wrapper .key.active{background-color:var(--nutui-numberkeyboard-key-active-background-color, #ebedf0)}.nut-numberkeyboard-sidebar{display:flex;flex:1;flex-direction:column}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm{font-size:var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-numberkeyboard-key-confirm-color, #fff);background-color:var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #fa2c19))}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active{background-color:#ff0000b3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-
|
|
1
|
+
.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination-contain{display:flex}.nut-pagination-simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination-prev,.nut-pagination-item,.nut-pagination-next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination-prev,.nut-pagination-item{border-right:none}.nut-pagination-prev,.nut-pagination-next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}
|
package/dist/esm/Pagination.js
CHANGED
|
@@ -95,16 +95,16 @@ var Pagination = function Pagination2(props) {
|
|
|
95
95
|
return React__default.createElement("div", _objectSpread({
|
|
96
96
|
className: classNames(classPrefix, className)
|
|
97
97
|
}, rest), (mode === "multi" || mode === "simple") && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
98
|
-
className: classNames("".concat(classPrefix, "
|
|
98
|
+
className: classNames("".concat(classPrefix, "-prev"), mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""),
|
|
99
99
|
onClick: function onClick(e) {
|
|
100
100
|
return handleSelectPage(currentPage - 1);
|
|
101
101
|
}
|
|
102
102
|
}, prev || locale.pagination.prev), mode === "multi" && React__default.createElement("div", {
|
|
103
|
-
className: "".concat(classPrefix, "
|
|
103
|
+
className: "".concat(classPrefix, "-contain")
|
|
104
104
|
}, pages.map(function(item, index) {
|
|
105
105
|
return React__default.createElement("div", {
|
|
106
106
|
key: "".concat(index, "pagination"),
|
|
107
|
-
className: classNames("".concat(classPrefix, "
|
|
107
|
+
className: classNames("".concat(classPrefix, "-item"), {
|
|
108
108
|
active: item.number === currentPage
|
|
109
109
|
}),
|
|
110
110
|
onClick: function onClick(e) {
|
|
@@ -112,11 +112,11 @@ var Pagination = function Pagination2(props) {
|
|
|
112
112
|
}
|
|
113
113
|
}, itemRender ? itemRender(item) : item.text);
|
|
114
114
|
})), mode === "simple" && React__default.createElement("div", {
|
|
115
|
-
className: "".concat(classPrefix, "
|
|
115
|
+
className: "".concat(classPrefix, "-contain")
|
|
116
116
|
}, React__default.createElement("div", {
|
|
117
|
-
className: "".concat(classPrefix, "
|
|
117
|
+
className: "".concat(classPrefix, "-simple")
|
|
118
118
|
}, currentPage, "/", pageCount)), React__default.createElement("div", {
|
|
119
|
-
className: classNames("".concat(classPrefix, "
|
|
119
|
+
className: classNames("".concat(classPrefix, "-next"), currentPage >= pageCount ? "disabled" : ""),
|
|
120
120
|
onClick: function onClick(e) {
|
|
121
121
|
return handleSelectPage(currentPage + 1);
|
|
122
122
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right--top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right--bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right--bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker__control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, 18px);align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker__cancel-btn{color:var(--nutui-picker-title-cancel-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker__confirm-btn{color:var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, 18px);font-weight:var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 500))}.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 var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.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-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));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-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 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%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-picker-title-cancel-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-confirm-btn{color:var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 500))}.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 var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.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-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));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-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 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%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
|
package/dist/esm/Picker.js
CHANGED
|
@@ -447,18 +447,20 @@ var InternalPicker = function InternalPicker2(props, ref) {
|
|
|
447
447
|
};
|
|
448
448
|
var renderTitleBar = function renderTitleBar2() {
|
|
449
449
|
return React__default.createElement("div", {
|
|
450
|
-
className: "".concat(classPrefix, "
|
|
450
|
+
className: "".concat(classPrefix, "-control")
|
|
451
451
|
}, React__default.createElement("span", {
|
|
452
|
-
className: "".concat(classPrefix, "
|
|
452
|
+
className: "".concat(classPrefix, "-cancel-btn"),
|
|
453
453
|
onClick: function onClick(e) {
|
|
454
|
+
e.stopPropagation();
|
|
454
455
|
onCancel === null || onCancel === void 0 || onCancel();
|
|
455
456
|
setInnerVisible(false);
|
|
456
457
|
}
|
|
457
458
|
}, locale.cancel), React__default.createElement("div", {
|
|
458
|
-
className: "".concat(classPrefix, "
|
|
459
|
+
className: "".concat(classPrefix, "-title")
|
|
459
460
|
}, title || ""), React__default.createElement("span", {
|
|
460
|
-
className: "".concat(classPrefix, "
|
|
461
|
+
className: "".concat(classPrefix, "-confirm-btn"),
|
|
461
462
|
onClick: function onClick(e) {
|
|
463
|
+
e.stopPropagation();
|
|
462
464
|
confirm();
|
|
463
465
|
}
|
|
464
466
|
}, locale.confirm));
|
|
@@ -480,7 +482,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
|
|
|
480
482
|
className: classes,
|
|
481
483
|
style
|
|
482
484
|
}, rest), renderTitleBar(), typeof children !== "function" && children, React__default.createElement("div", {
|
|
483
|
-
className: "".concat(classPrefix, "
|
|
485
|
+
className: "".concat(classPrefix, "-panel"),
|
|
484
486
|
ref: pickerRef
|
|
485
487
|
}, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function(item, index) {
|
|
486
488
|
return React__default.createElement(PickerPanel$1, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right--top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right--bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right--bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|