@nutui/nutui-react 2.1.0-beta.1 → 2.1.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +0 -20
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +6 -7
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +4 -4
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +5 -5
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +4 -4
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/BackTop/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/Button.js +5 -84
- 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/Card.js +3 -3
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cell/style/style.css +1 -1
- package/dist/esm/Cell.js +5 -5
- package/dist/esm/CellGroup/style/style.css +1 -1
- package/dist/esm/CellGroup.js +3 -3
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/CheckboxGroup/style/style.css +1 -1
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/CircleProgress/style/style.css +1 -1
- package/dist/esm/CircleProgress.js +2 -2
- 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/CountDown/style/style.css +1 -1
- package/dist/esm/CountDown.js +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +9 -12
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Divider.js +1 -1
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Elevator.js +12 -12
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/Empty.js +31 -10
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/FixedNav.js +6 -6
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image/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 +57 -4
- package/dist/esm/Input/style/style.css +1 -1
- package/dist/esm/InputNumber/style/style.css +1 -1
- package/dist/esm/InputNumber.js +5 -5
- package/dist/esm/Loading/style/style.css +1 -1
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/Menu.js +7 -14
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +10 -9
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +4 -4
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/Notify.js +1 -1
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +14 -14
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +14 -8
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +5 -5
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +13 -6
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Price.js +5 -5
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/Progress.js +1 -1
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/PullToRefresh.js +37 -2
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +5 -5
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +20 -20
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +13 -13
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +3 -3
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +7 -7
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Sticky/style/style.css +1 -1
- package/dist/esm/Sticky.js +1 -1
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/SubSideNavBar.js +6 -6
- package/dist/esm/Swipe/style/style.css +1 -1
- package/dist/esm/Swipe.js +2 -2
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Swiper.js +3 -3
- package/dist/esm/Switch/style/style.css +1 -1
- package/dist/esm/Switch.js +3 -3
- package/dist/esm/TabPane/style/style.css +1 -1
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +3 -3
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +11 -11
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +3 -3
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +3 -3
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +3 -4
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +3 -3
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +4 -4
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +20 -20
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/badge2.js +20 -7
- package/dist/esm/button2.js +88 -0
- package/dist/esm/cascader2.js +6 -6
- package/dist/esm/checkbox2.js +47 -10
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/configprovider2.js +1 -1
- package/dist/esm/context5.js +1 -1
- package/dist/esm/formitem2.js +4 -4
- package/dist/esm/griditem2.js +2 -2
- package/dist/esm/indicator2.js +3 -3
- package/dist/esm/menuitem2.js +7 -7
- package/dist/esm/overlay2.js +1 -1
- package/dist/esm/popup2.js +21 -20
- package/dist/esm/radio2.js +10 -5
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +8 -8
- package/dist/esm/types/src/packages/button/button.d.ts +3 -2
- package/dist/esm/types/src/packages/button/button.taro.d.ts +3 -2
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/dialog/config.d.ts +1 -0
- package/dist/esm/types/src/packages/dialog/content.d.ts +1 -0
- package/dist/esm/types/src/packages/dialog/content.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
- package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/navbar/navbar.d.ts +1 -0
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
- package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
- package/dist/esm/types/src/packages/popup/popup.d.ts +1 -0
- package/dist/esm/types/src/packages/popup/popup.taro.d.ts +3 -2
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -6
- package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
- package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +2 -2
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +3041 -1636
- package/dist/nutui.react.umd.js +3051 -1646
- package/dist/packages/actionsheet/actionsheet.scss +15 -15
- package/dist/packages/address/address.scss +6 -6
- package/dist/packages/animatingnumbers/countup.scss +19 -6
- package/dist/packages/audio/audio.scss +17 -9
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/avatarcropper/avatarcropper.scss +4 -0
- package/dist/packages/backtop/backtop.scss +6 -3
- package/dist/packages/badge/badge.scss +25 -6
- package/dist/packages/barrage/barrage.scss +16 -6
- package/dist/packages/button/button.scss +163 -93
- package/dist/packages/calendar/calendar.scss +17 -16
- package/dist/packages/calendarcard/calendarcard.scss +8 -8
- package/dist/packages/card/card.scss +28 -14
- package/dist/packages/cascader/cascader.scss +6 -6
- package/dist/packages/cell/cell.scss +3 -3
- package/dist/packages/cellgroup/cellgroup.scss +6 -6
- package/dist/packages/checkbox/checkbox.scss +82 -22
- package/dist/packages/checkboxgroup/checkboxgroup.scss +17 -7
- package/dist/packages/collapseitem/collapseitem.scss +32 -10
- package/dist/packages/dialog/dialog.scss +22 -37
- package/dist/packages/divider/divider.scss +13 -13
- package/dist/packages/elevator/elevator.scss +51 -37
- package/dist/packages/empty/empty.scss +36 -6
- package/dist/packages/fixednav/fixednav.scss +27 -14
- package/dist/packages/form/form.scss +4 -4
- package/dist/packages/formitem/formitem.scss +6 -6
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +16 -15
- package/dist/packages/image/image.scss +4 -2
- package/dist/packages/imagepreview/imagepreview.scss +1 -11
- package/dist/packages/indicator/indicator.scss +9 -9
- package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
- package/dist/packages/input/input.scss +4 -2
- package/dist/packages/inputnumber/inputnumber.scss +21 -18
- package/dist/packages/loading/loading.scss +3 -3
- package/dist/packages/menu/menu.scss +22 -30
- package/dist/packages/menuitem/menuitem.scss +55 -56
- package/dist/packages/navbar/navbar.scss +52 -16
- package/dist/packages/noticebar/noticebar.scss +12 -11
- package/dist/packages/notify/notify.scss +10 -18
- package/dist/packages/numberkeyboard/numberkeyboard.scss +19 -17
- package/dist/packages/pagination/pagination.scss +32 -9
- package/dist/packages/picker/picker.scss +19 -19
- package/dist/packages/popover/popover.scss +51 -35
- package/dist/packages/popup/popup.scss +225 -213
- package/dist/packages/price/price.scss +20 -9
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
- package/dist/packages/radio/radio.scss +45 -40
- package/dist/packages/radiogroup/radiogroup.scss +18 -18
- package/dist/packages/range/range.scss +15 -4
- package/dist/packages/rate/rate.scss +8 -9
- package/dist/packages/searchbar/searchbar.scss +67 -42
- package/dist/packages/shortpassword/shortpassword.scss +24 -24
- package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
- package/dist/packages/signature/signature.scss +5 -2
- package/dist/packages/skeleton/skeleton.scss +8 -8
- package/dist/packages/step/step.scss +27 -32
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
- package/dist/packages/swipe/swipe.scss +8 -5
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/switch/switch.scss +39 -28
- package/dist/packages/tabbar/tabbar.scss +4 -4
- package/dist/packages/tabbaritem/tabbaritem.scss +8 -1
- package/dist/packages/table/table.scss +28 -28
- package/dist/packages/tabpane/tabpane.scss +2 -2
- package/dist/packages/tabs/tabs.scss +181 -137
- package/dist/packages/tag/tag.scss +12 -12
- package/dist/packages/textarea/textarea.scss +6 -6
- package/dist/packages/timedetail/timedetail.scss +8 -9
- package/dist/packages/timeselect/timeselect.scss +12 -21
- package/dist/packages/toast/toast.scss +37 -22
- package/dist/packages/tour/tour.scss +9 -4
- package/dist/packages/trendarrow/trendarrow.scss +8 -3
- package/dist/packages/uploader/uploader.scss +41 -37
- package/dist/packages/virtuallist/virtuallist.scss +13 -3
- package/dist/packages/watermark/watermark.scss +1 -0
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/theme-dark.scss +118 -23
- package/dist/styles/theme-default.scss +114 -32
- package/dist/styles/theme-jmapp.scss +158 -32
- package/dist/styles/variables-jmapp.scss +1120 -1258
- package/dist/styles/variables.scss +953 -1174
- package/dist/types/packages/animate/animate.d.ts +1 -1
- package/dist/types/packages/button/button.d.ts +3 -2
- package/dist/types/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/dialog/config.d.ts +1 -0
- package/dist/types/packages/dialog/content.d.ts +1 -0
- package/dist/types/packages/empty/empty.d.ts +5 -1
- package/dist/types/packages/empty/index.d.ts +1 -0
- package/dist/types/packages/empty/types.d.ts +3 -0
- package/dist/types/packages/navbar/navbar.d.ts +1 -0
- package/dist/types/packages/pagination/pagination.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +4 -0
- package/dist/types/packages/popup/popup.d.ts +15 -2
- package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
- package/dist/types/packages/swipe/swipe.d.ts +6 -6
- package/dist/types/packages/tabs/tabs.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-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;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.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.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.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.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-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-calendar-popup .nut-popup__close-icon{top:7px!important}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:50px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-3, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-color-primary, #fa2c19)}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-color-primary, #fa2c19)}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary-text, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-background-color-disabled, rgba(191, 191, 191, .09));color:var(--nutui-color-text-disabled, #bfbfbf)!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19)}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:#fff}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);color:var(--nutui-color-primary-text, #ffffff);text-align:center;line-height:44px}.nut-calendar-popup .nut-popup-title-right{top:7px!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-calendarcard{background:var(--nutui-gray-
|
|
1
|
+
.nut-calendarcard{background:var(--nutui-gray-1, #ffffff);border-radius:12px;overflow:hidden;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-gray-7, #1a1a1a)}.nut-calendarcard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400}.nut-calendarcard-header-left,.nut-calendarcard-header-right{display:flex;flex-direction:row;cursor:pointer;margin:16px;line-height:1}.nut-calendarcard-header-left .left,.nut-calendarcard-header-right .left{margin-left:8px}.nut-calendarcard-header-left .right,.nut-calendarcard-header-right .right{margin-right:8px}.nut-calendarcard-days{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.nut-calendarcard-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:var(--nutui-calendar-day-width, 14.28%);height:48px;cursor:pointer;margin-bottom:4px;text-align:center}.nut-calendarcard-day.header{cursor:auto}.nut-calendarcard-day-top,.nut-calendarcard-day-bottom{width:100%;height:12px;font-size:12px;line-height:12px}.nut-calendarcard-day.active,.nut-calendarcard-day.start,.nut-calendarcard-day.end{background-color:var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary-text, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.mid{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19)}.nut-calendarcard-day.weekend{color:var(--nutui-color-primary, #fa2c19)}.nut-calendarcard-day .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.prev,.nut-calendarcard-day.next,.nut-calendarcard-day.disabled{color:var(--nutui-color-text-disabled, #bfbfbf);cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-price{font-size:var(--nutui-font-size-
|
|
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)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex;background-color:var(--nutui-gray-1, #ffffff)}.nut-card .nut-card-left{width:120px;height:120px;flex-shrink:0;border-radius:var(--nutui-card-left-border-radius, 2px)}.nut-card .nut-card-left>img{display:block;width:100%;height:100%}.nut-card .nut-card-right{flex:1;padding:0 10px 8px}.nut-card .nut-card-right .nut-card-right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card .nut-card-right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card-right .nut-cardright-price .nut-price .nut-price-big{font-size:18px}.nut-card .nut-card-right .nut-cardright-price .nut-price .nut-price-symbol,.nut-card .nut-card-right .nut-cardright-price .nut-price .nut-price-point,.nut-card .nut-card-right .nut-cardright-price .nut-price .nut-price-small{font-size:12px}.nut-card .nut-card-right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card-right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price-big,.nut-card .nut-card-right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price-symbol,.nut-card .nut-card-right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price-point,.nut-card .nut-card-right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card .nut-card-right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card-right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card .nut-card-right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card-right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}
|
package/dist/esm/Card.js
CHANGED
|
@@ -47,14 +47,14 @@ var Card = function Card2(props) {
|
|
|
47
47
|
className: classNames(classPrefix, className),
|
|
48
48
|
style
|
|
49
49
|
}, rest), React__default.createElement("div", {
|
|
50
|
-
className: "".concat(classPrefix, "
|
|
50
|
+
className: "".concat(classPrefix, "-left")
|
|
51
51
|
}, React__default.createElement("img", {
|
|
52
52
|
src,
|
|
53
53
|
alt: ""
|
|
54
54
|
})), React__default.createElement("div", {
|
|
55
|
-
className: "".concat(classPrefix, "
|
|
55
|
+
className: "".concat(classPrefix, "-right")
|
|
56
56
|
}, React__default.createElement("div", {
|
|
57
|
-
className: "".concat(classPrefix, "
|
|
57
|
+
className: "".concat(classPrefix, "-right-title")
|
|
58
58
|
}, title), description, React__default.createElement("div", {
|
|
59
59
|
className: "".concat(classPrefix, "right-price")
|
|
60
60
|
}, React__default.createElement(Price, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-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;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.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.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.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.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-overflow-hidden{overflow:hidden!important}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;-webkit-user-select:none;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles .nut-tabs__list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1 0 auto;padding:0 10px;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item.taro{height:46px;line-height:46px}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button{padding:8px 9px;height:44px}.nut-tabs-titles-button .nut-tabs-titles-item{background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-radius-2);margin:0 3px}.nut-tabs-titles-button .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-cell-group{display:block}.nut-cell-
|
|
1
|
+
.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:10px 0}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}
|
package/dist/esm/Cell.js
CHANGED
|
@@ -57,16 +57,16 @@ var Cell = function Cell2(props) {
|
|
|
57
57
|
},
|
|
58
58
|
style: baseStyle
|
|
59
59
|
}, rest), children || React__default.createElement(React__default.Fragment, null, title || description ? React__default.createElement("div", {
|
|
60
|
-
className: "".concat(classPrefix, "
|
|
60
|
+
className: "".concat(classPrefix, "-left")
|
|
61
61
|
}, title ? React__default.createElement("div", {
|
|
62
|
-
className: "".concat(classPrefix, "
|
|
62
|
+
className: "".concat(classPrefix, "-title")
|
|
63
63
|
}, title) : null, description ? React__default.createElement("div", {
|
|
64
|
-
className: "".concat(classPrefix, "
|
|
64
|
+
className: "".concat(classPrefix, "-description")
|
|
65
65
|
}, description) : null) : null, extra ? React__default.createElement("div", {
|
|
66
|
-
className: "".concat(classPrefix, "
|
|
66
|
+
className: "".concat(classPrefix, "-extra"),
|
|
67
67
|
style: styles
|
|
68
68
|
}, extra) : null), ctx !== null && ctx !== void 0 && ctx.divider ? React__default.createElement("div", {
|
|
69
|
-
className: "".concat(classPrefix, "
|
|
69
|
+
className: "".concat(classPrefix, "-divider")
|
|
70
70
|
}) : null);
|
|
71
71
|
};
|
|
72
72
|
Cell.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-cell-group{display:block}.nut-cell-
|
|
1
|
+
.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:10px 0}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}
|
package/dist/esm/CellGroup.js
CHANGED
|
@@ -37,11 +37,11 @@ var CellGroup = function CellGroup2(props) {
|
|
|
37
37
|
return React__default.createElement("div", _objectSpread({
|
|
38
38
|
className: classNames(classPrefix, className)
|
|
39
39
|
}, rest), title ? React__default.createElement("div", {
|
|
40
|
-
className: "".concat(classPrefix, "
|
|
40
|
+
className: "".concat(classPrefix, "-title")
|
|
41
41
|
}, title) : null, description ? React__default.createElement("div", {
|
|
42
|
-
className: "".concat(classPrefix, "
|
|
42
|
+
className: "".concat(classPrefix, "-description")
|
|
43
43
|
}, description) : null, React__default.createElement("div", {
|
|
44
|
-
className: "".concat(classPrefix, "
|
|
44
|
+
className: "".concat(classPrefix, "-wrap ").concat(divider ? "".concat(classPrefix, "-wrap-divider") : "")
|
|
45
45
|
}, React__default.createElement(CellGroupContext.Provider, {
|
|
46
46
|
value: {
|
|
47
47
|
divider
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-
|
|
1
|
+
.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox-label{margin-right:5px}.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}.nut-checkboxgroup-vertical .nut-checkbox-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-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-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-checkbox{display:flex;align-items:center}.nut-checkbox-icon{color:var(--nutui-color-text-disabled, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-checkbox-icon-checked{color:var(--nutui-color-primary, #fa2c19);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox-icon-checked.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));font-size:var(--nutui-checkbox-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-checkbox-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-icon-indeterminate{color:var(--nutui-color-primary, #fa2c19)}.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-reverse{flex-direction:row-reverse}.nut-checkbox-reverse .nut-checkbox-label{margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-left:0}.nut-checkbox-button{position:relative;display:inline-flex;align-items:center;padding:var(--nutui-checkbox-button-padding, 5px 18px);font-size:var(--nutui-checkbox-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-checkbox-button-border-radius, 15px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6);overflow:hidden}.nut-checkbox-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-checkbox-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-checkbox-button-icon{position:absolute;right:0;bottom:0;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--nutui-color-primary, #fa2c19);border-right:10px solid var(--nutui-color-primary, #fa2c19);display:flex;align-items:flex-end;justify-content:flex-end}.nut-checkbox-button-icon-checked{width:12px;height:12px;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-2px,-2px)}.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-
|
|
1
|
+
.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox-label{margin-right:5px}.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}.nut-checkboxgroup-vertical .nut-checkbox-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-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}
|
|
@@ -107,7 +107,7 @@ var CheckboxGroup = React__default.forwardRef(function(props, ref) {
|
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
}, React__default.createElement("div", _objectSpread({
|
|
110
|
-
className: classNames(classPrefix, _defineProperty({}, "nut-checkboxgroup
|
|
110
|
+
className: classNames(classPrefix, _defineProperty({}, "nut-checkboxgroup-".concat(props.direction), props.direction), className)
|
|
111
111
|
}, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
|
|
112
112
|
});
|
|
113
113
|
CheckboxGroup.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-circleprogress{position:relative}.nut-circleprogress-hover{stroke:var(--nutui-circleprogress-primary-color, var(--nutui-
|
|
1
|
+
.nut-circleprogress{position:relative}.nut-circleprogress-hover{stroke:var(--nutui-circleprogress-primary-color, var(--nutui-color-primary, #fa2c19));transition:stroke-dasharray .6s ease 0s,stroke .6s ease 0s}.nut-circleprogress-path{stroke:var(--nutui-circleprogress-path-color, var(--nutui-gray-3, #f6f6f6))}.nut-circleprogress-text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;transform:translateY(-50%);text-align:center;color:var(--nutui-circleprogress-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-circleprogress-text-size, var(--nutui-font-size-4, 16px))}
|
|
@@ -30,8 +30,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
30
30
|
strokeWidth: 5,
|
|
31
31
|
radius: 50,
|
|
32
32
|
strokeLinecap: "round",
|
|
33
|
-
color: "
|
|
34
|
-
background: "
|
|
33
|
+
color: "",
|
|
34
|
+
background: "",
|
|
35
35
|
clockwise: true
|
|
36
36
|
});
|
|
37
37
|
var classPrefix = "nut-circleprogress";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom,
|
|
1
|
+
.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 2px)}.nut-col-gutter:last-child{padding-right:0!important}.nut-col-gutter:first-child{padding-left:0!important}.nut-col-offset-1{margin-left:calc(4.1666666667 * 1 * 1%)}.nut-col-1{width:calc(4.1666666667 * 1 * 1%)}.nut-col-offset-2{margin-left:calc(4.1666666667 * 2 * 1%)}.nut-col-2{width:calc(4.1666666667 * 2 * 1%)}.nut-col-offset-3{margin-left:calc(4.1666666667 * 3 * 1%)}.nut-col-3{width:calc(4.1666666667 * 3 * 1%)}.nut-col-offset-4{margin-left:calc(4.1666666667 * 4 * 1%)}.nut-col-4{width:calc(4.1666666667 * 4 * 1%)}.nut-col-offset-5{margin-left:calc(4.1666666667 * 5 * 1%)}.nut-col-5{width:calc(4.1666666667 * 5 * 1%)}.nut-col-offset-6{margin-left:calc(4.1666666667 * 6 * 1%)}.nut-col-6{width:calc(4.1666666667 * 6 * 1%)}.nut-col-offset-7{margin-left:calc(4.1666666667 * 7 * 1%)}.nut-col-7{width:calc(4.1666666667 * 7 * 1%)}.nut-col-offset-8{margin-left:calc(4.1666666667 * 8 * 1%)}.nut-col-8{width:calc(4.1666666667 * 8 * 1%)}.nut-col-offset-9{margin-left:calc(4.1666666667 * 9 * 1%)}.nut-col-9{width:calc(4.1666666667 * 9 * 1%)}.nut-col-offset-10{margin-left:calc(4.1666666667 * 10 * 1%)}.nut-col-10{width:calc(4.1666666667 * 10 * 1%)}.nut-col-offset-11{margin-left:calc(4.1666666667 * 11 * 1%)}.nut-col-11{width:calc(4.1666666667 * 11 * 1%)}.nut-col-offset-12{margin-left:calc(4.1666666667 * 12 * 1%)}.nut-col-12{width:calc(4.1666666667 * 12 * 1%)}.nut-col-offset-13{margin-left:calc(4.1666666667 * 13 * 1%)}.nut-col-13{width:calc(4.1666666667 * 13 * 1%)}.nut-col-offset-14{margin-left:calc(4.1666666667 * 14 * 1%)}.nut-col-14{width:calc(4.1666666667 * 14 * 1%)}.nut-col-offset-15{margin-left:calc(4.1666666667 * 15 * 1%)}.nut-col-15{width:calc(4.1666666667 * 15 * 1%)}.nut-col-offset-16{margin-left:calc(4.1666666667 * 16 * 1%)}.nut-col-16{width:calc(4.1666666667 * 16 * 1%)}.nut-col-offset-17{margin-left:calc(4.1666666667 * 17 * 1%)}.nut-col-17{width:calc(4.1666666667 * 17 * 1%)}.nut-col-offset-18{margin-left:calc(4.1666666667 * 18 * 1%)}.nut-col-18{width:calc(4.1666666667 * 18 * 1%)}.nut-col-offset-19{margin-left:calc(4.1666666667 * 19 * 1%)}.nut-col-19{width:calc(4.1666666667 * 19 * 1%)}.nut-col-offset-20{margin-left:calc(4.1666666667 * 20 * 1%)}.nut-col-20{width:calc(4.1666666667 * 20 * 1%)}.nut-col-offset-21{margin-left:calc(4.1666666667 * 21 * 1%)}.nut-col-21{width:calc(4.1666666667 * 21 * 1%)}.nut-col-offset-22{margin-left:calc(4.1666666667 * 22 * 1%)}.nut-col-22{width:calc(4.1666666667 * 22 * 1%)}.nut-col-offset-23{margin-left:calc(4.1666666667 * 23 * 1%)}.nut-col-23{width:calc(4.1666666667 * 23 * 1%)}.nut-col-offset-24{margin-left:calc(4.1666666667 * 24 * 1%)}.nut-col-24{width:calc(4.1666666667 * 24 * 1%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-collapse-
|
|
1
|
+
.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 0px 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;padding-right:40px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-collapse-
|
|
1
|
+
.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 0px 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;padding-right:40px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-countdown{display:var(--nutui-countdown-display, flex);color:var(--nutui-countdown-color, var(--nutui-gray-
|
|
1
|
+
.nut-countdown{display:var(--nutui-countdown-display, flex);color:var(--nutui-countdown-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-countdown-font-size, 14px)}
|
package/dist/esm/CountDown.js
CHANGED
|
@@ -232,7 +232,7 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
|
|
|
232
232
|
className: "".concat(classPrefix, " ").concat(className),
|
|
233
233
|
style: _objectSpread({}, style)
|
|
234
234
|
}, rest), children || React__default.createElement("div", {
|
|
235
|
-
className: "".concat(classPrefix, "
|
|
235
|
+
className: "".concat(classPrefix, "-block"),
|
|
236
236
|
// eslint-disable-next-line react/no-danger
|
|
237
237
|
dangerouslySetInnerHTML: {
|
|
238
238
|
__html: "".concat(renderTime)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, 18px);align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-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-color-primary, #fa2c19);font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, 18px);font-weight:var(--nutui-font-weight-bold, 500)}.nut-picker-panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog-overlay{--nutui-overlay-zIndex: 1200}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}
|
|
1
|
+
.nut-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:var(--nutui-button-default-height, 32px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));background:var(--nutui-button-default-background-color, transparent)}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-warp{height:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:var(--nutui-button-default-height, 32px);padding:0}.nut-button-default{padding:var(--nutui-button-default-padding, 0px 16px);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, var(--nutui-gray-6, #595959))}.nut-button-default.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c);background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c)}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c);border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-large{width:var(--nutui-button-large-width, 100%);height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 0px);font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px))}.nut-button-small{height:var(--nutui-button-small-height, 28px);padding:var(--nutui-button-small-padding, 0px 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-success-background-color, var(--nutui-color-success, #00bc14));background-origin:border-box}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));background-origin:border-box}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)));background-origin:border-box}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:none}.nut-button-solid.nut-button-disabled{color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;font-weight:400;color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}.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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 295px);max-height:67%;min-height:var(--nutui-dialog-min-height, 124px);padding:var(--nutui-dialog-padding, 24px);box-sizing:border-box}.nut-dialog-overlay{--nutui-overlay-zIndex: 1200}.nut-dialog-outer{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-border-radius, 16px);z-index:var(--nutui-dialog-z-index, 1200);animation-duration:.3s}.nut-dialog-header{display:block;text-align:center;font-size:var(--nutui-font-size-4, 16px);line-height:24px;font-weight:500;color:var(--nutui-gray-7, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog-content{width:100%;margin:var(--nutui-dialog-content-margin, 5px 0 24px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 20px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-6, #595959);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, left)}.nut-dialog-footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog-footer.vertical{flex-direction:column}.nut-dialog-footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-ok{order:1}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel{border:0;color:var(--nutui-gray-6, #595959);order:2;display:flex;align-items:flex-end}.nut-dialog-footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 117px)}.nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 12px)}.nut-dialog-footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}
|
package/dist/esm/Dialog.js
CHANGED
|
@@ -126,34 +126,34 @@ var confirm = function confirm2(config, renderFunc) {
|
|
|
126
126
|
};
|
|
127
127
|
var confirm$1 = confirm;
|
|
128
128
|
var Content = function Content2(props) {
|
|
129
|
-
var visible = props.visible, title = props.title, footer = props.footer, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
|
|
129
|
+
var visible = props.visible, title = props.title, header = props.header, footer = props.footer, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
|
|
130
130
|
var classPrefix = "nut-dialog";
|
|
131
131
|
var renderHeader = function renderHeader2() {
|
|
132
132
|
return title ? React__default.createElement("div", {
|
|
133
|
-
className: "".concat(classPrefix, "
|
|
133
|
+
className: "".concat(classPrefix, "-header")
|
|
134
134
|
}, title) : null;
|
|
135
135
|
};
|
|
136
136
|
var renderFooter = function renderFooter2() {
|
|
137
137
|
return footer ? React__default.createElement("div", {
|
|
138
|
-
className: classNames("".concat(classPrefix, "
|
|
138
|
+
className: classNames("".concat(classPrefix, "-footer"), _defineProperty({}, footerDirection, footerDirection))
|
|
139
139
|
}, footer) : null;
|
|
140
140
|
};
|
|
141
141
|
var handleClick = function handleClick2(e) {
|
|
142
142
|
onClick && onClick(e);
|
|
143
143
|
};
|
|
144
144
|
return React__default.createElement("div", {
|
|
145
|
-
className: classNames("".concat(classPrefix, "
|
|
145
|
+
className: classNames("".concat(classPrefix, "-outer"), props.className),
|
|
146
146
|
style: props.style,
|
|
147
147
|
onClick: function onClick2(e) {
|
|
148
148
|
return handleClick(e);
|
|
149
149
|
}
|
|
150
|
-
}, React__default.createElement("div", {
|
|
150
|
+
}, header, React__default.createElement("div", {
|
|
151
151
|
className: classPrefix,
|
|
152
152
|
style: {
|
|
153
153
|
display: visible ? "flex" : "none"
|
|
154
154
|
}
|
|
155
155
|
}, renderHeader(), React__default.createElement("div", {
|
|
156
|
-
className: "".concat(classPrefix, "
|
|
156
|
+
className: "".concat(classPrefix, "-content")
|
|
157
157
|
}, React__default.createElement(React__default.Fragment, null, children)), renderFooter()));
|
|
158
158
|
};
|
|
159
159
|
Content.displayName = "NutContent";
|
|
@@ -236,17 +236,14 @@ var BaseDialog = function BaseDialog2(props, ref) {
|
|
|
236
236
|
onConfirm === null || onConfirm === void 0 || onConfirm(e);
|
|
237
237
|
};
|
|
238
238
|
return footer || React__default.createElement(React__default.Fragment, null, !hideCancelButton && React__default.createElement(Button, {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
type: "primary",
|
|
242
|
-
className: "".concat(classPrefix, "__footer-cancel"),
|
|
239
|
+
type: "default",
|
|
240
|
+
className: "".concat(classPrefix, "-footer-cancel"),
|
|
243
241
|
onClick: function onClick(e) {
|
|
244
242
|
return handleCancel(e);
|
|
245
243
|
}
|
|
246
244
|
}, cancelText || locale.cancel), !hideConfirmButton && React__default.createElement(Button, {
|
|
247
|
-
size: "small",
|
|
248
245
|
type: "primary",
|
|
249
|
-
className: classNames("".concat(classPrefix, "
|
|
246
|
+
className: classNames("".concat(classPrefix, "-footer-ok"), {
|
|
250
247
|
disabled: disableConfirmButton
|
|
251
248
|
}),
|
|
252
249
|
disabled: disableConfirmButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-
|
|
1
|
+
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px);width:auto}
|
package/dist/esm/Divider.js
CHANGED
|
@@ -33,7 +33,7 @@ var classPrefix = "nut-divider";
|
|
|
33
33
|
var Divider = function Divider2(props) {
|
|
34
34
|
var _classNames, _classNames2;
|
|
35
35
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, contentPosition = _defaultProps$props.contentPosition, style = _defaultProps$props.style, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
36
|
-
var classes = direction === "horizontal" ? classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "
|
|
36
|
+
var classes = direction === "horizontal" ? classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-center"), children), _defineProperty(_classNames, "".concat(classPrefix, "-left"), contentPosition === "left"), _defineProperty(_classNames, "".concat(classPrefix, "-right"), contentPosition === "right"), _defineProperty(_classNames, "".concat(classPrefix, "-hairline"), true), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix), true), _defineProperty(_classNames2, "".concat(classPrefix, "-vertical"), direction === "vertical"), _classNames2));
|
|
37
37
|
return React__default.createElement("div", _objectSpread({
|
|
38
38
|
className: "".concat(classes, " ").concat(className || ""),
|
|
39
39
|
style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-
|
|
1
|
+
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}
|