@nutui/nutui-react 2.3.0-beta.0 → 2.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +82 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +4 -4
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +5 -3
- package/dist/esm/Animate.js +2 -3
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +5 -5
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +2 -2
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/style.css +1 -1
- package/dist/esm/CalendarItem.js +2 -3
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/Collapse/style/style.css +1 -1
- package/dist/esm/CollapseItem/style/style.css +1 -1
- package/dist/esm/CountDown.js +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/DatePicker.js +2 -3
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +6 -6
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Divider.js +1 -2
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Elevator.js +12 -15
- package/dist/esm/Empty.js +1 -2
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image.js +1 -1
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/ImagePreview.js +2 -2
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +3 -56
- package/dist/esm/InputNumber.js +1 -2
- package/dist/esm/Menu.js +6 -2
- package/dist/esm/NavBar.js +1 -2
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +12 -16
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/Notify.js +2 -3
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +1 -0
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +6 -6
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +7 -5
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +2 -2
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Price.js +5 -5
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/Progress.js +2 -3
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/Range.js +1 -2
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +2 -2
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +8 -8
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +13 -13
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +2 -2
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +7 -7
- package/dist/esm/Steps.js +1 -2
- package/dist/esm/Sticky/style/style.css +1 -1
- package/dist/esm/Sticky.js +2 -3
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/SubSideNavBar.js +6 -6
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Swiper.js +3 -5
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +3 -3
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +9 -10
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +1 -2
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +3 -3
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +5 -8
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -4
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +21 -21
- package/dist/esm/badge2.js +2 -2
- package/dist/esm/button2.js +1 -2
- package/dist/esm/cascader2.js +3 -3
- package/dist/esm/checkbox2.js +1 -2
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/context5.js +1 -1
- package/dist/esm/formitem2.js +8 -7
- package/dist/esm/griditem2.js +2 -3
- package/dist/esm/menuitem2.js +1 -2
- package/dist/esm/popup2.js +2 -3
- package/dist/esm/radio2.js +2 -4
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +2 -4
- package/dist/esm/types/src/locales/zh-TW.d.ts +2 -2
- package/dist/esm/types/src/packages/animate/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/animate/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/button/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/button/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/elevator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/elevator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/popup/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/range/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/range/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/tabbar/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/tabbar/demo.taro.d.ts +0 -1
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.d.ts +2 -2
- package/dist/locales/zh-TW.js +19 -17
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +244 -291
- package/dist/nutui.react.umd.js +244 -291
- package/dist/packages/actionsheet/actionsheet.scss +4 -4
- package/dist/packages/animatingnumbers/countup.scss +5 -5
- package/dist/packages/audio/audio.scss +6 -6
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/badge/badge.scss +5 -5
- package/dist/packages/button/button.scss +66 -65
- package/dist/packages/calendar/calendar.scss +4 -5
- package/dist/packages/calendarcard/calendarcard.scss +3 -3
- package/dist/packages/card/card.scss +8 -8
- package/dist/packages/cascader/cascader.scss +2 -2
- package/dist/packages/checkbox/checkbox.scss +12 -1
- package/dist/packages/collapseitem/collapseitem.scss +9 -9
- package/dist/packages/dialog/dialog.scss +7 -7
- package/dist/packages/divider/divider.scss +7 -7
- package/dist/packages/elevator/elevator.scss +12 -12
- package/dist/packages/form/form.scss +4 -4
- package/dist/packages/formitem/formitem.scss +5 -5
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +13 -13
- package/dist/packages/imagepreview/imagepreview.scss +1 -1
- package/dist/packages/infiniteloading/infiniteloading.scss +4 -4
- package/dist/packages/noticebar/noticebar.scss +38 -43
- package/dist/packages/notify/notify.scss +15 -8
- package/dist/packages/pagination/pagination.scss +9 -9
- package/dist/packages/picker/picker.scss +5 -5
- package/dist/packages/popover/popover.scss +20 -20
- package/dist/packages/popup/popup.scss +4 -4
- package/dist/packages/price/price.scss +7 -7
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -2
- package/dist/packages/radio/radio.scss +1 -1
- package/dist/packages/rate/rate.scss +7 -7
- package/dist/packages/searchbar/searchbar.scss +16 -16
- package/dist/packages/shortpassword/shortpassword.scss +11 -11
- package/dist/packages/sidenavbar/sidenavbar.scss +5 -5
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +2 -2
- package/dist/packages/signature/signature.scss +2 -2
- package/dist/packages/skeleton/skeleton.scss +5 -5
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +4 -4
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/tabbar/tabbar.scss +3 -3
- package/dist/packages/tabbaritem/tabbaritem.scss +1 -1
- package/dist/packages/table/table.scss +22 -22
- package/dist/packages/tabs/tabs.scss +12 -7
- package/dist/packages/tag/tag.scss +10 -10
- package/dist/packages/textarea/textarea.scss +5 -5
- package/dist/packages/timedetail/timedetail.scss +1 -1
- package/dist/packages/timeselect/timeselect.scss +2 -2
- package/dist/packages/toast/toast.scss +8 -8
- package/dist/packages/uploader/uploader.scss +14 -14
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +1738 -870
- package/dist/styles/variables.scss +1705 -851
- package/dist/types/locales/zh-TW.d.ts +2 -2
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
- package/package.json +2 -2
package/dist/esm/Popover.js
CHANGED
|
@@ -112,7 +112,7 @@ var Popover = function Popover2(props) {
|
|
|
112
112
|
var prefixCls = "nut-popover-arrow";
|
|
113
113
|
var loca = location;
|
|
114
114
|
var direction = loca.split("-")[0];
|
|
115
|
-
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "
|
|
115
|
+
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "-").concat(loca);
|
|
116
116
|
};
|
|
117
117
|
var getRootPosition = function getRootPosition2() {
|
|
118
118
|
var styles = {};
|
|
@@ -215,7 +215,7 @@ var Popover = function Popover2(props) {
|
|
|
215
215
|
className: classes,
|
|
216
216
|
style: getRootPosition()
|
|
217
217
|
}, React__default.createElement(Popup, _objectSpread({
|
|
218
|
-
className: "nut-popover-content nut-popover-content
|
|
218
|
+
className: "nut-popover-content nut-popover-content-".concat(location),
|
|
219
219
|
visible: showPopup,
|
|
220
220
|
overlay,
|
|
221
221
|
position: "default"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-price{font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price
|
|
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)}
|
package/dist/esm/Price.js
CHANGED
|
@@ -75,19 +75,19 @@ var Price = function Price2(props) {
|
|
|
75
75
|
};
|
|
76
76
|
var renderSymbol = function renderSymbol2() {
|
|
77
77
|
return React__default.createElement("div", {
|
|
78
|
-
className: "".concat(classPrefix, "
|
|
78
|
+
className: "".concat(classPrefix, "-symbol ").concat(classPrefix, "-symbol-").concat(size),
|
|
79
79
|
dangerouslySetInnerHTML: showSymbol()
|
|
80
80
|
});
|
|
81
81
|
};
|
|
82
82
|
return React__default.createElement("div", _objectSpread({
|
|
83
|
-
className: "".concat(classPrefix, " ").concat(line ? "".concat(classPrefix, "
|
|
83
|
+
className: "".concat(classPrefix, " ").concat(line ? "".concat(classPrefix, "-line") : "", " ").concat(className),
|
|
84
84
|
style
|
|
85
85
|
}, rest), symbol && position === "before" ? renderSymbol() : null, React__default.createElement("div", {
|
|
86
|
-
className: "".concat(classPrefix, "
|
|
86
|
+
className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size)
|
|
87
87
|
}, formatThousands(price)), digits !== 0 ? React__default.createElement("div", {
|
|
88
|
-
className: "".concat(classPrefix, "
|
|
88
|
+
className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size)
|
|
89
89
|
}, ".") : null, React__default.createElement("div", {
|
|
90
|
-
className: "".concat(classPrefix, "
|
|
90
|
+
className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size)
|
|
91
91
|
}, formatDecimal(price)), symbol && position === "after" ? renderSymbol() : null);
|
|
92
92
|
};
|
|
93
93
|
Price.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-
|
|
1
|
+
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}
|
package/dist/esm/Progress.js
CHANGED
|
@@ -34,10 +34,9 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
34
34
|
delay: 0
|
|
35
35
|
});
|
|
36
36
|
var Progress = function Progress2(props) {
|
|
37
|
-
var _classNames;
|
|
38
37
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, percent = _defaultProps$props.percent, background = _defaultProps$props.background, color = _defaultProps$props.color, strokeWidth = _defaultProps$props.strokeWidth, showText = _defaultProps$props.showText, animated = _defaultProps$props.animated, children = _defaultProps$props.children, lazy = _defaultProps$props.lazy, delay = _defaultProps$props.delay, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
39
38
|
var classPrefix = "nut-progress";
|
|
40
|
-
var classesInner = classNames((
|
|
39
|
+
var classesInner = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-inner"), true), "".concat(classPrefix, "-active"), animated));
|
|
41
40
|
var stylesOuter = {
|
|
42
41
|
height: "".concat(strokeWidth, "px"),
|
|
43
42
|
background
|
|
@@ -113,7 +112,7 @@ var Progress = function Progress2(props) {
|
|
|
113
112
|
left: "".concat(displayPercent, "%")
|
|
114
113
|
}
|
|
115
114
|
}, children || React__default.createElement("div", {
|
|
116
|
-
className: "".concat(classPrefix, "-
|
|
115
|
+
className: "".concat(classPrefix, "-text-inner"),
|
|
117
116
|
style: {
|
|
118
117
|
background: color
|
|
119
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-
|
|
1
|
+
.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-icon-width, 36px);height:var(--nutui-pulltorefresh-icon-height, 26px);margin-bottom:4px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color
|
|
1
|
+
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-6, #595959))}.nut-radio-label-disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-radio-button-background, rgba(250, 44, 25, .05));border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-6, #595959));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color
|
|
1
|
+
.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
|
package/dist/esm/Range.js
CHANGED
|
@@ -36,7 +36,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
36
36
|
marks: {}
|
|
37
37
|
});
|
|
38
38
|
var Range = function Range2(props) {
|
|
39
|
-
var _classNames;
|
|
40
39
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, range = _defaultProps$props.range, disabled = _defaultProps$props.disabled, button = _defaultProps$props.button, vertical = _defaultProps$props.vertical, marks = _defaultProps$props.marks, onChange = _defaultProps$props.onChange, onStart = _defaultProps$props.onStart, onEnd = _defaultProps$props.onEnd, minDescription = _defaultProps$props.minDescription, maxDescription = _defaultProps$props.maxDescription, currentDescription = _defaultProps$props.currentDescription, min = _defaultProps$props.min, max = _defaultProps$props.max, step = _defaultProps$props.step, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue;
|
|
41
40
|
var classPrefix = "nut-range";
|
|
42
41
|
var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), buttonIndex = _useState2[0], setButtonIndex = _useState2[1];
|
|
@@ -71,7 +70,7 @@ var Range = function Range2(props) {
|
|
|
71
70
|
var scope = function scope2() {
|
|
72
71
|
return max - min;
|
|
73
72
|
};
|
|
74
|
-
var classes = classNames(classPrefix, (
|
|
73
|
+
var classes = classNames(classPrefix, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-disabled"), disabled), "".concat(classPrefix, "-vertical"), vertical));
|
|
75
74
|
var containerClasses = classNames("".concat(classPrefix, "-container"), _defineProperty({}, "".concat(classPrefix, "-container-vertical"), vertical), className);
|
|
76
75
|
var markClassName = useCallback(function(mark) {
|
|
77
76
|
var classPrefix2 = "nut-range-mark";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-rate{display:flex}.nut-rate.disabled .nut-rate-
|
|
1
|
+
.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item-icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item-icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item-half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item-icon{color:var(--nutui-rate-icon-color, var(--nutui-color-primary, #fa2c19));cursor:pointer}.nut-rate-item-icon-disabled{color:var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item-icon.nut-rate-item-icon:before{position:relative;top:auto;left:auto;transform:none}
|
package/dist/esm/Rate.js
CHANGED
|
@@ -89,9 +89,9 @@ var Rate = function Rate2(props) {
|
|
|
89
89
|
return _onClick(event, n);
|
|
90
90
|
}
|
|
91
91
|
}, React__default.createElement("div", {
|
|
92
|
-
className: classNames("".concat(classPrefix, "-
|
|
92
|
+
className: classNames("".concat(classPrefix, "-item-icon"), _defineProperty({}, "".concat(classPrefix, "-item-icon-disabled"), disabled || n > score))
|
|
93
93
|
}, renderIcon(n)), allowHalf && score > n - 1 && React__default.createElement("div", {
|
|
94
|
-
className: classNames("".concat(classPrefix, "-
|
|
94
|
+
className: classNames("".concat(classPrefix, "-item-half"), "".concat(classPrefix, "-item-icon"), "".concat(classPrefix, "-item-icon-half")),
|
|
95
95
|
onClick: function onClick(event) {
|
|
96
96
|
return onHalfClick(event, n);
|
|
97
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-
|
|
1
|
+
.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}
|
package/dist/esm/SearchBar.js
CHANGED
|
@@ -77,7 +77,7 @@ var SearchBar = function SearchBar2(props) {
|
|
|
77
77
|
}, [autoFocus]);
|
|
78
78
|
var renderField = function renderField2() {
|
|
79
79
|
return React__default.createElement("input", {
|
|
80
|
-
className: "".concat(classPrefix, "
|
|
80
|
+
className: "".concat(classPrefix, "-input ").concat(clearable ? "".concat(classPrefix, "-input-clear") : ""),
|
|
81
81
|
ref: searchRef,
|
|
82
82
|
style: _objectSpread({}, props.style),
|
|
83
83
|
value: value || "",
|
|
@@ -107,14 +107,14 @@ var SearchBar = function SearchBar2(props) {
|
|
|
107
107
|
if (!leftIn)
|
|
108
108
|
return null;
|
|
109
109
|
return React__default.createElement("div", {
|
|
110
|
-
className: "".concat(classPrefix, "
|
|
110
|
+
className: "".concat(classPrefix, "-leftin ").concat(classPrefix, "-icon")
|
|
111
111
|
}, leftIn);
|
|
112
112
|
};
|
|
113
113
|
var renderLeft = function renderLeft2() {
|
|
114
114
|
if (!backable && !left)
|
|
115
115
|
return null;
|
|
116
116
|
return React__default.createElement("div", {
|
|
117
|
-
className: "".concat(classPrefix, "
|
|
117
|
+
className: "".concat(classPrefix, "-left")
|
|
118
118
|
}, backable ? React__default.createElement(ArrowLeft, {
|
|
119
119
|
width: "20",
|
|
120
120
|
height: "20"
|
|
@@ -124,19 +124,19 @@ var SearchBar = function SearchBar2(props) {
|
|
|
124
124
|
if (!rightIn)
|
|
125
125
|
return null;
|
|
126
126
|
return React__default.createElement("div", {
|
|
127
|
-
className: "".concat(classPrefix, "
|
|
127
|
+
className: "".concat(classPrefix, "-rightin ").concat(classPrefix, "-icon")
|
|
128
128
|
}, rightIn);
|
|
129
129
|
};
|
|
130
130
|
var renderRight = function renderRight2() {
|
|
131
131
|
if (!right)
|
|
132
132
|
return null;
|
|
133
133
|
return React__default.createElement("div", {
|
|
134
|
-
className: "".concat(classPrefix, "
|
|
134
|
+
className: "".concat(classPrefix, "-right")
|
|
135
135
|
}, right);
|
|
136
136
|
};
|
|
137
137
|
var handleClear = function handleClear2() {
|
|
138
138
|
return React__default.createElement("div", {
|
|
139
|
-
className: "".concat(classPrefix, "
|
|
139
|
+
className: "".concat(classPrefix, "-clear ").concat(classPrefix, "-icon"),
|
|
140
140
|
onClick: function onClick(e) {
|
|
141
141
|
return clearaVal(e);
|
|
142
142
|
}
|
|
@@ -160,10 +160,10 @@ var SearchBar = function SearchBar2(props) {
|
|
|
160
160
|
}
|
|
161
161
|
};
|
|
162
162
|
return React__default.createElement("div", {
|
|
163
|
-
className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "
|
|
163
|
+
className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ").concat(className || ""),
|
|
164
164
|
style: _objectSpread({}, props.style)
|
|
165
165
|
}, renderLeft(), React__default.createElement("div", {
|
|
166
|
-
className: "".concat(classPrefix, "
|
|
166
|
+
className: "".concat(classPrefix, "-content ").concat(shape === "round" ? "".concat(classPrefix, "-round") : "")
|
|
167
167
|
}, renderLeftIn(), renderField(), clearable && !value && renderRightIn(), clearable && value && handleClear()), renderRight());
|
|
168
168
|
};
|
|
169
169
|
SearchBar.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}
|
|
@@ -82,29 +82,29 @@ var ShortPassword = function ShortPassword2(props) {
|
|
|
82
82
|
className: classNames(classPrefix, className),
|
|
83
83
|
style
|
|
84
84
|
}, React__default.createElement("div", {
|
|
85
|
-
className: "".concat(classPrefix, "
|
|
85
|
+
className: "".concat(classPrefix, "-title")
|
|
86
86
|
}, title || locale.shortpassword.title), React__default.createElement("div", {
|
|
87
|
-
className: "".concat(classPrefix, "
|
|
87
|
+
className: "".concat(classPrefix, "-description")
|
|
88
88
|
}, description || locale.shortpassword.description), React__default.createElement("div", {
|
|
89
|
-
className: "".concat(classPrefix, "
|
|
89
|
+
className: "".concat(classPrefix, "-input"),
|
|
90
90
|
onClick: onFocus
|
|
91
91
|
}, React__default.createElement("div", {
|
|
92
|
-
className: "".concat(classPrefix, "
|
|
92
|
+
className: "".concat(classPrefix, "-input-site")
|
|
93
93
|
}), React__default.createElement("div", {
|
|
94
|
-
className: "".concat(classPrefix, "
|
|
94
|
+
className: "".concat(classPrefix, "-input-fake")
|
|
95
95
|
}, _toConsumableArray(new Array(comLen).keys()).map(function(item, index) {
|
|
96
96
|
return React__default.createElement("div", {
|
|
97
|
-
className: "".concat(classPrefix, "
|
|
97
|
+
className: "".concat(classPrefix, "-input-fake-li"),
|
|
98
98
|
key: index
|
|
99
99
|
}, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", {
|
|
100
|
-
className: "".concat(classPrefix, "
|
|
100
|
+
className: "".concat(classPrefix, "-input-fake-li-icon")
|
|
101
101
|
})));
|
|
102
102
|
}))), React__default.createElement("div", {
|
|
103
|
-
className: "".concat(classPrefix, "
|
|
103
|
+
className: "".concat(classPrefix, "-message")
|
|
104
104
|
}, React__default.createElement("div", {
|
|
105
|
-
className: "".concat(classPrefix, "
|
|
105
|
+
className: "".concat(classPrefix, "-message-error")
|
|
106
106
|
}, error), React__default.createElement("div", {
|
|
107
|
-
className: "".concat(classPrefix, "
|
|
107
|
+
className: "".concat(classPrefix, "-message-forget"),
|
|
108
108
|
onClick: onTips
|
|
109
109
|
}, tips || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tips, {
|
|
110
110
|
width: 11,
|
|
@@ -113,12 +113,12 @@ var ShortPassword = function ShortPassword2(props) {
|
|
|
113
113
|
marginRight: "3px"
|
|
114
114
|
}
|
|
115
115
|
}), locale.shortpassword.tips))), !hideFooter && React__default.createElement("div", {
|
|
116
|
-
className: "".concat(classPrefix, "
|
|
116
|
+
className: "".concat(classPrefix, "-footer")
|
|
117
117
|
}, React__default.createElement("div", {
|
|
118
|
-
className: "".concat(classPrefix, "
|
|
118
|
+
className: "".concat(classPrefix, "-footer-cancel"),
|
|
119
119
|
onClick: onCancel
|
|
120
120
|
}, locale.cancel), React__default.createElement("div", {
|
|
121
|
-
className: "".concat(classPrefix, "
|
|
121
|
+
className: "".concat(classPrefix, "-footer-sure"),
|
|
122
122
|
onClick: sure
|
|
123
123
|
}, locale.confirm))));
|
|
124
124
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
|
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-6, #595959));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, #ffffff);color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #595959))}
|
|
@@ -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-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-1, #ffffff))}.nut-signature-unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-3, 14px))}
|
package/dist/esm/Signature.js
CHANGED
|
@@ -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:var(--nutui-gray-3, #f6f6f6);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-
|
|
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:var(--nutui-gray-3, #f6f6f6);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, var(--nutui-gray-3, #f6f6f6))!important}.nut-skeleton-content .nut-skeleton-block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton-content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton-content-line .nut-skeleton-title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))}.nut-skeleton-content-line .nut-skeleton-block:last-child{width:70%}.nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);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
|
})))));
|
package/dist/esm/Steps.js
CHANGED
|
@@ -32,14 +32,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
32
32
|
dot: false
|
|
33
33
|
});
|
|
34
34
|
var Steps = function Steps2(props) {
|
|
35
|
-
var _classNames;
|
|
36
35
|
var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
|
|
37
36
|
var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = _objectWithoutProperties(propSteps, _excluded);
|
|
38
37
|
var parentSteps = {
|
|
39
38
|
propSteps
|
|
40
39
|
};
|
|
41
40
|
var classPrefix = "nut-steps";
|
|
42
|
-
var classes = classNames(classPrefix, (
|
|
41
|
+
var classes = classNames(classPrefix, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-").concat(direction), true), "".concat(classPrefix, "-dot"), !!props.dot), className);
|
|
43
42
|
return React__default.createElement(DataContext.Provider, {
|
|
44
43
|
value: parentSteps
|
|
45
44
|
}, React__default.createElement("div", _objectSpread({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-sticky
|
|
1
|
+
.nut-sticky-fixed{position:fixed}
|
package/dist/esm/Sticky.js
CHANGED
|
@@ -64,12 +64,11 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
64
64
|
});
|
|
65
65
|
var classPrefix = "nut-sticky";
|
|
66
66
|
var Sticky = function Sticky2(props) {
|
|
67
|
-
var _useState5;
|
|
68
67
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), position = _defaultProps$props.position, zIndex = _defaultProps$props.zIndex, children = _defaultProps$props.children, container = _defaultProps$props.container, style = _defaultProps$props.style, className = _defaultProps$props.className, threshold = _defaultProps$props.threshold, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
69
68
|
var stickyRef = useRef(null);
|
|
70
69
|
var rootRef = useRef(null);
|
|
71
70
|
var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isFixed = _useState2[0], setIsFixed = _useState2[1];
|
|
72
|
-
var _useState3 = useState((
|
|
71
|
+
var _useState3 = useState(_defineProperty(_defineProperty({}, position, "".concat(threshold, "px")), "zIndex", zIndex)), _useState4 = _slicedToArray(_useState3, 2), stickyStyle = _useState4[0], setStickyStyle = _useState4[1];
|
|
73
72
|
var _useState6 = useState({}), _useState7 = _slicedToArray(_useState6, 2), rootStyle = _useState7[0], setRootStyle = _useState7[1];
|
|
74
73
|
var getElement = useCallback(function() {
|
|
75
74
|
return getScrollParent(rootRef.current);
|
|
@@ -172,7 +171,7 @@ var Sticky = function Sticky2(props) {
|
|
|
172
171
|
style: _objectSpread(_objectSpread({}, style), rootStyle),
|
|
173
172
|
className: classNames(classPrefix, className)
|
|
174
173
|
}, rest), React__default.createElement("div", {
|
|
175
|
-
className: "nut-sticky
|
|
174
|
+
className: "nut-sticky-box",
|
|
176
175
|
ref: stickyRef,
|
|
177
176
|
style: stickyStyle
|
|
178
177
|
}, 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-2, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-7, #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}
|