@nutui/nutui-react 2.1.1-beta.0 → 2.2.0-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 +44 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +7 -6
- 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/BackTop.js +3 -7
- 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 +84 -5
- 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 -6
- 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 +10 -31
- 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/Image.js +2 -2
- 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 +6 -63
- 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 +14 -7
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +9 -10
- 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 +2 -2
- 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 +8 -14
- 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 +6 -13
- 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 +2 -37
- 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 -6
- 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 +4 -3
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -4
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/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 +24 -22
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/badge2.js +2 -2
- package/dist/esm/cascader2.js +6 -6
- package/dist/esm/checkbox2.js +10 -47
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/configprovider2.js +2 -2
- 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 +20 -21
- package/dist/esm/radio2.js +5 -10
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +8 -8
- package/dist/esm/types/src/packages/button/button.d.ts +2 -3
- package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -3
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +0 -2
- package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +0 -2
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/empty/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/empty.d.ts +1 -5
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +1 -5
- package/dist/esm/types/src/packages/empty/index.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/index.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/indicator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/inputnumber/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/navbar/navbar.d.ts +0 -1
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +0 -1
- 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 +0 -4
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +0 -4
- package/dist/esm/types/src/packages/popup/popup.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -3
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +0 -1
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/swipe/swipe.d.ts +6 -0
- 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 +1794 -3192
- package/dist/nutui.react.umd.js +1808 -3206
- package/dist/packages/actionsheet/actionsheet.scss +15 -15
- package/dist/packages/address/address.scss +4 -4
- package/dist/packages/animatingnumbers/countup.scss +6 -19
- package/dist/packages/audio/audio.scss +9 -17
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/avatarcropper/avatarcropper.scss +0 -4
- package/dist/packages/backtop/backtop.scss +3 -6
- package/dist/packages/badge/badge.scss +10 -12
- package/dist/packages/barrage/barrage.scss +6 -16
- package/dist/packages/button/button.scss +93 -163
- package/dist/packages/calendar/calendar.scss +12 -13
- package/dist/packages/calendarcard/calendarcard.scss +6 -6
- package/dist/packages/card/card.scss +13 -27
- 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 +21 -81
- package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -17
- package/dist/packages/collapseitem/collapseitem.scss +10 -32
- package/dist/packages/dialog/dialog.scss +13 -13
- package/dist/packages/divider/divider.scss +7 -7
- package/dist/packages/elevator/elevator.scss +12 -13
- package/dist/packages/empty/empty.scss +6 -36
- package/dist/packages/fixednav/fixednav.scss +13 -26
- 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 +15 -16
- package/dist/packages/image/image.scss +2 -4
- package/dist/packages/imagepreview/imagepreview.scss +11 -1
- package/dist/packages/indicator/indicator.scss +9 -9
- package/dist/packages/infiniteloading/infiniteloading.scss +8 -23
- package/dist/packages/input/input.scss +2 -4
- package/dist/packages/inputnumber/inputnumber.scss +18 -21
- package/dist/packages/loading/loading.scss +3 -3
- package/dist/packages/menu/menu.scss +30 -22
- package/dist/packages/menuitem/menuitem.scss +56 -55
- package/dist/packages/navbar/navbar.scss +16 -52
- package/dist/packages/noticebar/noticebar.scss +11 -12
- package/dist/packages/notify/notify.scss +18 -10
- package/dist/packages/numberkeyboard/numberkeyboard.scss +17 -19
- package/dist/packages/pagination/pagination.scss +9 -32
- package/dist/packages/picker/picker.scss +19 -19
- package/dist/packages/popover/popover.scss +35 -51
- package/dist/packages/popup/popup.scss +213 -225
- package/dist/packages/price/price.scss +7 -18
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -9
- package/dist/packages/radio/radio.scss +40 -45
- package/dist/packages/radiogroup/radiogroup.scss +18 -18
- package/dist/packages/range/range.scss +2 -13
- package/dist/packages/rate/rate.scss +9 -8
- package/dist/packages/searchbar/searchbar.scss +42 -67
- package/dist/packages/shortpassword/shortpassword.scss +13 -13
- package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
- package/dist/packages/signature/signature.scss +2 -5
- package/dist/packages/skeleton/skeleton.scss +8 -8
- package/dist/packages/step/step.scss +32 -27
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
- package/dist/packages/swipe/swipe.scss +5 -8
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/switch/switch.scss +27 -38
- package/dist/packages/tabbar/tabbar.scss +4 -4
- package/dist/packages/tabbaritem/tabbaritem.scss +1 -8
- package/dist/packages/table/table.scss +27 -27
- package/dist/packages/tabpane/tabpane.scss +2 -2
- package/dist/packages/tabs/tabs.scss +137 -181
- package/dist/packages/tag/tag.scss +12 -12
- package/dist/packages/textarea/textarea.scss +6 -6
- package/dist/packages/timedetail/timedetail.scss +9 -8
- package/dist/packages/timeselect/timeselect.scss +21 -12
- package/dist/packages/toast/toast.scss +22 -37
- package/dist/packages/tour/tour.scss +3 -8
- package/dist/packages/trendarrow/trendarrow.scss +3 -8
- package/dist/packages/uploader/uploader.scss +37 -41
- package/dist/packages/virtuallist/virtuallist.scss +3 -13
- package/dist/packages/watermark/watermark.scss +0 -1
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -5
- package/dist/styles/theme-dark.scss +28 -17
- package/dist/styles/theme-default.scss +37 -15
- package/dist/styles/theme-jmapp.scss +40 -17
- package/dist/styles/variables-jmapp.scss +1169 -883
- package/dist/styles/variables.scss +982 -685
- package/dist/types/packages/animate/animate.d.ts +2 -2
- package/dist/types/packages/button/button.d.ts +2 -3
- package/dist/types/packages/checkbox/checkbox.d.ts +0 -2
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/empty/empty.d.ts +1 -5
- package/dist/types/packages/empty/index.d.ts +0 -1
- package/dist/types/packages/navbar/navbar.d.ts +0 -1
- package/dist/types/packages/pagination/pagination.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +0 -4
- package/dist/types/packages/popup/popup.d.ts +2 -15
- package/dist/types/packages/searchbar/searchbar.d.ts +0 -5
- package/dist/types/packages/swipe/swipe.d.ts +6 -6
- package/dist/types/packages/swiper/swiper.d.ts +2 -2
- package/dist/types/packages/tabs/tabs.d.ts +2 -2
- package/package.json +2 -2
- package/dist/esm/button2.js +0 -88
- package/dist/esm/types/src/packages/empty/types.d.ts +0 -3
- package/dist/types/packages/empty/types.d.ts +0 -3
|
@@ -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-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:#fff;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, 500);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-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar__content{position:relative;display:block}.nut-sidenavbar__list.sidenavbar-show .nut-sidenavbar__content{height:auto;overflow:inherit}.nut-sidenavbar__list.sidenavbar-hide .nut-sidenavbar__content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
|
package/dist/esm/SideNavBar.js
CHANGED
|
@@ -46,12 +46,12 @@ var SideNavBar = function SideNavBar2(props) {
|
|
|
46
46
|
}, React__default.createElement("div", _objectSpread({
|
|
47
47
|
className: classNames(classPrefix, className)
|
|
48
48
|
}, rest), React__default.createElement("div", {
|
|
49
|
-
className: "".concat(classPrefix, "
|
|
49
|
+
className: "".concat(classPrefix, "__content")
|
|
50
50
|
}, React__default.createElement("div", {
|
|
51
|
-
className: "".concat(classPrefix, "
|
|
51
|
+
className: "".concat(classPrefix, "__list sidenavbar-show"),
|
|
52
52
|
onClick: handleClick
|
|
53
53
|
}, React__default.createElement("div", {
|
|
54
|
-
className: "".concat(classPrefix, "
|
|
54
|
+
className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt"),
|
|
55
55
|
style: {
|
|
56
56
|
paddingLeft: "".concat(indent, "px")
|
|
57
57
|
}
|
|
@@ -60,7 +60,7 @@ var SideNavBar = function SideNavBar2(props) {
|
|
|
60
60
|
})), React__default.createElement(OffsetContext.Provider, {
|
|
61
61
|
value: indent
|
|
62
62
|
}, React__default.createElement("div", {
|
|
63
|
-
className: "".concat(classPrefix, "
|
|
63
|
+
className: "".concat(classPrefix, "__content")
|
|
64
64
|
}, children))))));
|
|
65
65
|
};
|
|
66
66
|
SideNavBar.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-subsidenavbar__item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-2, #757575));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar__list{background-color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-2, #757575))}
|
|
@@ -34,7 +34,7 @@ var SideNavBarItem = function SideNavBarItem2(props) {
|
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
return React__default.createElement("div", _objectSpread({
|
|
37
|
-
className: "".concat(classPrefix, "
|
|
37
|
+
className: "".concat(classPrefix, "__item ").concat(classPrefix, "-border-bt"),
|
|
38
38
|
onClick: clickFn
|
|
39
39
|
}, rest), title);
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-
|
|
1
|
+
.nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature__inner{display:flex;justify-content:center;align-items:center;height:var(--nutui-signature-height, 10rem);border:var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-gray-9, rgba(0, 0, 0, .08)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-6, #ffffff))}.nut-signature__unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-3, 14px))}
|
package/dist/esm/Signature.js
CHANGED
|
@@ -30,7 +30,7 @@ import { c as canUseDom } from "./can-use-dom.js";
|
|
|
30
30
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
31
31
|
type: "png",
|
|
32
32
|
lineWidth: 2,
|
|
33
|
-
strokeStyle: "#
|
|
33
|
+
strokeStyle: "#000",
|
|
34
34
|
unsupported: ""
|
|
35
35
|
});
|
|
36
36
|
var InternalSignature = function InternalSignature2(props, ref) {
|
|
@@ -138,14 +138,14 @@ var InternalSignature = function InternalSignature2(props, ref) {
|
|
|
138
138
|
className: "".concat(classPrefix, " ").concat(className),
|
|
139
139
|
style
|
|
140
140
|
}, rest), React__default.createElement("div", {
|
|
141
|
-
className: "".concat(classPrefix, "
|
|
141
|
+
className: "".concat(classPrefix, "__inner"),
|
|
142
142
|
ref: wrapRef
|
|
143
143
|
}, React__default.createElement(React__default.Fragment, null, isCanvasSupported ? React__default.createElement("canvas", {
|
|
144
144
|
ref: canvasRef,
|
|
145
145
|
height: canvasHeight,
|
|
146
146
|
width: canvasWidth
|
|
147
147
|
}) : unsupported ? React__default.createElement(React__default.Fragment, null, unsupported) : React__default.createElement("p", {
|
|
148
|
-
className: "".concat(classPrefix, "
|
|
148
|
+
className: "".concat(classPrefix, "__unsupport")
|
|
149
149
|
}, locale.signature.unsupported))));
|
|
150
150
|
};
|
|
151
151
|
var Signature = React__default.forwardRef(InternalSignature);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background
|
|
1
|
+
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fa;background-size:100% 100%}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon__img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton__content{display:flex}.nut-skeleton__content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, rgb(239, 239, 239))!important}.nut-skeleton__content .nut-skeleton__block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton__content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton__content-line .nut-skeleton__title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239))}.nut-skeleton__content-line .nut-skeleton__block:last-child{width:70%}.nut-skeleton__animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
|
package/dist/esm/Skeleton.js
CHANGED
|
@@ -41,7 +41,7 @@ var Skeleton = function Skeleton2(props) {
|
|
|
41
41
|
var classes = classNames(classPrefix, className);
|
|
42
42
|
var avatarClass = classNames(_defineProperty({
|
|
43
43
|
avatar: true
|
|
44
|
-
}, "avatar
|
|
44
|
+
}, "avatar--".concat(avatarShape), avatarShape));
|
|
45
45
|
var repeatLines = function repeatLines2(num) {
|
|
46
46
|
return Array.from({
|
|
47
47
|
length: num
|
|
@@ -64,23 +64,23 @@ var Skeleton = function Skeleton2(props) {
|
|
|
64
64
|
return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
|
|
65
65
|
className: classes
|
|
66
66
|
}, rest), animated && React__default.createElement("div", {
|
|
67
|
-
className: "".concat(classPrefix, "
|
|
67
|
+
className: "".concat(classPrefix, "__animation")
|
|
68
68
|
}), React__default.createElement("div", {
|
|
69
|
-
className: "".concat(classPrefix, "
|
|
69
|
+
className: "".concat(classPrefix, "__content")
|
|
70
70
|
}, avatar && React__default.createElement(Avatar, {
|
|
71
71
|
className: avatarClass,
|
|
72
72
|
shape: avatarShape,
|
|
73
73
|
style: getStyle(),
|
|
74
74
|
icon: "null"
|
|
75
75
|
}), rows === 1 ? React__default.createElement("div", {
|
|
76
|
-
className: "".concat(classPrefix, "
|
|
76
|
+
className: "".concat(classPrefix, "__block")
|
|
77
77
|
}) : React__default.createElement("div", {
|
|
78
|
-
className: "".concat(classPrefix, "-
|
|
78
|
+
className: "".concat(classPrefix, "__content-line")
|
|
79
79
|
}, title && React__default.createElement("div", {
|
|
80
|
-
className: "".concat(classPrefix, "
|
|
80
|
+
className: "".concat(classPrefix, "__title")
|
|
81
81
|
}), repeatLines(rows).map(function(item, index) {
|
|
82
82
|
return React__default.createElement("div", {
|
|
83
|
-
className: "".concat(classPrefix, "
|
|
83
|
+
className: "".concat(classPrefix, "__block"),
|
|
84
84
|
key: index
|
|
85
85
|
});
|
|
86
86
|
})))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width,
|
|
1
|
+
.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width, 100%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 100%);background:var(--nutui-steps-base-line-background, #909ca4)}.nut-step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--nutui-steps-base-icon-width, 25px);height:var(--nutui-steps-base-icon-height, 25px);line-height:var(--nutui-steps-base-icon-line-height, 25px);font-size:var(--nutui-steps-base-icon-font-size, 13px);background-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);border-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);color:var(--nutui-steps-wait-icon-color, #ffffff);z-index:1}.nut-step-icon .nut-icon{width:100%;height:100%}.nut-step-icon.is-text,.nut-step-icon.is-icon{border-radius:50%;border-width:1px;border-style:solid}.nut-step-main{display:inline-block;padding-left:10%;padding-right:10%;text-align:center}.nut-step-main .nut-step-description{color:var(--nutui-gray-1, #1a1a1a)}.nut-step-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, 14px);color:var(--nutui-steps-base-title-color, var(--nutui-gray-1, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, 12px);color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-step:last-child .nut-step-line{display:none}.nut-step.nut-step-process .nut-step-icon{background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, 14px);font-weight:var(--nutui-steps-process-title-font-weight, 400)}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 7px 0 0 0)}.nut-steps-dot .nut-step-line{top:7px}.nut-steps-dot .nut-step-icon{width:var(--nutui-steps-dot-icon-width, 6px);height:var(--nutui-steps-dot-icon-height, 6px);border:var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nutui-color-primary-stop-2, #fa2c19);border-radius:50%;opacity:.23}.nut-steps-horizontal.nut-steps-dot .nut-step-line{top:50%;bottom:-50%}.nut-steps-vertical .nut-step{display:flex;height:33.34%}.nut-steps-vertical .nut-step-line{position:absolute;display:inline-block;width:1px;height:100%;background:#909ca4}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps-vertical .nut-step-main .nut-step-description{color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width,
|
|
1
|
+
.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width, 100%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 100%);background:var(--nutui-steps-base-line-background, #909ca4)}.nut-step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--nutui-steps-base-icon-width, 25px);height:var(--nutui-steps-base-icon-height, 25px);line-height:var(--nutui-steps-base-icon-line-height, 25px);font-size:var(--nutui-steps-base-icon-font-size, 13px);background-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);border-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);color:var(--nutui-steps-wait-icon-color, #ffffff);z-index:1}.nut-step-icon .nut-icon{width:100%;height:100%}.nut-step-icon.is-text,.nut-step-icon.is-icon{border-radius:50%;border-width:1px;border-style:solid}.nut-step-main{display:inline-block;padding-left:10%;padding-right:10%;text-align:center}.nut-step-main .nut-step-description{color:var(--nutui-gray-1, #1a1a1a)}.nut-step-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, 14px);color:var(--nutui-steps-base-title-color, var(--nutui-gray-1, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, 12px);color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-step:last-child .nut-step-line{display:none}.nut-step.nut-step-process .nut-step-icon{background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, 14px);font-weight:var(--nutui-steps-process-title-font-weight, 400)}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 7px 0 0 0)}.nut-steps-dot .nut-step-line{top:7px}.nut-steps-dot .nut-step-icon{width:var(--nutui-steps-dot-icon-width, 6px);height:var(--nutui-steps-dot-icon-height, 6px);border:var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nutui-color-primary-stop-2, #fa2c19);border-radius:50%;opacity:.23}.nut-steps-horizontal.nut-steps-dot .nut-step-line{top:50%;bottom:-50%}.nut-steps-vertical .nut-step{display:flex;height:33.34%}.nut-steps-vertical .nut-step-line{position:absolute;display:inline-block;width:1px;height:100%;background:#909ca4}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps-vertical .nut-step-main .nut-step-description{color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-steps{display:flex}.nut-steps-vertical{height:100%;flex-flow:column}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-sticky
|
|
1
|
+
.nut-sticky--fixed{position:fixed}
|
package/dist/esm/Sticky.js
CHANGED
|
@@ -172,7 +172,7 @@ var Sticky = function Sticky2(props) {
|
|
|
172
172
|
style: _objectSpread(_objectSpread({}, style), rootStyle),
|
|
173
173
|
className: classNames(classPrefix, className)
|
|
174
174
|
}, rest), React__default.createElement("div", {
|
|
175
|
-
className: "nut-sticky
|
|
175
|
+
className: "nut-sticky--box",
|
|
176
176
|
ref: stickyRef,
|
|
177
177
|
style: stickyStyle
|
|
178
178
|
}, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-subsidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);background-color:var(--nutui-sidenavbar-sub-title-background, var(--nutui-gray-5, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box}.nut-subsidenavbar__list.sidenavbar-show .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.sidenavbar-hide .nut-subsidenavbar__content{height:0;overflow:hidden}
|
|
@@ -35,7 +35,7 @@ var SubSideNavBar = function SubSideNavBar2(props) {
|
|
|
35
35
|
var setListLevel = useCallback(function(nodeList) {
|
|
36
36
|
var level = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
|
|
37
37
|
var titleClass = nodeList[0].className;
|
|
38
|
-
if (titleClass.includes("".concat(classPrefix, "
|
|
38
|
+
if (titleClass.includes("".concat(classPrefix, "__title"))) {
|
|
39
39
|
var left = offset * (level + 1);
|
|
40
40
|
nodeList[0].style.paddingLeft = "".concat(left, "px");
|
|
41
41
|
}
|
|
@@ -44,11 +44,11 @@ var SubSideNavBar = function SubSideNavBar2(props) {
|
|
|
44
44
|
});
|
|
45
45
|
childNodes.forEach(function(item) {
|
|
46
46
|
var itemClass = item.className;
|
|
47
|
-
if (itemClass.includes("".concat(classPrefix, "
|
|
47
|
+
if (itemClass.includes("".concat(classPrefix, "__item"))) {
|
|
48
48
|
var _left = offset * (level + 2);
|
|
49
49
|
item.style.paddingLeft = "".concat(_left, "px");
|
|
50
50
|
}
|
|
51
|
-
if (itemClass.includes("".concat(classPrefix, "
|
|
51
|
+
if (itemClass.includes("".concat(classPrefix, "__list"))) {
|
|
52
52
|
var level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
|
|
53
53
|
level2 += 1;
|
|
54
54
|
item.setAttribute("level", level2.toString());
|
|
@@ -72,18 +72,18 @@ var SubSideNavBar = function SubSideNavBar2(props) {
|
|
|
72
72
|
(_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.setAttribute("level", "1");
|
|
73
73
|
childNodes && setListLevel(childNodes);
|
|
74
74
|
}, [setListLevel]);
|
|
75
|
-
var divClass = open ? "".concat(classPrefix, "
|
|
75
|
+
var divClass = open ? "".concat(classPrefix, "__list sidenavbar-show") : "".concat(classPrefix, "__list sidenavbar-hide");
|
|
76
76
|
var iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
|
|
77
77
|
return React__default.createElement("div", _objectSpread({
|
|
78
78
|
className: divClass,
|
|
79
79
|
ref: listRef,
|
|
80
80
|
onClick: clickFn
|
|
81
81
|
}, rest), React__default.createElement("div", {
|
|
82
|
-
className: "".concat(classPrefix, "
|
|
82
|
+
className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt")
|
|
83
83
|
}, title, " ", React__default.createElement("i", {
|
|
84
84
|
className: iconClass
|
|
85
85
|
})), React__default.createElement("div", {
|
|
86
|
-
className: "".concat(classPrefix, "
|
|
86
|
+
className: "".concat(classPrefix, "__content")
|
|
87
87
|
}, children));
|
|
88
88
|
};
|
|
89
89
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-swipe{position:relative;overflow:hidden;cursor:grab
|
|
1
|
+
.nut-swipe{position:relative;overflow:hidden;cursor:grab}.nut-swipe__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.nut-swipe__wrapper .nut-button{height:100%}.nut-swipe__wrapper .nut-cell{margin:0}.nut-swipe__left,.nut-swipe__right{position:absolute;top:0;height:100%}.nut-swipe__left{left:0;transform:translate3d(-100%,0,0)}.nut-swipe__right{right:0;transform:translate3d(101%,0,0)}
|
package/dist/esm/Swipe.js
CHANGED
|
@@ -174,7 +174,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
|
|
|
174
174
|
if (props["".concat(side, "Action")]) {
|
|
175
175
|
return React__default.createElement("div", {
|
|
176
176
|
ref: measuredRef,
|
|
177
|
-
className: "".concat(classPrefix, "
|
|
177
|
+
className: "".concat(classPrefix, "__").concat(side),
|
|
178
178
|
onClick: function onClick(e) {
|
|
179
179
|
return handleOperate(e, side);
|
|
180
180
|
}
|
|
@@ -228,7 +228,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
|
|
|
228
228
|
},
|
|
229
229
|
style
|
|
230
230
|
}, React__default.createElement("div", {
|
|
231
|
-
className: "".concat(classPrefix, "
|
|
231
|
+
className: "".concat(classPrefix, "__wrapper"),
|
|
232
232
|
style: wrapperStyle
|
|
233
233
|
}, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
|
|
234
234
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-
|
|
1
|
+
.nut-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator__dot{margin:0 var(--nutui-indicator-dot-margin, 4px)}.nut-indicator__dot:first-child{margin-left:0}.nut-indicator__dot:last-child{margin-right:0}.nut-indicator__dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-size, 5px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-gray-3, #bfbfbf))}.nut-indicator__active{width:var(--nutui-indicator-dot-active-size, 15px);border-radius:var(--nutui-indicator-border-size, 3px);background-color:var(--nutui-indicator-color, var(--nutui-color-primary, #fa2c19))}.nut-indicator__vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator__vertical .nut-indicator__dot{margin:var(--nutui-indicator-dot-vertical-margin, 4px) 0}.nut-indicator__vertical .nut-indicator__dot:first-child{margin-top:0}.nut-indicator__vertical .nut-indicator__dot:last-child{margin-bottom:0}.nut-indicator__vertical .nut-indicator__active{width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-active-size, 15px)}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper__inner{display:flex;height:100%}.nut-swiper__vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper__indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper__indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}
|
package/dist/esm/Swiper.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
import _typeof from "@babel/runtime/helpers/typeof";
|
|
5
4
|
var _excluded = ["children", "direction", "className", "onChange", "defaultValue", "indicator", "touchable", "preventDefault", "stopPropagation", "autoPlay", "center"];
|
|
6
5
|
function ownKeys(e, r) {
|
|
7
6
|
var t = Object.keys(e);
|
|
@@ -31,8 +30,6 @@ import { g as getRect } from "./use-client-rect.js";
|
|
|
31
30
|
import { I as Indicator } from "./indicator2.js";
|
|
32
31
|
import SwiperItem from "./SwiperItem.js";
|
|
33
32
|
var defaultProps = {
|
|
34
|
-
width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" ? window.innerWidth : 375,
|
|
35
|
-
height: 0,
|
|
36
33
|
duration: 500,
|
|
37
34
|
defaultValue: 0,
|
|
38
35
|
autoPlay: 0,
|
|
@@ -266,7 +263,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
266
263
|
}
|
|
267
264
|
};
|
|
268
265
|
var classPrefix = "nut-swiper";
|
|
269
|
-
var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "
|
|
266
|
+
var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "__vertical"), isVertical), _classNames));
|
|
270
267
|
var getStyle = function getStyle2() {
|
|
271
268
|
var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
|
|
272
269
|
var target = innerRef.current;
|
|
@@ -421,7 +418,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
421
418
|
if (indicator === true) {
|
|
422
419
|
var _classNames2;
|
|
423
420
|
return React__default.createElement("div", {
|
|
424
|
-
className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "
|
|
421
|
+
className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__indicator"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__indicator-vertical"), isVertical), _classNames2))
|
|
425
422
|
}, React__default.createElement(Indicator, {
|
|
426
423
|
current: (active + childCount) % childCount,
|
|
427
424
|
total: childs === null || childs === void 0 ? void 0 : childs.length,
|
|
@@ -440,7 +437,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
440
437
|
ref: innerRef
|
|
441
438
|
}, React__default.Children.map(childs, function(child, index) {
|
|
442
439
|
return React__default.createElement("div", {
|
|
443
|
-
className: "".concat(classPrefix, "-
|
|
440
|
+
className: "".concat(classPrefix, "__item-wrapper"),
|
|
444
441
|
style: getItemStyle(index),
|
|
445
442
|
key: index
|
|
446
443
|
}, child);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-color-primary, #fa2c19));border-radius:var(--nutui-switch-border-radius,
|
|
1
|
+
.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-color-primary, #fa2c19));border-radius:var(--nutui-switch-border-radius, 21px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch.switch-close{background-color:var(--nutui-switch-close-background-color, #ebebeb)}.nut-switch.switch-close .close-line{background:var(--nutui-switch-close-line-bg-color, #f0f0f0);border-radius:2px}.nut-switch .switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-color-primary-text, #ffffff);transition:transform .3s}.nut-switch__label{color:var(--nutui-color-primary-text, #ffffff);font-size:var(--nutui-font-size-2, 12px)}.nut-switch__label.open{transform:translate(-16px)}.nut-switch__label.close{transform:translate(16px)}.nut-switch-disabled{opacity:.6}.nut-switch-base{width:var(--nutui-switch-width, 36px);height:var(--nutui-switch-height, 21px);line-height:var(--nutui-switch-line-height, 21px)}.nut-switch-base .switch-button{height:var(--nutui-switch-inside-height, 13px);width:var(--nutui-switch-inside-width, 13px);transform:var(--nutui-switch-inside-close-transform, translateX(30%))}.nut-switch-base.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(146%))}.nut-switch-base.switch-close .close-line{width:8px;height:2px}
|
package/dist/esm/Switch.js
CHANGED
|
@@ -39,7 +39,7 @@ var Switch = function Switch2(props) {
|
|
|
39
39
|
defaultValue: defaultChecked
|
|
40
40
|
}), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
|
|
41
41
|
var classes = function classes2() {
|
|
42
|
-
return "".concat(classPrefix, " ").concat(value ? "
|
|
42
|
+
return "".concat(classPrefix, " ").concat(value ? "switch-open" : "switch-close", " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ", "".concat(classPrefix, "-base"), " ").concat(className);
|
|
43
43
|
};
|
|
44
44
|
var _onClick = function onClick(event) {
|
|
45
45
|
if (disabled)
|
|
@@ -58,9 +58,9 @@ var Switch = function Switch2(props) {
|
|
|
58
58
|
}, !value && React__default.createElement("div", {
|
|
59
59
|
className: "close-line"
|
|
60
60
|
}), activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", {
|
|
61
|
-
className: "".concat(classPrefix, "
|
|
61
|
+
className: "".concat(classPrefix, "__label open")
|
|
62
62
|
}, activeText) : React__default.createElement("div", {
|
|
63
|
-
className: "".concat(classPrefix, "
|
|
63
|
+
className: "".concat(classPrefix, "__label close")
|
|
64
64
|
}, inactiveText))));
|
|
65
65
|
};
|
|
66
66
|
Switch.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-
|
|
1
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-badge{position:relative;display:inline-block}.nut-
|
|
1
|
+
.nut-badge{position:relative;display:inline-block}.nut-badge__icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge__icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge__sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, 10px);font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge__one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:#ffffff}.nut-tabbar__wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar__fixed{position:fixed;bottom:0;left:0}.nut-tabbar__safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
|
package/dist/esm/Tabbar.js
CHANGED
|
@@ -46,10 +46,10 @@ var Tabbar = function Tabbar2(props) {
|
|
|
46
46
|
onChange: onSwitch2
|
|
47
47
|
}), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectIndex = _usePropsValue2[0], setSelectIndex = _usePropsValue2[1];
|
|
48
48
|
return React__default.createElement("div", {
|
|
49
|
-
className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "
|
|
49
|
+
className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__fixed"), fixed), className),
|
|
50
50
|
style
|
|
51
51
|
}, React__default.createElement("div", {
|
|
52
|
-
className: "".concat(classPrefix, "
|
|
52
|
+
className: "".concat(classPrefix, "__wrap")
|
|
53
53
|
}, React__default.Children.map(children, function(child, idx) {
|
|
54
54
|
if (!React__default.isValidElement(child)) {
|
|
55
55
|
return null;
|
|
@@ -63,7 +63,7 @@ var Tabbar = function Tabbar2(props) {
|
|
|
63
63
|
});
|
|
64
64
|
return React__default.cloneElement(child, childProps);
|
|
65
65
|
})), (fixed || safeArea) && React__default.createElement("div", {
|
|
66
|
-
className: "".concat(classPrefix, "-
|
|
66
|
+
className: "".concat(classPrefix, "__safe-area")
|
|
67
67
|
}));
|
|
68
68
|
};
|
|
69
69
|
Tabbar.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-badge{position:relative;display:inline-block}.nut-
|
|
1
|
+
.nut-badge{position:relative;display:inline-block}.nut-badge__icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge__icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge__sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, 10px);font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge__one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-
|
|
1
|
+
.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-1, #1a1a1a)}.nut-table__main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff)}.nut-table__main--striped .nut-table__main__head__tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, var(--nutui-gray-6, #ffffff))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main__head__tr,.nut-table__main__body__tr{display:table-row}.nut-table__main__head__tr__th,.nut-table__main__body__tr__th,.nut-table__main__head__tr__td,.nut-table__main__body__tr__td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px)}.nut-table__main__head__tr__td__nodata,.nut-table__main__body__tr__td__nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table__main__head__tr--border,.nut-table__main__body__tr--border{border:1px solid var(--nutui-table-border-color, #ececec)}.nut-table__main__head__tr--alignleft,.nut-table__main__head__tr--align,.nut-table__main__body__tr--alignleft,.nut-table__main__body__tr--align{text-align:left}.nut-table__main__head__tr--aligncenter,.nut-table__main__body__tr--aligncenter{text-align:center}.nut-table__main__head__tr--alignright,.nut-table__main__body__tr--alignright{text-align:right}.nut-table__main__head{display:table-header-group}.nut-table__main__body{display:table-row-group}.nut-table__summary{color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px)}
|
package/dist/esm/Table.js
CHANGED
|
@@ -25,7 +25,7 @@ function _objectSpread(e) {
|
|
|
25
25
|
}
|
|
26
26
|
import React__default, { useState, useEffect } from "react";
|
|
27
27
|
import classNames from "classnames";
|
|
28
|
-
import {
|
|
28
|
+
import { DownArrow } from "@nutui/icons-react";
|
|
29
29
|
import { useConfig } from "./ConfigProvider.js";
|
|
30
30
|
import { C as ComponentDefaults } from "./typings.js";
|
|
31
31
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
@@ -48,8 +48,8 @@ var Table = function Table2(props) {
|
|
|
48
48
|
}
|
|
49
49
|
}, [data]);
|
|
50
50
|
var classPrefix = "nut-table";
|
|
51
|
-
var headerClassPrefix = "".concat(classPrefix, "
|
|
52
|
-
var bodyClassPrefix = "".concat(classPrefix, "
|
|
51
|
+
var headerClassPrefix = "".concat(classPrefix, "__main__head__tr");
|
|
52
|
+
var bodyClassPrefix = "".concat(classPrefix, "__main__body__tr");
|
|
53
53
|
var cls = classNames(classPrefix, className);
|
|
54
54
|
var handleSorterClick = function handleSorterClick2(item) {
|
|
55
55
|
if (item.sorter) {
|
|
@@ -63,7 +63,7 @@ var Table = function Table2(props) {
|
|
|
63
63
|
};
|
|
64
64
|
var cellClasses = function cellClasses2(item) {
|
|
65
65
|
var _ref;
|
|
66
|
-
return _ref = {}, _defineProperty(_ref, "".concat(headerClassPrefix, "
|
|
66
|
+
return _ref = {}, _defineProperty(_ref, "".concat(headerClassPrefix, "--border"), props.bordered), _defineProperty(_ref, "".concat(headerClassPrefix, "--align").concat(item.align ? item.align : ""), true), _ref;
|
|
67
67
|
};
|
|
68
68
|
var getColumnItem = function getColumnItem2(value) {
|
|
69
69
|
return columns.filter(function(item) {
|
|
@@ -73,12 +73,12 @@ var Table = function Table2(props) {
|
|
|
73
73
|
var renderHeadCells = function renderHeadCells2() {
|
|
74
74
|
return columns.map(function(item, index) {
|
|
75
75
|
return React__default.createElement("span", {
|
|
76
|
-
className: classNames("".concat(headerClassPrefix, "
|
|
76
|
+
className: classNames("".concat(headerClassPrefix, "__th"), cellClasses(item)),
|
|
77
77
|
key: item.key,
|
|
78
78
|
onClick: function onClick() {
|
|
79
79
|
return handleSorterClick(item);
|
|
80
80
|
}
|
|
81
|
-
}, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(
|
|
81
|
+
}, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(DownArrow, {
|
|
82
82
|
width: "12px",
|
|
83
83
|
height: "12px"
|
|
84
84
|
})));
|
|
@@ -93,7 +93,7 @@ var Table = function Table2(props) {
|
|
|
93
93
|
return sortDataItem().map(function(_ref2) {
|
|
94
94
|
var _ref3 = _slicedToArray(_ref2, 2), value = _ref3[0], render = _ref3[1];
|
|
95
95
|
return React__default.createElement("span", {
|
|
96
|
-
className: classNames("".concat(bodyClassPrefix, "
|
|
96
|
+
className: classNames("".concat(bodyClassPrefix, "__td"), cellClasses(getColumnItem(value))),
|
|
97
97
|
key: value
|
|
98
98
|
}, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
|
|
99
99
|
});
|
|
@@ -110,15 +110,15 @@ var Table = function Table2(props) {
|
|
|
110
110
|
className: cls,
|
|
111
111
|
style
|
|
112
112
|
}, rest), React__default.createElement("div", {
|
|
113
|
-
className: classNames("".concat(classPrefix, "
|
|
113
|
+
className: classNames("".concat(classPrefix, "__main"), _defineProperty({}, "".concat(classPrefix, "__main--striped"), striped))
|
|
114
114
|
}, showHeader && React__default.createElement("div", {
|
|
115
|
-
className: "".concat(classPrefix, "
|
|
115
|
+
className: "".concat(classPrefix, "__main__head")
|
|
116
116
|
}, React__default.createElement("div", {
|
|
117
117
|
className: headerClassPrefix
|
|
118
118
|
}, renderHeadCells())), React__default.createElement("div", {
|
|
119
|
-
className: "".concat(classPrefix, "
|
|
119
|
+
className: "".concat(classPrefix, "__main__body")
|
|
120
120
|
}, renderBoyTrs())), (summary || curData.length === 0) && React__default.createElement("div", {
|
|
121
|
-
className: "".concat(classPrefix, "
|
|
121
|
+
className: "".concat(classPrefix, "__summary")
|
|
122
122
|
}, summary || noData));
|
|
123
123
|
};
|
|
124
124
|
Table.defaultProps = defaultProps;
|