@nutui/nutui-react-taro 2.3.3 → 2.3.4
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 +15 -0
- package/dist/esm/DatePicker.js +1 -1
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +1 -1
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +1 -1
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/Tour.js +2 -2
- package/dist/esm/VirtualList.js +1 -1
- package/dist/esm/{datepicker.taro-7xNSgNRT.js → datepicker.taro-9VuzlCew.js} +1 -3
- package/dist/esm/{infiniteloading.taro-eSS7cIsT.js → infiniteloading.taro-sl41Ddeh.js} +8 -6
- package/dist/esm/nutui-react.es.js +5 -5
- package/dist/esm/{popover.taro-N1dZfUxf.js → popover.taro-ScQymuJC.js} +2 -2
- package/dist/esm/{tour.taro-_3C-szH1.js → tour.taro-GabSljal.js} +1 -1
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.d.ts +2 -2
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
- package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +1 -0
- package/dist/esm/{virtuallist.taro-vrNBr0zS.js → virtuallist.taro-AeTVtFFa.js} +34 -60
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +45 -71
- package/dist/nutui.react.umd.js +45 -71
- package/dist/packages/infiniteloading/infiniteloading.scss +2 -6
- package/dist/packages/popover/popover.scss +21 -15
- package/dist/packages/tabbaritem/tabbaritem.scss +10 -4
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/types/packages/infiniteloading/infiniteloading.d.ts +2 -2
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +2 -2
- package/dist/types/packages/virtuallist/utils.d.ts +1 -1
- package/dist/types/packages/virtuallist/virtuallist.taro.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
# v2.3.4
|
|
2
|
+
`2023-12-29`
|
|
3
|
+
|
|
4
|
+
* 📖 docs(nabvar): showtoas 改为 showToast (#1826) @MingHui
|
|
5
|
+
* :bug: fix(datepicker): 未设置 value/defaultValue 时渲染 0 (#1819) @RyanCW
|
|
6
|
+
* :bug: fix(infiniteLoading): ssr (#1828) @xiaoyatong
|
|
7
|
+
* :bug: fix(infiniteLoading): 修改类名及demo (#1818) @xiaoyatong
|
|
8
|
+
* :bug: fix(popover): icon cannot be displayed at taro (#1820) @xiaoyatong
|
|
9
|
+
* :bug: fix(popver): bottom positon (#1823) @xiaoyatong
|
|
10
|
+
* :bug: fix(tabbar): fix icon color (#1816) @xiaoyatong
|
|
11
|
+
* :bug: fix(virtualList): 等高模式下的抖动处理, 不定高模式快速滑动白屏 (#1825) @oasis-cloud
|
|
12
|
+
* :bug: fix(watermark): fix demos (#1817) @xiaoyatong
|
|
13
|
+
* 🛠 refactor(infiniteloading): onRefresh、onLoadMore 改为 Promise 类型,去掉显示调用 done 方法 (#1827) @oasis-cloud
|
|
14
|
+
|
|
15
|
+
|
|
1
16
|
# v2.3.3
|
|
2
17
|
`2023-12-22`
|
|
3
18
|
|
package/dist/esm/DatePicker.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top
|
|
1
|
+
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top-tips{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top-tips-icons{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c));text-align:center}.nut-infiniteloading .nut-infinite-bottom-tips{display:flex;justify-content:center;align-items:center}.nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
|
package/dist/esm/Popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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-stop-1, #f53d4d) 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-stop-1, #f53d4d) 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, var(--nutui-font-size-1, 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-7, #1a1a1a));height:100%}.nut-tabbar-item-
|
|
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-stop-1, #f53d4d) 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-stop-1, #f53d4d) 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, var(--nutui-font-size-1, 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-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.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);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.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:var(--nutui-gray-1, #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)}
|
|
@@ -1 +1 @@
|
|
|
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-stop-1, #f53d4d) 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-stop-1, #f53d4d) 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, var(--nutui-font-size-1, 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-7, #1a1a1a));height:100%}.nut-tabbar-item-
|
|
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-stop-1, #f53d4d) 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-stop-1, #f53d4d) 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, var(--nutui-font-size-1, 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-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.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);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
|
package/dist/esm/Tour.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { T as Tour } from "./tour.taro-
|
|
1
|
+
import { T as Tour } from "./tour.taro-GabSljal.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@nutui/icons-react-taro";
|
|
4
4
|
import "classnames";
|
|
5
|
-
import "./popover.taro-
|
|
5
|
+
import "./popover.taro-ScQymuJC.js";
|
|
6
6
|
import "@tarojs/taro";
|
|
7
7
|
import "./popup.taro-2FdJu1kg.js";
|
|
8
8
|
import "react-dom";
|
package/dist/esm/VirtualList.js
CHANGED
|
@@ -232,9 +232,7 @@ const DatePicker = (props) => {
|
|
|
232
232
|
return val || [];
|
|
233
233
|
};
|
|
234
234
|
useEffect(() => {
|
|
235
|
-
|
|
236
|
-
setPickerOptions(columns());
|
|
237
|
-
}
|
|
235
|
+
setPickerOptions(columns());
|
|
238
236
|
}, [selectedDate, startDate, endDate]);
|
|
239
237
|
return React__default.createElement(View, { className: `nut-datepicker ${className}`, style, catchMove: true, ...rest }, pickerOptions.length && React__default.createElement(Picker, { ...pickerProps, title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional }));
|
|
240
238
|
};
|
|
@@ -65,12 +65,13 @@ const InfiniteLoading = (props) => {
|
|
|
65
65
|
}
|
|
66
66
|
onScroll && onScroll(e.target.scrollTop);
|
|
67
67
|
};
|
|
68
|
-
const lower = () => {
|
|
68
|
+
const lower = async () => {
|
|
69
69
|
if (!hasMore || isInfiniting) {
|
|
70
70
|
return false;
|
|
71
71
|
}
|
|
72
72
|
setIsInfiniting(true);
|
|
73
|
-
onLoadMore
|
|
73
|
+
await (onLoadMore == null ? void 0 : onLoadMore());
|
|
74
|
+
infiniteDone();
|
|
74
75
|
};
|
|
75
76
|
const touchStart = (event) => {
|
|
76
77
|
if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
|
|
@@ -93,12 +94,13 @@ const InfiniteLoading = (props) => {
|
|
|
93
94
|
isTouching.current = false;
|
|
94
95
|
}
|
|
95
96
|
};
|
|
96
|
-
const touchEnd = () => {
|
|
97
|
+
const touchEnd = async () => {
|
|
97
98
|
if (distance.current < refreshMaxH.current) {
|
|
98
99
|
distance.current = 0;
|
|
99
100
|
setTopDisScoll(0);
|
|
100
101
|
} else {
|
|
101
|
-
onRefresh
|
|
102
|
+
await (onRefresh == null ? void 0 : onRefresh());
|
|
103
|
+
refreshDone();
|
|
102
104
|
}
|
|
103
105
|
};
|
|
104
106
|
return React__default.createElement(
|
|
@@ -107,10 +109,10 @@ const InfiniteLoading = (props) => {
|
|
|
107
109
|
React__default.createElement(
|
|
108
110
|
"div",
|
|
109
111
|
{ className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
|
|
110
|
-
React__default.createElement("div", { className: "top-
|
|
112
|
+
React__default.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)
|
|
111
113
|
),
|
|
112
114
|
React__default.createElement("div", { className: "nut-infinite-container" }, children),
|
|
113
|
-
React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "bottom-
|
|
115
|
+
React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
|
|
114
116
|
);
|
|
115
117
|
};
|
|
116
118
|
InfiniteLoading.defaultProps = defaultProps;
|
|
@@ -30,7 +30,7 @@ import { C as C6 } from "./calendaritem.taro-G5BaVw8e.js";
|
|
|
30
30
|
import { C as C7 } from "./calendarcard.taro-QStCLFET.js";
|
|
31
31
|
import { C as C8 } from "./cascader.taro-DYMZD6ik.js";
|
|
32
32
|
import { C as C9, a } from "./checkbox.taro-doAmyAh6.js";
|
|
33
|
-
import { D as D2 } from "./datepicker.taro-
|
|
33
|
+
import { D as D2 } from "./datepicker.taro-9VuzlCew.js";
|
|
34
34
|
import { default as default2 } from "./Form.js";
|
|
35
35
|
import { F as F2 } from "./formitem.taro-4ofczzxA.js";
|
|
36
36
|
import { I as I2 } from "./input.taro-8gs046AH.js";
|
|
@@ -53,11 +53,11 @@ import { B as B3 } from "./badge.taro-993L861f.js";
|
|
|
53
53
|
import { B as B4 } from "./dialog.taro-UQN2mJZR.js";
|
|
54
54
|
import { D as D3 } from "./drag.taro-BwcleRuB.js";
|
|
55
55
|
import { E as E2 } from "./empty.taro-CE-H96el.js";
|
|
56
|
-
import { I as I4 } from "./infiniteloading.taro-
|
|
56
|
+
import { I as I4 } from "./infiniteloading.taro-sl41Ddeh.js";
|
|
57
57
|
import { L as L2 } from "./loading.taro-aHN6xLIT.js";
|
|
58
58
|
import { N as N3 } from "./noticebar.taro-bHnEzTvL.js";
|
|
59
59
|
import { N as N4 } from "./notify.taro-mA9KS8qh.js";
|
|
60
|
-
import { P as P2 } from "./popover.taro-
|
|
60
|
+
import { P as P2 } from "./popover.taro-ScQymuJC.js";
|
|
61
61
|
import { P as P3 } from "./popup.taro-2FdJu1kg.js";
|
|
62
62
|
import { P as P4 } from "./pulltorefresh.taro-h0P58sPG.js";
|
|
63
63
|
import { S as S11 } from "./skeleton.taro-Pg7WtP0e.js";
|
|
@@ -84,9 +84,9 @@ import { default as default4 } from "./Swiper.js";
|
|
|
84
84
|
import { S as S15 } from "./swiperitem.taro-BC1CE0T-.js";
|
|
85
85
|
import { T as T7 } from "./table.taro-Zyemar_o.js";
|
|
86
86
|
import { T as T8 } from "./tag.taro-5KC_wObY.js";
|
|
87
|
-
import { T as T9 } from "./tour.taro-
|
|
87
|
+
import { T as T9 } from "./tour.taro-GabSljal.js";
|
|
88
88
|
import { V } from "./video.taro-MDBF77xf.js";
|
|
89
|
-
import { V as V2 } from "./virtuallist.taro-
|
|
89
|
+
import { V as V2 } from "./virtuallist.taro-AeTVtFFa.js";
|
|
90
90
|
import { B as B5 } from "./barrage.taro-HsivAhbE.js";
|
|
91
91
|
import { C as C14 } from "./card.taro-p4PTy-IU.js";
|
|
92
92
|
import { T as T10 } from "./timedetail.taro-TF9Wcblh.js";
|
|
@@ -219,9 +219,9 @@ const Popover = (props) => {
|
|
|
219
219
|
"nut-popover-menu-item": true,
|
|
220
220
|
"nut-popover-menu-disabled": item.disabled
|
|
221
221
|
}, item.className), key: item.key || index, onClick: () => handleSelect(item, index) },
|
|
222
|
-
item.icon ? React__default.createElement("
|
|
222
|
+
item.icon ? React__default.createElement("div", { className: "nut-popover-menu-item-icon" }, item.icon) : null,
|
|
223
223
|
React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name),
|
|
224
|
-
item.action && item.action.icon ? React__default.createElement("
|
|
224
|
+
item.action && item.action.icon ? React__default.createElement("div", { className: "nut-popover-menu-item-action-icon", onClick: (e) => {
|
|
225
225
|
var _a, _b;
|
|
226
226
|
return (_b = (_a = item.action) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e);
|
|
227
227
|
} }, item.action.icon) : null
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { useState, useEffect } from "react";
|
|
2
2
|
import { Close } from "@nutui/icons-react-taro";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import { P as Popover } from "./popover.taro-
|
|
4
|
+
import { P as Popover } from "./popover.taro-ScQymuJC.js";
|
|
5
5
|
import Taro from "@tarojs/taro";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
|
|
7
7
|
import { useConfig } from "./ConfigProvider.js";
|
|
@@ -9,8 +9,8 @@ export interface InfiniteLoadingProps extends BasicComponent {
|
|
|
9
9
|
pullingText: ReactNode;
|
|
10
10
|
loadingText: ReactNode;
|
|
11
11
|
loadMoreText: ReactNode;
|
|
12
|
-
onRefresh: (
|
|
13
|
-
onLoadMore: (
|
|
12
|
+
onRefresh: () => Promise<void>;
|
|
13
|
+
onLoadMore: () => Promise<void>;
|
|
14
14
|
onScroll: (param: number) => void;
|
|
15
15
|
}
|
|
16
16
|
export declare const InfiniteLoading: FunctionComponent<Partial<InfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;
|
|
@@ -8,8 +8,8 @@ export interface InfiniteLoadingProps extends BasicComponent {
|
|
|
8
8
|
pullingText: ReactNode;
|
|
9
9
|
loadingText: ReactNode;
|
|
10
10
|
loadMoreText: ReactNode;
|
|
11
|
-
onRefresh: (
|
|
12
|
-
onLoadMore: (
|
|
11
|
+
onRefresh: () => Promise<void>;
|
|
12
|
+
onLoadMore: () => Promise<void>;
|
|
13
13
|
onScroll: (param: number) => void;
|
|
14
14
|
}
|
|
15
15
|
export declare const InfiniteLoading: FunctionComponent<Partial<InfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;
|
|
@@ -12,5 +12,5 @@ declare const getEndIndex: ({ list, startIndex, visibleCount, itemEqual, positio
|
|
|
12
12
|
overscan: number;
|
|
13
13
|
sizeKey?: "height" | "width" | undefined;
|
|
14
14
|
}) => number;
|
|
15
|
-
declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: 'width' | 'height') => void;
|
|
15
|
+
declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: 'width' | 'height', margin?: number) => void;
|
|
16
16
|
export { initPositinoCache, getListTotalSize, binarySearch, getEndIndex, updateItemSize, };
|
|
@@ -6,6 +6,7 @@ export interface VirtualListProps extends BasicComponent {
|
|
|
6
6
|
containerHeight: number;
|
|
7
7
|
itemRender: (data: any, dataIndex: number, index: number) => ReactNode;
|
|
8
8
|
itemHeight: number;
|
|
9
|
+
margin: number;
|
|
9
10
|
itemEqual: boolean;
|
|
10
11
|
overscan: number;
|
|
11
12
|
onScroll: () => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React__default, { useState, useRef, useEffect, useCallback } from "react";
|
|
2
|
-
import { ScrollView } from "@tarojs/components";
|
|
2
|
+
import { View, ScrollView } from "@tarojs/components";
|
|
3
3
|
import { getSystemInfoSync } from "@tarojs/taro";
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
|
|
@@ -20,37 +20,16 @@ const initPositinoCache = (reaItemSize, length = 0) => {
|
|
|
20
20
|
}
|
|
21
21
|
return positions;
|
|
22
22
|
};
|
|
23
|
-
const
|
|
24
|
-
let start = 0;
|
|
25
|
-
let end = positionsList.length - 1;
|
|
26
|
-
let tempIndex = null;
|
|
27
|
-
const key = horizontal ? "right" : "bottom";
|
|
28
|
-
while (start <= end) {
|
|
29
|
-
const midIndex = Math.floor((start + end) / 2);
|
|
30
|
-
const midValue = positionsList[midIndex][key];
|
|
31
|
-
if (midValue === value) {
|
|
32
|
-
return midIndex + 1;
|
|
33
|
-
}
|
|
34
|
-
if (midValue < value) {
|
|
35
|
-
start = midIndex + 1;
|
|
36
|
-
} else if (midValue > value) {
|
|
37
|
-
if (tempIndex === null || tempIndex > midIndex) {
|
|
38
|
-
tempIndex = midIndex;
|
|
39
|
-
}
|
|
40
|
-
end = midIndex - 1;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
tempIndex = tempIndex || 0;
|
|
44
|
-
return tempIndex;
|
|
45
|
-
};
|
|
46
|
-
const updateItemSize = (positions, items, sizeKey) => {
|
|
23
|
+
const updateItemSize = (positions, items, sizeKey, margin) => {
|
|
47
24
|
const newPos = positions.concat();
|
|
48
25
|
Array.from(items).forEach((item) => {
|
|
49
26
|
const index = Number(item.getAttribute("data-index"));
|
|
50
27
|
const styleVal = item.getAttribute("style");
|
|
51
28
|
if (styleVal && styleVal.includes("none"))
|
|
52
29
|
return;
|
|
53
|
-
|
|
30
|
+
let nowSize = item.getBoundingClientRect()[sizeKey];
|
|
31
|
+
if (margin)
|
|
32
|
+
nowSize += margin;
|
|
54
33
|
const oldSize = positions[index][sizeKey];
|
|
55
34
|
const dValue = oldSize - nowSize;
|
|
56
35
|
if (dValue) {
|
|
@@ -78,16 +57,17 @@ const defaultProps = {
|
|
|
78
57
|
list: [],
|
|
79
58
|
containerHeight: clientHeight,
|
|
80
59
|
itemHeight: 66,
|
|
60
|
+
margin: 10,
|
|
81
61
|
itemEqual: true,
|
|
82
62
|
overscan: 2
|
|
83
63
|
};
|
|
84
64
|
const VirtualList = (props) => {
|
|
85
|
-
const { list, itemRender, itemHeight, itemEqual, overscan, key, onScroll, className, containerHeight, ...rest } = {
|
|
65
|
+
const { list, itemRender, itemHeight, margin, itemEqual, overscan, key, onScroll, className, containerHeight, ...rest } = {
|
|
86
66
|
...defaultProps,
|
|
87
67
|
...props
|
|
88
68
|
};
|
|
89
69
|
const [startOffset, setStartOffset] = useState(0);
|
|
90
|
-
const
|
|
70
|
+
const start = useRef(0);
|
|
91
71
|
const scrollRef = useRef(null);
|
|
92
72
|
const itemsRef = useRef(null);
|
|
93
73
|
const [positions, setPositions] = useState([
|
|
@@ -102,16 +82,9 @@ const VirtualList = (props) => {
|
|
|
102
82
|
}
|
|
103
83
|
]);
|
|
104
84
|
const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
|
|
105
|
-
const [options, setOptions] = useState({
|
|
106
|
-
startOffset: 0,
|
|
107
|
-
startIndex: 0,
|
|
108
|
-
overStart: 0,
|
|
109
|
-
endIndex: 10
|
|
110
|
-
// 可视区域结束索引
|
|
111
|
-
});
|
|
112
85
|
useEffect(() => {
|
|
113
|
-
setPositions((
|
|
114
|
-
return { ...
|
|
86
|
+
setPositions((options) => {
|
|
87
|
+
return { ...options, endIndex: visibleCount() };
|
|
115
88
|
});
|
|
116
89
|
}, [itemHeight, overscan, offSetSize]);
|
|
117
90
|
useEffect(() => {
|
|
@@ -120,24 +93,25 @@ const VirtualList = (props) => {
|
|
|
120
93
|
setOffSetSize(getContainerHeight());
|
|
121
94
|
}, [containerHeight]);
|
|
122
95
|
useEffect(() => {
|
|
123
|
-
const pos = initPositinoCache(itemHeight, list.length);
|
|
96
|
+
const pos = initPositinoCache(itemHeight + margin, list.length);
|
|
124
97
|
setPositions(pos);
|
|
125
98
|
}, [itemHeight, list]);
|
|
99
|
+
const prevListLength = useRef(list.length);
|
|
126
100
|
const getContainerHeight = () => {
|
|
127
|
-
const initH = itemHeight * list.length;
|
|
128
|
-
return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
|
|
101
|
+
const initH = (itemHeight + margin) * list.length;
|
|
102
|
+
return initH < clientHeight ? initH + overscan * (itemHeight + margin) - 5 : Math.min(containerHeight, clientHeight);
|
|
129
103
|
};
|
|
130
104
|
const visibleCount = () => {
|
|
131
|
-
return Math.ceil(getContainerHeight() / itemHeight) + overscan;
|
|
105
|
+
return Math.ceil(getContainerHeight() / (itemHeight + margin)) + overscan;
|
|
132
106
|
};
|
|
133
107
|
const end = () => {
|
|
134
|
-
return start + visibleCount();
|
|
108
|
+
return start.current + visibleCount();
|
|
135
109
|
};
|
|
136
110
|
const listHeight = () => {
|
|
137
|
-
return list.length * itemHeight;
|
|
111
|
+
return list.length * (itemHeight + margin);
|
|
138
112
|
};
|
|
139
113
|
const visibleData = () => {
|
|
140
|
-
return list.slice(start, Math.min(end(), list.length));
|
|
114
|
+
return list.slice(start.current, Math.min(end(), list.length));
|
|
141
115
|
};
|
|
142
116
|
const updateTotalSize = useCallback(() => {
|
|
143
117
|
if (!itemsRef.current)
|
|
@@ -145,40 +119,40 @@ const VirtualList = (props) => {
|
|
|
145
119
|
const items = itemsRef.current.children;
|
|
146
120
|
if (!items.length)
|
|
147
121
|
return;
|
|
148
|
-
updateItemSize(positions, items, "height");
|
|
122
|
+
updateItemSize(positions, items, "height", margin);
|
|
149
123
|
}, [positions]);
|
|
150
124
|
const listScroll = (e) => {
|
|
151
125
|
const scrollTop = e.target.scrollTop;
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
126
|
+
if (scrollTop <= 0) {
|
|
127
|
+
e.target.scrollTop = 0;
|
|
128
|
+
return setStartOffset(0);
|
|
129
|
+
}
|
|
156
130
|
if (!itemEqual) {
|
|
157
131
|
updateTotalSize();
|
|
158
132
|
}
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
133
|
+
start.current = Math.floor(scrollTop / (itemHeight + margin));
|
|
134
|
+
setStartOffset(scrollTop - scrollTop % (itemHeight + margin));
|
|
135
|
+
const endIndex = end();
|
|
136
|
+
if (endIndex > list.length - 1 && prevListLength.current < list.length) {
|
|
162
137
|
onScroll && onScroll();
|
|
138
|
+
prevListLength.current = list.length;
|
|
163
139
|
}
|
|
164
|
-
setStartOffset(scrollTop - scrollTop % itemHeight);
|
|
165
140
|
};
|
|
166
141
|
return React__default.createElement(
|
|
167
|
-
|
|
142
|
+
View,
|
|
168
143
|
{ className: classNames("nut-virtualList-box", className), ...rest, style: {
|
|
169
144
|
height: containerHeight ? `${offSetSize}px` : ""
|
|
170
145
|
} },
|
|
171
146
|
React__default.createElement(
|
|
172
147
|
ScrollView,
|
|
173
|
-
{ scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
|
|
148
|
+
{ scrollY: true, bounces: false, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
|
|
174
149
|
height: `${getContainerHeight()}px`
|
|
175
150
|
}, onScroll: listScroll },
|
|
176
|
-
React__default.createElement(
|
|
177
|
-
React__default.createElement(
|
|
178
|
-
const
|
|
179
|
-
const dataIndex = overStart + index;
|
|
151
|
+
React__default.createElement(View, { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
|
|
152
|
+
React__default.createElement(View, { className: "nut-virtuallist-container", ref: itemsRef, style: { transform: `translate3d(0, ${startOffset}px, 0)` } }, visibleData().map((data, index) => {
|
|
153
|
+
const dataIndex = start.current + index;
|
|
180
154
|
const keyVal = key && data[key] ? data[key] : dataIndex;
|
|
181
|
-
return React__default.createElement(
|
|
155
|
+
return React__default.createElement(View, { "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${keyVal}`, style: {
|
|
182
156
|
height: `${itemEqual ? `${itemHeight}px` : "auto"}`
|
|
183
157
|
} }, itemRender ? itemRender(data, dataIndex, index) : data);
|
|
184
158
|
}))
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED