@nutui/nutui-react 2.3.8-beta.0 → 2.3.9
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 +43 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Animate/style/style.css +1 -1
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/AvatarGroup/style/style.css +1 -1
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Barrage/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/style.css +1 -1
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cell/style/style.css +1 -1
- package/dist/esm/CellGroup/style/style.css +1 -1
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/CheckboxGroup/style/style.css +1 -1
- package/dist/esm/CircleProgress/style/style.css +1 -1
- 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/DatePicker/style/style.css +1 -1
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image/style/style.css +1 -1
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/Indicator/style/style.css +1 -1
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +7 -6
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +49 -5
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +1 -13
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +3 -2
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +90 -4
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Space/style/style.css +1 -1
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Step.js +1 -1
- package/dist/esm/Steps/style/style.css +1 -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/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +1 -1
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/configprovider2.js +8 -4
- package/dist/esm/popup2.js +2 -1
- package/dist/esm/radio2.js +4 -4
- package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +2 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/configprovider/index.d.ts +1 -1
- package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +7 -0
- package/dist/esm/types/src/packages/radio/index.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/index.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/radio.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/radio.taro.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/types.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/context.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/index.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/radiogroup.taro.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/types.d.ts +4 -0
- package/dist/esm/types/src/packages/rate/rate.d.ts +2 -0
- package/dist/esm/types/src/packages/rate/rate.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/video/video.taro.d.ts +4 -5
- package/dist/esm/use-refs.js +17 -0
- 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 +147 -27
- package/dist/nutui.react.umd.js +147 -27
- package/dist/packages/address/address.scss +12 -0
- package/dist/packages/animate/animate.scss +49 -0
- package/dist/packages/audio/audio.scss +14 -0
- package/dist/packages/avatar/avatar.scss +25 -0
- package/dist/packages/avatarcropper/avatarcropper.scss +52 -0
- package/dist/packages/avatargroup/avatargroup.scss +11 -0
- package/dist/packages/badge/badge.scss +8 -0
- package/dist/packages/barrage/barrage.scss +17 -0
- package/dist/packages/button/button.scss +18 -0
- package/dist/packages/calendar/calendar.scss +24 -0
- package/dist/packages/calendarcard/calendarcard.scss +41 -0
- package/dist/packages/card/card.scss +21 -0
- package/dist/packages/cascader/cascader.scss +8 -0
- package/dist/packages/cellgroup/cellgroup.scss +14 -0
- package/dist/packages/checkbox/checkbox.scss +38 -0
- package/dist/packages/checkboxgroup/checkboxgroup.scss +24 -8
- package/dist/packages/circleprogress/circleprogress.scss +8 -0
- package/dist/packages/col/col.scss +25 -0
- package/dist/packages/collapseitem/collapseitem.scss +15 -0
- package/dist/packages/dialog/dialog.scss +29 -0
- package/dist/packages/divider/divider.scss +22 -0
- package/dist/packages/elevator/elevator.scss +20 -0
- package/dist/packages/ellipsis/ellipsis.scss +1 -0
- package/dist/packages/empty/empty.scss +11 -0
- package/dist/packages/fixednav/fixednav.scss +75 -0
- package/dist/packages/form/form.scss +31 -0
- package/dist/packages/formitem/formitem.scss +15 -0
- package/dist/packages/grid/grid.scss +8 -0
- package/dist/packages/griditem/griditem.scss +37 -0
- package/dist/packages/image/image.scss +13 -0
- package/dist/packages/imagepreview/imagepreview.scss +26 -0
- package/dist/packages/indicator/indicator.scss +15 -0
- package/dist/packages/infiniteloading/infiniteloading.scss +13 -0
- package/dist/packages/loading/loading.scss +6 -0
- package/dist/packages/menu/menu.scss +9 -0
- package/dist/packages/menuitem/menuitem.scss +12 -0
- package/dist/packages/navbar/navbar.scss +68 -0
- package/dist/packages/noticebar/noticebar.scss +22 -0
- package/dist/packages/notify/notify.scss +10 -0
- package/dist/packages/numberkeyboard/numberkeyboard.scss +27 -0
- package/dist/packages/overlay/overlay.scss +6 -0
- package/dist/packages/pagination/pagination.scss +24 -0
- package/dist/packages/popover/popover.scss +105 -0
- package/dist/packages/popup/popup.scss +76 -0
- package/dist/packages/price/price.scss +19 -0
- package/dist/packages/progress/progress.scss +7 -0
- package/dist/packages/pulltorefresh/pulltorefresh.scss +10 -0
- package/dist/packages/radio/radio.scss +21 -0
- package/dist/packages/range/range.scss +65 -0
- package/dist/packages/rate/rate.scss +31 -0
- package/dist/packages/safearea/safearea.scss +2 -0
- package/dist/packages/searchbar/searchbar.scss +65 -0
- package/dist/packages/shortpassword/shortpassword.scss +25 -0
- package/dist/packages/sidenavbar/sidenavbar.scss +15 -0
- package/dist/packages/skeleton/skeleton.scss +22 -1
- package/dist/packages/space/space.scss +30 -0
- package/dist/packages/step/step.scss +50 -4
- package/dist/packages/swipe/swipe.scss +15 -0
- package/dist/packages/swiper/swiper.scss +14 -0
- package/dist/packages/switch/switch.scss +13 -0
- package/dist/packages/tabbar/tabbar.scss +13 -0
- package/dist/packages/tabbaritem/tabbaritem.scss +2 -0
- package/dist/packages/table/table.scss +57 -0
- package/dist/packages/tabs/tabs.scss +71 -0
- package/dist/packages/tag/tag.scss +8 -0
- package/dist/packages/textarea/textarea.scss +17 -0
- package/dist/packages/timedetail/timedetail.scss +5 -0
- package/dist/packages/timeselect/timeselect.scss +5 -0
- package/dist/packages/toast/toast.scss +15 -0
- package/dist/packages/tour/tour.scss +23 -0
- package/dist/packages/trendarrow/trendarrow.scss +13 -0
- package/dist/packages/uploader/uploader.scss +36 -0
- package/dist/packages/video/video.scss +3 -0
- package/dist/packages/virtuallist/virtuallist.scss +11 -0
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/types/packages/backtop/backtop.d.ts +1 -1
- package/dist/types/packages/configprovider/configprovider.d.ts +2 -0
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +2 -0
- package/dist/types/packages/configprovider/index.d.ts +1 -1
- package/dist/types/packages/configprovider/index.taro.d.ts +1 -1
- package/dist/types/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/types/packages/overlay/overlay.d.ts +5 -1
- package/dist/types/packages/popover/popover.taro.d.ts +7 -0
- package/dist/types/packages/radio/index.d.ts +2 -1
- package/dist/types/packages/radio/index.taro.d.ts +2 -1
- package/dist/types/packages/radio/radio.d.ts +1 -2
- package/dist/types/packages/radio/radio.taro.d.ts +1 -2
- package/dist/types/packages/radio/types.d.ts +2 -0
- package/dist/types/packages/radiogroup/context.d.ts +2 -0
- package/dist/types/packages/radiogroup/index.d.ts +1 -0
- package/dist/types/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/types/packages/radiogroup/radiogroup.d.ts +8 -6
- package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +4 -6
- package/dist/types/packages/radiogroup/types.d.ts +4 -0
- package/dist/types/packages/rate/rate.d.ts +10 -0
- package/dist/types/packages/rate/rate.taro.d.ts +2 -0
- package/dist/types/packages/video/video.taro.d.ts +4 -5
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu-bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}
|
|
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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu-bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}[dir=rtl] .nut-menu-title.active .nut-menu-title-icon,.nut-rtl .nut-menu-title.active .nut-menu-title-icon{transform:rotate(-180deg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}
|
|
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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;background:var(--nutui-navbar-background, var(--nutui-gray-3, #f6f6f6));box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-7, #1a1a1a));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar-fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar-placeholder{display:inline-block;width:100%}.nut-navbar-safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar-title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-navbar-title-font-color, var(--nutui-gray-7, #1a1a1a))}.nut-navbar-title .nut-tabs-titles{background:transparent}.nut-navbar-title .nut-tabs-titles-item-text{color:var(--nutui-gray-7, #1a1a1a)}.nut-navbar-title .nut-tabpane{display:none}.nut-navbar-title ::-webkit-scrollbar{display:none}.nut-navbar-left,.nut-navbar-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 14px}.nut-navbar-left .nut-icon,.nut-navbar-left .nutui-iconfont,.nut-navbar-right .nut-icon,.nut-navbar-right .nutui-iconfont{width:20px;height:20px;font-size:20px}.nut-navbar-left{left:0}.nut-navbar-left-back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar-right{right:0}.nut-navbar-right .nut-icon{margin-left:12px}.nut-navbar-right .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left{padding:0 14px}.nut-navbar-title-align-left .nut-navbar-left{position:static;padding:0}.nut-navbar-title-align-left .nut-navbar-left .nut-icon{margin-left:12px}.nut-navbar-title-align-left .nut-navbar-left .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0}.nut-navbar-title-align-left .nut-navbar-title{margin:0;flex:1;justify-content:flex-start;padding:0 8px}
|
|
1
|
+
.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;background:var(--nutui-navbar-background, var(--nutui-gray-3, #f6f6f6));box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-7, #1a1a1a));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar-fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar-placeholder{display:inline-block;width:100%}.nut-navbar-safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar-title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-navbar-title-font-color, var(--nutui-gray-7, #1a1a1a))}.nut-navbar-title .nut-tabs-titles{background:transparent}.nut-navbar-title .nut-tabs-titles-item-text{color:var(--nutui-gray-7, #1a1a1a)}.nut-navbar-title .nut-tabpane{display:none}.nut-navbar-title ::-webkit-scrollbar{display:none}.nut-navbar-left,.nut-navbar-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 14px}.nut-navbar-left .nut-icon,.nut-navbar-left .nutui-iconfont,.nut-navbar-right .nut-icon,.nut-navbar-right .nutui-iconfont{width:20px;height:20px;font-size:20px}.nut-navbar-left{left:0}.nut-navbar-left-back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar-right{right:0}.nut-navbar-right .nut-icon{margin-left:12px}.nut-navbar-right .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left{padding:0 14px}.nut-navbar-title-align-left .nut-navbar-left{position:static;padding:0}.nut-navbar-title-align-left .nut-navbar-left .nut-icon{margin-left:12px}.nut-navbar-title-align-left .nut-navbar-left .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left .nut-navbar-right{position:static;display:inline-flex;white-space:nowrap;padding-left:0}.nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0}.nut-navbar-title-align-left .nut-navbar-title{min-width:0;margin:0;flex:1;justify-content:flex-start;padding:0 8px}[dir=rtl] .nut-navbar-fixed,.nut-rtl .nut-navbar-fixed,[dir=rtl] .nut-navbar-left,.nut-rtl .nut-navbar-left{left:auto;right:0}[dir=rtl] .nut-navbar-left .nut-icon-ArrowLeft,.nut-rtl .nut-navbar-left .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-navbar-left-back,.nut-rtl .nut-navbar-left-back{margin-right:0;margin-left:10px}[dir=rtl] .nut-navbar-right,.nut-rtl .nut-navbar-right{right:auto;left:0}[dir=rtl] .nut-navbar-right .nut-icon-ArrowLeft,.nut-rtl .nut-navbar-right .nut-icon-ArrowLeft{margin-left:0;margin-right:12px}[dir=rtl] .nut-navbar-right .nut-icon-ArrowLeft:first-child,.nut-rtl .nut-navbar-right .nut-icon-ArrowLeft:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft{margin-left:0;margin-right:12px}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft:first-child,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left-back,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0;margin-left:0}
|
package/dist/esm/NavBar.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
1
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
3
|
function ownKeys(e, r) {
|
|
3
4
|
var t = Object.keys(e);
|
|
@@ -20,9 +21,10 @@ function _objectSpread(e) {
|
|
|
20
21
|
}
|
|
21
22
|
return e;
|
|
22
23
|
}
|
|
23
|
-
import React__default from "react";
|
|
24
|
+
import React__default, { useRef, useState, useEffect } from "react";
|
|
24
25
|
import classNames from "classnames";
|
|
25
26
|
import { C as ComponentDefaults } from "./typings.js";
|
|
27
|
+
import { g as getRect } from "./use-client-rect.js";
|
|
26
28
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
27
29
|
left: "",
|
|
28
30
|
right: "",
|
|
@@ -42,9 +44,40 @@ var NavBar = function NavBar2(props) {
|
|
|
42
44
|
zIndex
|
|
43
45
|
});
|
|
44
46
|
};
|
|
47
|
+
var leftRef = useRef(null);
|
|
48
|
+
var rightRef = useRef(null);
|
|
49
|
+
var wrapperRef = useRef(null);
|
|
50
|
+
var _useState = useState("50%"), _useState2 = _slicedToArray(_useState, 2), contentWidth = _useState2[0], setContentWidth = _useState2[1];
|
|
51
|
+
var getNodeWidth = function getNodeWidth2(node) {
|
|
52
|
+
if (node) {
|
|
53
|
+
var ele = getRect(node);
|
|
54
|
+
return ele.width;
|
|
55
|
+
}
|
|
56
|
+
return 0;
|
|
57
|
+
};
|
|
58
|
+
useEffect(function() {
|
|
59
|
+
if (titleAlign === "left") {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (!(back || left || right)) {
|
|
63
|
+
setContentWidth("100%");
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
var leftRectWidth = getNodeWidth(leftRef === null || leftRef === void 0 ? void 0 : leftRef.current);
|
|
67
|
+
var rightRectWidth = getNodeWidth(rightRef === null || rightRef === void 0 ? void 0 : rightRef.current);
|
|
68
|
+
var wrapperWidth = getNodeWidth(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
|
|
69
|
+
var centerWidth = wrapperWidth / 2;
|
|
70
|
+
if (leftRectWidth && rightRectWidth) {
|
|
71
|
+
centerWidth = wrapperWidth - (leftRectWidth > rightRectWidth ? leftRectWidth * 2 : rightRectWidth * 2);
|
|
72
|
+
} else {
|
|
73
|
+
centerWidth = wrapperWidth - leftRectWidth * 2 - rightRectWidth * 2;
|
|
74
|
+
}
|
|
75
|
+
setContentWidth(centerWidth.toFixed(2));
|
|
76
|
+
}, [left, right, back]);
|
|
45
77
|
var renderLeft = function renderLeft2() {
|
|
46
78
|
return back || left ? React__default.createElement("div", {
|
|
47
|
-
className: "".concat(classPrefix, "-left")
|
|
79
|
+
className: "".concat(classPrefix, "-left"),
|
|
80
|
+
ref: leftRef
|
|
48
81
|
}, back && React__default.createElement("div", {
|
|
49
82
|
className: "".concat(classPrefix, "-left-back"),
|
|
50
83
|
onClick: function onClick(e) {
|
|
@@ -53,19 +86,30 @@ var NavBar = function NavBar2(props) {
|
|
|
53
86
|
}, back), left) : null;
|
|
54
87
|
};
|
|
55
88
|
var renderContent = function renderContent2() {
|
|
89
|
+
var titleStyle = {};
|
|
90
|
+
if (titleAlign === "center") {
|
|
91
|
+
var contentRealWidth = "".concat(contentWidth).concat(/%$/i.test(contentWidth) ? "" : "px");
|
|
92
|
+
titleStyle = {
|
|
93
|
+
minWidth: contentRealWidth,
|
|
94
|
+
width: contentRealWidth
|
|
95
|
+
};
|
|
96
|
+
}
|
|
56
97
|
return React__default.createElement("div", {
|
|
57
|
-
className: "".concat(classPrefix, "-title")
|
|
98
|
+
className: "".concat(classPrefix, "-title"),
|
|
99
|
+
style: titleStyle
|
|
58
100
|
}, children);
|
|
59
101
|
};
|
|
60
102
|
var renderRight = function renderRight2() {
|
|
61
103
|
return React__default.createElement("div", {
|
|
62
|
-
className: "".concat(classPrefix, "-right")
|
|
104
|
+
className: "".concat(classPrefix, "-right"),
|
|
105
|
+
ref: rightRef
|
|
63
106
|
}, right);
|
|
64
107
|
};
|
|
65
108
|
var renderWrapper = function renderWrapper2() {
|
|
66
109
|
return React__default.createElement("div", {
|
|
67
110
|
className: cls,
|
|
68
|
-
style: styles()
|
|
111
|
+
style: styles(),
|
|
112
|
+
ref: wrapperRef
|
|
69
113
|
}, renderLeft(), renderContent(), renderRight());
|
|
70
114
|
};
|
|
71
115
|
var classes = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-fixed"), fixed), "".concat(classPrefix, "-safe-area-inset-top"), safeAreaInsetTop), "".concat(classPrefix, "-title-align-").concat(titleAlign), true));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box-wrapable{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap{height:auto}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box-left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box-right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box-wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}
|
|
1
|
+
.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box-wrapable{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap{height:auto}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box-left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box-right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box-wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}[dir=rtl] .nut-noticebar .nut-noticebar-box-left-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-left-icon{margin-right:0;margin-left:var(--nutui-noticebar-icon-gap, 4px)}[dir=rtl] .nut-noticebar .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-right-icon,[dir=rtl] .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{margin-left:0;margin-right:var(--nutui-noticebar-icon-gap, 4px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify-popup-top,.nut-notify-popup-bottom{position:fixed;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify-popup-top{top:0}.nut-notify-popup-bottom{bottom:0}.nut-notify-base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify-primary{background:var(--nutui-notify-primary-background-color, var(--nutui-color-info, #1988fa))}.nut-notify-success{background:var(--nutui-notify-success-background-color, var(--nutui-color-success, #00bc14))}.nut-notify-danger{background:var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-notify-warning{background:var(--nutui-notify-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}
|
|
1
|
+
.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify-popup-top,.nut-notify-popup-bottom{position:fixed;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify-popup-top{top:0}.nut-notify-popup-bottom{bottom:0}.nut-notify-base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify-primary{background:var(--nutui-notify-primary-background-color, var(--nutui-color-info, #1988fa))}.nut-notify-success{background:var(--nutui-notify-success-background-color, var(--nutui-color-success, #00bc14))}.nut-notify-danger{background:var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-notify-warning{background:var(--nutui-notify-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}[dir=rtl] .nut-notify-popup-top,[dir=rtl] .nut-notify-popup-bottom,.nut-rtl .nut-notify-popup-top,.nut-rtl .nut-notify-popup-bottom{left:auto;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height: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 .nut-overflow-hidden{overflow:hidden!important}.nut-numberkeyboard{width:100%;padding:var(--nutui-numberkeyboard-padding, 0 0 22px 0);-webkit-user-select:none;user-select:none;background-color:var(--nutui-numberkeyboard-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-numberkeyboard-header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;padding:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-numberkeyboard-header-title{color:var(--nutui-gray-7, #1a1a1a);display:inline-block}.nut-numberkeyboard-header-close{position:absolute;display:block;right:0;padding:var(--nutui-numberkeyboard-header-close-padding, 0 16px);color:var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-numberkeyboard-header-close-font-size, 14px);background-color:var(--nutui-numberkeyboard-header-close-background-color, transparent);border:none;cursor:pointer}.nut-numberkeyboard-body{display:flex;padding:6px 0 0 6px}.nut-numberkeyboard-body-keys{display:flex;flex:3;flex-wrap:wrap}.nut-numberkeyboard-body-wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0;background-color:var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-gray-2, #f8f8f8))}.nut-numberkeyboard-body-wrapper .key{display:flex;align-items:center;justify-content:center;height:var(--nutui-numberkeyboard-key-height, 48px);font-size:var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-5, 18px));line-height:var(--nutui-numberkeyboard-key-line-height, 1.5);background-color:var(--nutui-numberkeyboard-key-background-color, #fff);color:var(--nutui-numberkeyboard-key-color, var(--nutui-gray-6, #595959));border-radius:var(--nutui-numberkeyboard-key-border-radius, 8px);border:var(--nutui-numberkeyboard-key-border, none);font-weight:var(--nutui-font-weight-bold, 500);cursor:pointer}.nut-numberkeyboard-body-wrapper .key.active{background-color:var(--nutui-numberkeyboard-key-active-background-color, #ebedf0)}.nut-numberkeyboard-sidebar{display:flex;flex:1;flex-direction:column}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm{font-size:var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-numberkeyboard-key-confirm-color, #fff);background-color:var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #fa2c19))}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active{background-color:#ff0000b3}
|
|
1
|
+
.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-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 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}
|
|
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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination-contain{display:flex}.nut-pagination-simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination-prev,.nut-pagination-item,.nut-pagination-next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination-prev,.nut-pagination-item{border-right:none}.nut-pagination-prev,.nut-pagination-next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}
|
|
1
|
+
.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination-contain{display:flex}.nut-pagination-simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination-prev,.nut-pagination-item,.nut-pagination-next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination-prev,.nut-pagination-item{border-right:none}.nut-pagination-prev,.nut-pagination-next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}[dir=rtl] .nut-pagination-prev,[dir=rtl] .nut-pagination-item,.nut-rtl .nut-pagination-prev,.nut-rtl .nut-pagination-item{border-right:none;border-left:none}[dir=rtl] .nut-pagination-prev .nut-icon,[dir=rtl] .nut-pagination-next .nut-icon,.nut-rtl .nut-pagination-prev .nut-icon,.nut-rtl .nut-pagination-next .nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-pagination .simple-border,.nut-rtl .nut-pagination .simple-border{border-right:none;border-left:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height: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 .nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-picker-title-cancel-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-confirm-btn{color:var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 500))}.nut-picker-panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;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-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}
|
package/dist/esm/Picker.js
CHANGED
|
@@ -30,6 +30,7 @@ import { P as Popup } from "./popup2.js";
|
|
|
30
30
|
import { S as SafeArea } from "./safearea2.js";
|
|
31
31
|
import { u as useTouch } from "./use-touch.js";
|
|
32
32
|
import { p as passiveSupported } from "./supports-passive.js";
|
|
33
|
+
import { u as useRefs } from "./use-refs.js";
|
|
33
34
|
import { useConfig } from "./ConfigProvider.js";
|
|
34
35
|
import { u as usePropsValue } from "./use-props-value.js";
|
|
35
36
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -249,19 +250,6 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
|
|
|
249
250
|
};
|
|
250
251
|
var PickerPanel = React__default.forwardRef(InternalPickerPanel);
|
|
251
252
|
var PickerPanel$1 = PickerPanel;
|
|
252
|
-
function useRefs() {
|
|
253
|
-
var refs = React__default.useRef([]);
|
|
254
|
-
var setRefs = React__default.useCallback(function(index) {
|
|
255
|
-
return function(el) {
|
|
256
|
-
if (el)
|
|
257
|
-
refs.current[index] = el;
|
|
258
|
-
};
|
|
259
|
-
}, []);
|
|
260
|
-
var reset = React__default.useCallback(function() {
|
|
261
|
-
refs.current = [];
|
|
262
|
-
}, []);
|
|
263
|
-
return [refs.current, setRefs, reset];
|
|
264
|
-
}
|
|
265
253
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
266
254
|
title: "",
|
|
267
255
|
options: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height: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 .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-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}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[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-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 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height: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 .nut-overflow-hidden{overflow:hidden!important}
|
|
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-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}
|
|
@@ -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)}
|
|
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 +1 @@
|
|
|
1
|
-
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}
|
|
1
|
+
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-icon-width, 36px);height:var(--nutui-pulltorefresh-icon-height, 26px);margin-bottom:4px}
|
|
1
|
+
.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-icon-width, 36px);height:var(--nutui-pulltorefresh-icon-height, 26px);margin-bottom:4px}[dir=rtl] .nut-pulltorefresh-head-content,.nut-rtl .nut-pulltorefresh-head-content{left:auto;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 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)}.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)}
|
|
1
|
+
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 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)}.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/RadioGroup.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["children", "className", "value", "defaultValue", "onChange", "labelPosition", "direction", "options", "disabled"], _excluded2 = ["label", "value", "disabled", "onChange"];
|
|
4
|
+
var _excluded = ["children", "className", "value", "defaultValue", "onChange", "shape", "labelPosition", "direction", "options", "disabled"], _excluded2 = ["label", "value", "disabled", "onChange"];
|
|
5
5
|
function ownKeys(e, r) {
|
|
6
6
|
var t = Object.keys(e);
|
|
7
7
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -39,7 +39,7 @@ var defaultProps = {
|
|
|
39
39
|
};
|
|
40
40
|
var classPrefix = "nut-radiogroup";
|
|
41
41
|
var RadioGroup = React__default.forwardRef(function(props, ref) {
|
|
42
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, onChange2 = _defaultProps$props.onChange, labelPosition = _defaultProps$props.labelPosition, direction = _defaultProps$props.direction, options = _defaultProps$props.options, disabled = _defaultProps$props.disabled, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, onChange2 = _defaultProps$props.onChange, shape = _defaultProps$props.shape, labelPosition = _defaultProps$props.labelPosition, direction = _defaultProps$props.direction, options = _defaultProps$props.options, disabled = _defaultProps$props.disabled, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
43
43
|
var _usePropsValue = usePropsValue({
|
|
44
44
|
defaultValue: props.defaultValue,
|
|
45
45
|
value: props.value,
|
|
@@ -64,6 +64,7 @@ var RadioGroup = React__default.forwardRef(function(props, ref) {
|
|
|
64
64
|
value: {
|
|
65
65
|
labelPosition: labelPosition || "right",
|
|
66
66
|
disabled,
|
|
67
|
+
shape,
|
|
67
68
|
value: val2State,
|
|
68
69
|
check: function check(value2) {
|
|
69
70
|
setVal2State(value2);
|
|
@@ -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-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;margin-left:0;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))}.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:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.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-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-button-wrapper,.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-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.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-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.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-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-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}
|
|
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-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;margin-left:0;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}.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:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.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-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-button-wrapper,.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-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.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-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.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-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-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}[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{right:auto;left:0;transform:translate3d(-50%,-50%,0)}[dir=rtl] .nut-range-button-wrapper-left,.nut-rtl .nut-range-button-wrapper-left{left:auto;right:0;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-mark-text,.nut-rtl .nut-range-mark-text{transform:translate(10px)}[dir=rtl] .nut-range-tick,.nut-rtl .nut-range-tick{left:auto;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item-icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item-icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item-half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item-half .nut-icon{flex-shrink:0}.nut-rate-item-icon{display:flex;color:var(--nutui-rate-icon-color, var(--nutui-color-primary, #fa2c19));cursor:pointer}.nut-rate-item-icon-disabled{color:var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item-icon.nut-rate-item-icon:before{position:relative;top:auto;left:auto;transform:none}
|
|
1
|
+
.nut-rate{display:flex;touch-action:pan-x}.nut-rate.disabled .nut-rate-item-icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item-icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item-half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item-half .nut-icon{flex-shrink:0}.nut-rate-item-icon{display:flex;color:var(--nutui-rate-icon-color, var(--nutui-color-primary, #fa2c19));cursor:pointer}.nut-rate-item-icon-disabled{color:var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item-icon.nut-rate-item-icon:before{position:relative;top:auto;left:auto;transform:none}[dir=rtl] .nut-rate-item,.nut-rtl .nut-rate-item{margin-right:0;margin-left:var(--nutui-rate-item-margin, 14px)}[dir=rtl] .nut-rate-item:last-child,.nut-rtl .nut-rate-item:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-rate-item-half,.nut-rtl .nut-rate-item-half,[dir=rtl] .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half,.nut-rtl .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half{left:auto;right:0}[dir=rtl] .nut-rate-item-icon.nut-rate-item-icon:before,.nut-rtl .nut-rate-item-icon.nut-rate-item-icon:before{left:auto;right:auto}
|