@nutui/nutui-react 2.3.10 → 2.3.12-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +3 -13
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +0 -13
- package/dist/esm/Animate/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +9 -25
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/BackTop.js +1 -1
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Badge.js +0 -3
- package/dist/esm/Barrage/style/style.css +1 -1
- package/dist/esm/Button.js +0 -4
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cascader.js +0 -17
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/Checkbox.js +0 -6
- package/dist/esm/CheckboxGroup/style/style.css +1 -1
- package/dist/esm/CheckboxGroup.js +0 -3
- package/dist/esm/Col/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/CollapseItem.js +0 -3
- package/dist/esm/ConfigProvider.js +0 -2
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +2 -8
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Elevator.js +2 -1
- package/dist/esm/Empty.js +0 -1
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/FormItem.js +0 -3
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +0 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/GridItem.js +0 -4
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/Indicator/style/style.css +1 -1
- package/dist/esm/Indicator.js +0 -2
- package/dist/esm/Input.js +4 -1
- package/dist/esm/InputNumber.js +107 -161
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/Menu.js +0 -9
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/MenuItem.js +0 -13
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/Notify.js +10 -27
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/Overlay.js +0 -8
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +0 -7
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +0 -1
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Popup.js +0 -12
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/PullToRefresh.js +0 -1
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/Radio.js +0 -6
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +0 -3
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/SafeArea.js +0 -2
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +1 -4
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +2 -4
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Sticky.js +0 -1
- package/dist/esm/Swipe/style/style.css +1 -1
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Switch/style/style.css +1 -1
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +0 -1
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/TabbarItem.js +0 -4
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tabs.js +0 -7
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/Toast.js +10 -32
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/cascader2.js +14 -15
- package/dist/esm/formitem2.js +10 -26
- package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +15 -15
- package/dist/esm/types/src/packages/inputnumber/inputnumber.taro.d.ts +15 -17
- 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.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +339 -367
- package/dist/nutui.react.umd.js +339 -367
- package/dist/packages/animate/animate.scss +0 -27
- package/dist/packages/audio/audio.scss +0 -5
- package/dist/packages/avatarcropper/avatarcropper.scss +0 -2
- package/dist/packages/badge/badge.scss +7 -0
- package/dist/packages/barrage/barrage.scss +22 -3
- package/dist/packages/button/button.scss +0 -1
- package/dist/packages/calendar/calendar.scss +4 -4
- package/dist/packages/calendarcard/calendarcard.scss +0 -1
- package/dist/packages/cascader/cascader.scss +0 -1
- package/dist/packages/checkbox/checkbox.scss +0 -2
- package/dist/packages/checkboxgroup/checkboxgroup.scss +1 -3
- package/dist/packages/col/col.scss +2 -2
- package/dist/packages/collapseitem/collapseitem.scss +2 -3
- package/dist/packages/dialog/dialog.scss +4 -0
- package/dist/packages/divider/divider.scss +1 -1
- package/dist/packages/fixednav/fixednav.scss +0 -2
- package/dist/packages/form/form.scss +24 -26
- package/dist/packages/formitem/formitem.scss +0 -1
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +28 -26
- package/dist/packages/imagepreview/imagepreview.scss +0 -1
- package/dist/packages/indicator/indicator.scss +2 -3
- package/dist/packages/menu/menu.scss +0 -7
- package/dist/packages/menuitem/menuitem.scss +14 -10
- package/dist/packages/navbar/navbar.scss +3 -5
- package/dist/packages/noticebar/noticebar.scss +20 -0
- package/dist/packages/numberkeyboard/numberkeyboard.scss +25 -18
- package/dist/packages/pagination/pagination.scss +0 -2
- package/dist/packages/picker/picker.scss +9 -0
- package/dist/packages/popover/popover.scss +0 -4
- package/dist/packages/popup/popup.scss +3 -19
- package/dist/packages/price/price.scss +1 -0
- package/dist/packages/radio/radio.scss +0 -1
- package/dist/packages/radiogroup/radiogroup.scss +10 -1
- package/dist/packages/range/range.scss +127 -127
- package/dist/packages/rate/rate.scss +0 -1
- package/dist/packages/searchbar/searchbar.scss +3 -2
- package/dist/packages/shortpassword/shortpassword.scss +4 -0
- package/dist/packages/skeleton/skeleton.scss +13 -3
- package/dist/packages/space/space.scss +0 -1
- package/dist/packages/step/step.scss +21 -25
- package/dist/packages/swipe/swipe.scss +0 -15
- package/dist/packages/swiper/swiper.scss +0 -1
- package/dist/packages/switch/switch.scss +11 -0
- package/dist/packages/table/table.scss +4 -5
- package/dist/packages/tabs/tabs.scss +2 -4
- package/dist/packages/tag/tag.scss +0 -1
- package/dist/packages/textarea/textarea.scss +1 -6
- package/dist/packages/timeselect/timeselect.scss +1 -6
- package/dist/packages/tour/tour.scss +1 -5
- package/dist/packages/trendarrow/trendarrow.scss +0 -1
- package/dist/packages/uploader/uploader.scss +0 -1
- package/dist/packages/virtuallist/virtuallist.scss +12 -12
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables.scss +11 -7
- package/dist/types/index.d.ts +98 -98
- package/dist/types/packages/actionsheet/actionsheet.d.ts +1 -1
- package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +1 -1
- package/dist/types/packages/address/address.d.ts +1 -1
- package/dist/types/packages/address/address.taro.d.ts +1 -1
- package/dist/types/packages/address/customRender.d.ts +1 -1
- package/dist/types/packages/address/customRender.taro.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.taro.d.ts +1 -1
- package/dist/types/packages/calendaritem/calendaritem.d.ts +1 -1
- package/dist/types/packages/calendaritem/calendaritem.taro.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.taro.d.ts +1 -1
- package/dist/types/packages/cell/cell.d.ts +1 -1
- package/dist/types/packages/cell/cell.taro.d.ts +1 -1
- package/dist/types/packages/checkbox/checkbox.d.ts +2 -2
- package/dist/types/packages/checkbox/checkbox.taro.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +2 -2
- package/dist/types/packages/datepicker/datepicker.d.ts +1 -1
- package/dist/types/packages/datepicker/datepicker.taro.d.ts +1 -1
- package/dist/types/packages/dialog/dialogwrap.d.ts +1 -1
- package/dist/types/packages/empty/empty.d.ts +1 -1
- package/dist/types/packages/fixednav/fixednav.d.ts +1 -1
- package/dist/types/packages/fixednav/fixednav.taro.d.ts +1 -1
- package/dist/types/packages/form/form.d.ts +1 -1
- package/dist/types/packages/form/form.taro.d.ts +1 -1
- package/dist/types/packages/form/index.d.ts +1 -1
- package/dist/types/packages/form/index.taro.d.ts +1 -1
- package/dist/types/packages/inputnumber/inputnumber.d.ts +28 -28
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +15 -17
- package/dist/types/packages/menu/menu.d.ts +1 -1
- package/dist/types/packages/menu/menu.taro.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +1 -1
- package/dist/types/packages/nutui.react.d.ts +98 -98
- package/dist/types/packages/nutui.react.taro.d.ts +98 -98
- package/dist/types/packages/nutui.taro.react.build.d.ts +98 -98
- package/dist/types/packages/picker/picker.d.ts +1 -1
- package/dist/types/packages/picker/picker.taro.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +1 -1
- package/dist/types/packages/popover/popover.taro.d.ts +1 -1
- package/dist/types/packages/popup/popup.d.ts +1 -1
- package/dist/types/packages/popup/popup.taro.d.ts +1 -1
- package/dist/types/packages/radio/radio.d.ts +2 -2
- package/dist/types/packages/radio/radio.taro.d.ts +2 -2
- package/dist/types/packages/shortpassword/shortpassword.d.ts +1 -1
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +1 -1
- package/dist/types/packages/swiper/index.d.ts +1 -1
- package/dist/types/packages/swiper/index.taro.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.taro.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.taro.d.ts +1 -1
- package/dist/types/packages/tour/tour.d.ts +1 -1
- package/dist/types/packages/tour/tour.taro.d.ts +1 -1
- package/package.json +5 -5
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom{left:auto;right:0}[dir=rtl] .nut-popup-right,.nut-rtl .nut-popup-right{right:auto;left:0}[dir=rtl] .nut-popup-right.nut-popup-round,.nut-rtl .nut-popup-right.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}[dir=rtl] .nut-popup-left,.nut-rtl .nut-popup-left{left:auto;right:0}[dir=rtl] .nut-popup-left.nut-popup-round,.nut-rtl .nut-popup-left.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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}[dir=rtl] .nut-numberkeyboard-header-close,.nut-rtl .nut-numberkeyboard-header-close{right:auto;left:0}[dir=rtl] .nut-numberkeyboard-body,.nut-rtl .nut-numberkeyboard-body{padding:6px 6px 0 0}[dir=rtl] .nut-numberkeyboard-body-wrapper,.nut-rtl .nut-numberkeyboard-body-wrapper{padding:0 0 6px 6px}[dir=rtl] .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,.nut-rtl .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key{left:6px;right:0}
|
|
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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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}[dir=rtl] .nut-popup .nut-numberkeyboard-header-close,.nut-rtl .nut-popup .nut-numberkeyboard-header-close{right:auto;left:0}[dir=rtl] .nut-popup .nut-numberkeyboard-body,.nut-rtl .nut-popup .nut-numberkeyboard-body{padding:6px 6px 0 0}[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper{padding:0 0 6px 6px}[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete{transform:rotate(-180deg)}[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key{left:6px;right:0}[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete{transform:rotate(-180deg)}
|
package/dist/esm/Overlay.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
import { O as Overlay } from "./overlay2.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-transition-group";
|
|
4
|
-
import "classnames";
|
|
5
|
-
import "./typings.js";
|
|
6
|
-
import "./use-touch.js";
|
|
7
|
-
import "./get-scroll-parent.js";
|
|
8
|
-
import "./can-use-dom.js";
|
|
9
|
-
import "./supports-passive.js";
|
|
10
2
|
export {
|
|
11
3
|
Overlay as default
|
|
12
4
|
};
|
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom{left:auto;right:0}[dir=rtl] .nut-popup-right,.nut-rtl .nut-popup-right{right:auto;left:0}[dir=rtl] .nut-popup-right.nut-popup-round,.nut-rtl .nut-popup-right.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}[dir=rtl] .nut-popup-left,.nut-rtl .nut-popup-left{left:auto;right:0}[dir=rtl] .nut-popup-left.nut-popup-round,.nut-rtl .nut-popup-left.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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;transform:translateZ(0);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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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;transform:translateZ(0);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}[dir=rtl] .nut-picker-mask,.nut-rtl .nut-picker-mask{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)))}
|
package/dist/esm/Picker.js
CHANGED
|
@@ -34,13 +34,6 @@ import { u as useRefs } from "./use-refs.js";
|
|
|
34
34
|
import { useConfig } from "./ConfigProvider.js";
|
|
35
35
|
import { u as usePropsValue } from "./use-props-value.js";
|
|
36
36
|
import { C as ComponentDefaults } from "./typings.js";
|
|
37
|
-
import "react-dom";
|
|
38
|
-
import "react-transition-group";
|
|
39
|
-
import "@nutui/icons-react";
|
|
40
|
-
import "./overlay2.js";
|
|
41
|
-
import "./get-scroll-parent.js";
|
|
42
|
-
import "./can-use-dom.js";
|
|
43
|
-
import "./Overlay.js";
|
|
44
37
|
var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
|
|
45
38
|
var _props$keyIndex = props.keyIndex, keyIndex = _props$keyIndex === void 0 ? 0 : _props$keyIndex, defaultValue = props.defaultValue, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, _props$threeDimension = props.threeDimensional, threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension, _props$duration = props.duration, duration = _props$duration === void 0 ? 1e3 : _props$duration, chooseItem = props.chooseItem;
|
|
46
39
|
var touch = useTouch();
|
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom{left:auto;right:0}[dir=rtl] .nut-popup-right,.nut-rtl .nut-popup-right{right:auto;left:0}[dir=rtl] .nut-popup-right.nut-popup-round,.nut-rtl .nut-popup-right.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}[dir=rtl] .nut-popup-left,.nut-rtl .nut-popup-left{left:auto;right:0}[dir=rtl] .nut-popup-left.nut-popup-round,.nut-rtl .nut-popup-left.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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-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:0;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 .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(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}[dir=rtl] .nut-popover-arrow-left,.nut-rtl .nut-popover-arrow-left{right:auto;left:0;border-left-color:currentcolor;border-right-color:var(--nutui-popover-border-color, #ffffff);border-right-width:medium;border-left-width:0;margin-right:0;margin-left:-8px}[dir=rtl] .nut-popover-arrow-right,.nut-rtl .nut-popover-arrow-right{left:auto;right:0;border-right-color:currentcolor;border-left-color:var(--nutui-popover-border-color, #ffffff);border-left-width:medium;border-right-width:0;margin-left:0;margin-right:-8px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name{margin-left:0;margin-right:4px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{right:auto;left:var(--nutui-popover-menu-item-padding, 8px)}[dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,.nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:auto;right:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,.nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:auto;right:16px}.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}[dir=rtl] .nut-popover-content-bg,.nut-rtl .nut-popover-content-bg{left:auto;right:0}.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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.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-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:0;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 .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(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}[dir=rtl] .nut-popover-arrow-left,.nut-rtl .nut-popover-arrow-left{right:auto;left:0;border-left-color:currentcolor;border-right-color:var(--nutui-popover-border-color, #ffffff);border-right-width:medium;border-left-width:0;margin-right:0;margin-left:-8px}[dir=rtl] .nut-popover-arrow-right,.nut-rtl .nut-popover-arrow-right{left:auto;right:0;border-right-color:currentcolor;border-left-color:var(--nutui-popover-border-color, #ffffff);border-left-width:medium;border-right-width:0;margin-left:0;margin-right:-8px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name{margin-left:0;margin-right:4px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{right:auto;left:var(--nutui-popover-menu-item-padding, 8px)}[dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,.nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:auto;right:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,.nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:auto;right:16px}.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}[dir=rtl] .nut-popover-content-bg,.nut-rtl .nut-popover-content-bg{left:auto;right:0}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|
package/dist/esm/Popover.js
CHANGED
|
@@ -32,7 +32,6 @@ import { C as ComponentDefaults } from "./typings.js";
|
|
|
32
32
|
import { u as useClickAway } from "./use-click-away.js";
|
|
33
33
|
import { c as canUseDom } from "./can-use-dom.js";
|
|
34
34
|
import { a as getAllScrollableParents } from "./get-scroll-parent.js";
|
|
35
|
-
import "./index.js";
|
|
36
35
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
37
36
|
list: [],
|
|
38
37
|
location: "bottom",
|
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom
|
|
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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}
|
package/dist/esm/Popup.js
CHANGED
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
import { P as Popup } from "./popup2.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
import "react-transition-group";
|
|
5
|
-
import "classnames";
|
|
6
|
-
import "@nutui/icons-react";
|
|
7
|
-
import "./overlay2.js";
|
|
8
|
-
import "./typings.js";
|
|
9
|
-
import "./use-touch.js";
|
|
10
|
-
import "./get-scroll-parent.js";
|
|
11
|
-
import "./can-use-dom.js";
|
|
12
|
-
import "./supports-passive.js";
|
|
13
|
-
import "./Overlay.js";
|
|
14
2
|
export {
|
|
15
3
|
Popup as default
|
|
16
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-price{font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}
|
|
1
|
+
.nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}
|
|
@@ -31,7 +31,6 @@ import { useConfig } from "./ConfigProvider.js";
|
|
|
31
31
|
import { g as getScrollParent } from "./get-scroll-parent.js";
|
|
32
32
|
import { p as passiveSupported } from "./supports-passive.js";
|
|
33
33
|
import { C as ComponentDefaults } from "./typings.js";
|
|
34
|
-
import "./can-use-dom.js";
|
|
35
34
|
function bound(position, min, max) {
|
|
36
35
|
var ret = position;
|
|
37
36
|
if (min !== void 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin,
|
|
1
|
+
.nut-radiogroup .nut-radio{margin-right:var(--nutui-radiogroup-radio-margin, 20px);margin-bottom:var(--nutui-radiogroup-radio-margin, 5px)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}[dir=rtl] .nut-radiogroup .nut-radio,.nut-rtl .nut-radiogroup .nut-radio{margin-left:var(--nutui-radiogroup-radio-margin, 20px);margin-right:0}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-radio-label-disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-radio-button-background, rgba(250, 44, 25, .05));border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}[dir=rtl] .nut-radio:last-child,.nut-rtl .nut-radio:last-child{margin-right:0!important;margin-left:0!important}[dir=rtl] .nut-radio.nut-radio-reverse .nut-radio-label,.nut-rtl .nut-radio.nut-radio-reverse .nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);margin-right:0}[dir=rtl] .nut-radio-label,.nut-rtl .nut-radio-label{margin-left:0;margin-right:var(--nutui-radio-label-margin-left, 4px)}
|
package/dist/esm/Radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin,
|
|
1
|
+
.nut-radiogroup .nut-radio{margin-right:var(--nutui-radiogroup-radio-margin, 20px);margin-bottom:var(--nutui-radiogroup-radio-margin, 5px)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}[dir=rtl] .nut-radiogroup .nut-radio,.nut-rtl .nut-radiogroup .nut-radio{margin-left:var(--nutui-radiogroup-radio-margin, 20px);margin-right:0}
|
package/dist/esm/RadioGroup.js
CHANGED
|
@@ -27,9 +27,6 @@ import React__default, { useCallback } from "react";
|
|
|
27
27
|
import classNames from "classnames";
|
|
28
28
|
import { R as Radio, a as RadioContext } from "./radio2.js";
|
|
29
29
|
import { u as usePropsValue } from "./use-props-value.js";
|
|
30
|
-
import "@nutui/icons-react";
|
|
31
|
-
import "./RadioGroup.js";
|
|
32
|
-
import "./typings.js";
|
|
33
30
|
var defaultProps = {
|
|
34
31
|
labelPosition: "right",
|
|
35
32
|
onChange: function onChange(value) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container-
|
|
1
|
+
.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container .nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range-container .nut-range:before{position:absolute;inset-block:-8px;inset-inline:0;content:""}.nut-range-container .nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-container .nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-container .nut-range-button-wrapper,.nut-range-container .nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-container .nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-container .nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-container .nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-container .nut-range-disabled .nut-range-button-wrapper,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-left,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-container .nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-container .nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-10px)}.nut-range-container .nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translateY(-11px)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper,[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-right,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-right{right:50%;left:initial;transform:translate3d(50%,50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-left,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-left{right:50%;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range .number,.nut-rtl .nut-range-container-vertical .nut-range .number{transform:translate3d(-100%,0,0)}[dir=rtl] .nut-range-container-vertical .nut-range-mark,.nut-rtl .nut-range-container-vertical .nut-range-mark{right:auto;left:50%}[dir=rtl] .nut-range-container-vertical .nut-range-tick,.nut-rtl .nut-range-container-vertical .nut-range-tick{left:auto;right:30px;margin-left:0;margin-right:0}[dir=rtl] .nut-range-container-vertical .nut-range-mark-text,.nut-rtl .nut-range-container-vertical .nut-range-mark-text{transform:translateY(-11px)}[dir=rtl] .nut-range-button-wrapper,[dir=rtl] .nut-range-button-wrapper-right,.nut-rtl .nut-range-button-wrapper,.nut-rtl .nut-range-button-wrapper-right{left:0;right:initial;transform:translate3d(-50%,-50%,0)}[dir=rtl] .nut-range-button-wrapper-left,.nut-rtl .nut-range-button-wrapper-left{right:0;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-tick,.nut-rtl .nut-range-tick{right:0;left:initial}[dir=rtl] .nut-range-mark-text,.nut-rtl .nut-range-mark-text{transform:translate(10px)}
|
package/dist/esm/SafeArea.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>svg{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>svg:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>svg{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>svg:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}[dir=rtl] .nut-searchbar-left,.nut-rtl .nut-searchbar-left{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div,[dir=rtl] .nut-searchbar-left>span,[dir=rtl] .nut-searchbar-left>svg,.nut-rtl .nut-searchbar-left>div,.nut-rtl .nut-searchbar-left>span,.nut-rtl .nut-searchbar-left>svg{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div.nut-icon,[dir=rtl] .nut-searchbar-left>span.nut-icon,[dir=rtl] .nut-searchbar-left>svg.nut-icon,.nut-rtl .nut-searchbar-left>div.nut-icon,.nut-rtl .nut-searchbar-left>span.nut-icon,.nut-rtl .nut-searchbar-left>svg.nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-searchbar-left>div:last-child,[dir=rtl] .nut-searchbar-left>span:last-child,[dir=rtl] .nut-searchbar-left>svg:last-child,.nut-rtl .nut-searchbar-left>div:last-child,.nut-rtl .nut-searchbar-left>span:last-child,.nut-rtl .nut-searchbar-left>svg:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right,.nut-rtl .nut-searchbar-right{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div,[dir=rtl] .nut-searchbar-right>span,[dir=rtl] .nut-searchbar-right>svg,.nut-rtl .nut-searchbar-right>div,.nut-rtl .nut-searchbar-right>span,.nut-rtl .nut-searchbar-right>svg{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div:first-child,[dir=rtl] .nut-searchbar-right>span:first-child,[dir=rtl] .nut-searchbar-right>svg:first-child,.nut-rtl .nut-searchbar-right>div:first-child,.nut-rtl .nut-searchbar-right>span:first-child,.nut-rtl .nut-searchbar-right>svg:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-left>text,[dir=rtl] .nut-searchbar-left>view,.nut-rtl .nut-searchbar-left>text,.nut-rtl .nut-searchbar-left>view{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>text:last-child,[dir=rtl] .nut-searchbar-left>view:last-child,.nut-rtl .nut-searchbar-left>text:last-child,.nut-rtl .nut-searchbar-left>view:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right>text,[dir=rtl] .nut-searchbar-right>view,.nut-rtl .nut-searchbar-right>text,.nut-rtl .nut-searchbar-right>view{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>text:first-child,[dir=rtl] .nut-searchbar-right>view:first-child,.nut-rtl .nut-searchbar-right>text:first-child,.nut-rtl .nut-searchbar-right>view:first-child{margin-left:0;margin-right:0}
|
|
1
|
+
.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>svg{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>svg:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>svg{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>svg:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}[dir=rtl] .nut-searchbar-left,.nut-rtl .nut-searchbar-left{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div,[dir=rtl] .nut-searchbar-left>span,[dir=rtl] .nut-searchbar-left>svg,.nut-rtl .nut-searchbar-left>div,.nut-rtl .nut-searchbar-left>span,.nut-rtl .nut-searchbar-left>svg{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div.nut-icon,[dir=rtl] .nut-searchbar-left>span.nut-icon,[dir=rtl] .nut-searchbar-left>svg.nut-icon,.nut-rtl .nut-searchbar-left>div.nut-icon,.nut-rtl .nut-searchbar-left>span.nut-icon,.nut-rtl .nut-searchbar-left>svg.nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-searchbar-left>div:last-child,[dir=rtl] .nut-searchbar-left>span:last-child,[dir=rtl] .nut-searchbar-left>svg:last-child,.nut-rtl .nut-searchbar-left>div:last-child,.nut-rtl .nut-searchbar-left>span:last-child,.nut-rtl .nut-searchbar-left>svg:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right,.nut-rtl .nut-searchbar-right{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div,[dir=rtl] .nut-searchbar-right>span,[dir=rtl] .nut-searchbar-right>svg,.nut-rtl .nut-searchbar-right>div,.nut-rtl .nut-searchbar-right>span,.nut-rtl .nut-searchbar-right>svg{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div:first-child,[dir=rtl] .nut-searchbar-right>span:first-child,[dir=rtl] .nut-searchbar-right>svg:first-child,.nut-rtl .nut-searchbar-right>div:first-child,.nut-rtl .nut-searchbar-right>span:first-child,.nut-rtl .nut-searchbar-right>svg:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-left>text,[dir=rtl] .nut-searchbar-left>view,.nut-rtl .nut-searchbar-left>text,.nut-rtl .nut-searchbar-left>view{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>text:last-child,[dir=rtl] .nut-searchbar-left>view:last-child,.nut-rtl .nut-searchbar-left>text:last-child,.nut-rtl .nut-searchbar-left>view:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right>text,[dir=rtl] .nut-searchbar-right>view,.nut-rtl .nut-searchbar-right>text,.nut-rtl .nut-searchbar-right>view{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>text:first-child,[dir=rtl] .nut-searchbar-right>view:first-child,.nut-rtl .nut-searchbar-right>text:first-child,.nut-rtl .nut-searchbar-right>view:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-input,.nut-rtl .nut-searchbar-input{text-align:var(--nutui-searchbar-input-text-align, right)}
|
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom{left:auto;right:0}[dir=rtl] .nut-popup-right,.nut-rtl .nut-popup-right{right:auto;left:0}[dir=rtl] .nut-popup-right.nut-popup-round,.nut-rtl .nut-popup-right.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}[dir=rtl] .nut-popup-left,.nut-rtl .nut-popup-left{left:auto;right:0}[dir=rtl] .nut-popup-left.nut-popup-round,.nut-rtl .nut-popup-left.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}[dir=rtl] .nut-shortpassword-input-real,.nut-rtl .nut-shortpassword-input-real{right:auto;left:0}[dir=rtl] .nut-shortpassword-input-fake,.nut-rtl .nut-shortpassword-input-fake{left:auto;right:0}[dir=rtl] .nut-shortpassword-footer-sure,.nut-rtl .nut-shortpassword-footer-sure{background:linear-gradient(-135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}
|
|
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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-message-forget .nut-icon{margin-right:3px}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}[dir=rtl] .nut-shortpassword-input-real,.nut-rtl .nut-shortpassword-input-real{right:auto;left:0}[dir=rtl] .nut-shortpassword-input-fake,.nut-rtl .nut-shortpassword-input-fake{left:auto;right:0}[dir=rtl] .nut-shortpassword-footer-sure,.nut-rtl .nut-shortpassword-footer-sure{background:linear-gradient(-135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}
|
|
@@ -128,10 +128,7 @@ var InternalShortPassword = function InternalShortPassword2(props, ref) {
|
|
|
128
128
|
onClick: onTips
|
|
129
129
|
}, tips || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tips, {
|
|
130
130
|
width: 11,
|
|
131
|
-
height: 11
|
|
132
|
-
style: {
|
|
133
|
-
marginRight: "3px"
|
|
134
|
-
}
|
|
131
|
+
height: 11
|
|
135
132
|
}), locale.shortpassword.tips))), !hideFooter && React__default.createElement("div", {
|
|
136
133
|
className: "".concat(classPrefix, "-footer")
|
|
137
134
|
}, React__default.createElement("div", {
|
|
@@ -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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done,.nut-popup-slide-center-exit-done,.nut-popup-slide-left-exit-done,.nut-popup-slide-right-exit-done,.nut-popup-slide-top-exit-done,.nut-popup-slide-bottom-exit-done{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom
|
|
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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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:26%;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;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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}[dir=rtl] .nut-sidenavbar .arrow-icon,.nut-rtl .nut-sidenavbar .arrow-icon{right:auto;left:16px}[dir=rtl] .nut-sidenavbar .nut-subsidenavbar-border-bt:after,.nut-rtl .nut-sidenavbar .nut-subsidenavbar-border-bt:after{left:auto;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:0;margin-right:-8px}.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%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon-img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}[dir=rtl] .nut-avatar .avatar-img,.nut-rtl .nut-avatar .avatar-img,[dir=rtl] .nut-avatar .icon,.nut-rtl .nut-avatar .icon{left:auto;right:50%;transform:translate(50%,-50%)}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton-content{display:flex}.nut-skeleton-content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))!important}.nut-skeleton-content .nut-skeleton-block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton-content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton-content-line .nut-skeleton-title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))}.nut-skeleton-content-line .nut-skeleton-block:last-child{width:70%}.nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}[dir=rtl] .nut-skeleton-content .avatar,.nut-rtl .nut-skeleton-content .avatar{margin-right:0;margin-left:20px}[dir=rtl] .nut-skeleton-animation,.nut-rtl .nut-skeleton-animation{left:auto;right:0;background:linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%)}
|
|
1
|
+
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:0;margin-right:-8px}.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%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon-img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}[dir=rtl] .nut-avatar .avatar-img,.nut-rtl .nut-avatar .avatar-img,[dir=rtl] .nut-avatar .icon,.nut-rtl .nut-avatar .icon{left:auto;right:50%;transform:translate(50%,-50%)}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton-content{display:flex}.nut-skeleton-content .nut-avatar{margin-right:20px;background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))!important}.nut-skeleton-content .nut-skeleton-block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton-content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton-content-line .nut-skeleton-title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))}.nut-skeleton-content-line .nut-skeleton-block:last-child{width:70%}.nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}[dir=rtl] .nut-skeleton-content .nut-avatar,.nut-rtl .nut-skeleton-content .nut-avatar{margin-right:0;margin-left:20px}[dir=rtl] .nut-skeleton-animation,.nut-rtl .nut-skeleton-animation{left:auto;right:0;background:linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);animation:nut-skeleton-rtl 2s ease-in-out 0s infinite}@keyframes nut-skeleton-rtl{0%{background-position-x:calc(500px + 100%)}to{background-position-x:-500px}}
|
package/dist/esm/Skeleton.js
CHANGED
|
@@ -39,9 +39,7 @@ var Skeleton = function Skeleton2(props) {
|
|
|
39
39
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, animated = _defaultProps$props.animated, rows = _defaultProps$props.rows, title = _defaultProps$props.title, avatar = _defaultProps$props.avatar, avatarSize = _defaultProps$props.avatarSize, visible = _defaultProps$props.visible, children = _defaultProps$props.children, avatarShape = _defaultProps$props.avatarShape, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
40
40
|
var classPrefix = "nut-skeleton";
|
|
41
41
|
var classes = classNames(classPrefix, className);
|
|
42
|
-
var avatarClass = classNames(_defineProperty({
|
|
43
|
-
avatar: true
|
|
44
|
-
}, "avatar-".concat(avatarShape), avatarShape));
|
|
42
|
+
var avatarClass = classNames(_defineProperty(_defineProperty({}, "nut-avatar", true), "avatar-".concat(avatarShape), avatarShape));
|
|
45
43
|
var repeatLines = function repeatLines2(num) {
|
|
46
44
|
return Array.from({
|
|
47
45
|
length: num
|
|
@@ -61,7 +59,7 @@ var Skeleton = function Skeleton2(props) {
|
|
|
61
59
|
height: "50px"
|
|
62
60
|
};
|
|
63
61
|
};
|
|
64
|
-
return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement(
|
|
62
|
+
return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement("div", _objectSpread({
|
|
65
63
|
className: classes
|
|
66
64
|
}, rest), animated && React__default.createElement("div", {
|
|
67
65
|
className: "".concat(classPrefix, "-animation")
|