npm - @nutui/nutui-react - Versions diffs - 2.0.0-alpha.1 → 2.0.0-alpha.11 - Mend

@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

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.

Files changed (1242) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,122 @@
+# v2.0.0-alpha.11
+`2023-05-24`
+* 🛠 refactor: collapse (#1027) @Eiinu
+* 🛠 refactor: Skeleton (#1036) @Eiinu
+* :sparkles: feat: 添加土耳其语 (#1028) @manin
+* :bug: fix(fixednav): 修改 onSelect 参数顺序 (#1035) @Eiinu
+* :bug: fix: 修复taro下拉刷新组件偶发未触发canRelease状态时松手，组件不会自动回弹的问题 (#1029) @Z-Bokle
+* 🔨 chore: 增加同步升级文档到 docs 仓库的脚本 (#1044) @oasis-cloud
+* 🔨 chore: 完善组件导出的类型 (#1039) @oasis-cloud
+* 🔨 chore: 构建每个组件的 css 文件 (#1037) @oasis-cloud
+* 📖 docs: 文档 props 标题统一修复 (#1041) @oasis-cloud
+# v2.0.0-alpha.10
+`2023-05-19`
+* :sparkles: feat(progress): 添加 lazy、delay 属性 (#1023) @Eiinu
+* :bug: fix: swiper loop 模式位置计算错误 (#1018) @oasis-cloud
+* 🛠 refactor: imagepreview (#1019) @xiaoyatong
+* 🛠 refactor: noticebar (#1024) @xiaoyatong
+* 🛠 refactor: steps (#1021) @oasis-cloud
+* 📖 docs: icon 文档修订 (#1022) @oasis-cloud
+# v2.0.0-alpha.9
+`2023-05-17`
+* :sparkles: feat: add create-properties.js (#1001) @Eiinu
+* :sparkles: feat: cascader支持受控 (#1000) @xiaoyatong
+* :sparkles: feat: elevator 支持右侧索引是否展示 (#1006) @拧巴的猫
+* :bug: fix(image): lazy 优化观察对象数量 (#1015) @Eiinu
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* :bug: fix: 格式化，删掉某些无用代码 (#1014) @xiaoyatong
+* 🛠 refactor: notify (#983) @拧巴的猫
+* 🛠 refactor: NumberKeyboard (#1012) @Eiinu
+* 🛠 refactor: price (#989) @拧巴的猫
+* 🛠 refactor: pulltorefresh (#1011) @oasis-cloud
+* 🛠 refactor: radio (#1009) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+* 🛠 refactor: swiper 重构；indcator 的索引计算改为从 0 开始 (#1008) @oasis-cloud
+* 🔨 chore: autoplay -> autoPlay (#1007) @Eiinu
+* 📖 docs(tabbar): update description (#1004) @Eiinu
+# v2.0.0-alpha.8
+`2023-05-12`
+* :sparkles:feat: cascader支持受控 (#1000) @xiaoyatong
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+# v2.0.0-alpha.7
+`2023-05-12`
+* :bug: fix: tabs children 变化需要更新选中状态 @oasis-cloud
+# v2.0.0-alpha.6
+`2023-05-12`
+* 🛠 refactor: cascader (#993) @xiaoyatong
+* 🛠 refactor: picker (#975) @xiaoyatong
+* 🛠 refactor: table (#982) @xiaoyatong
+* 🛠 refactor: TextArea (#979) @Eiinu
+* :bug: fix: image src 初始状态未空，导致出发加载失败事件 (#988) @oasis-cloud
+* 📖 docs(progress): demo 代码更新 (#986) @Eiinu
+* 📖 docs(progress): update demo (#987) @Eiinu
+* 📖 docs: tabs 文档中的 titleNode 修改为 title (#995) @oasis-cloud
+* 🔨 chore: taro es 构建移入 vite 配置文件 (#990) @oasis-cloud
+# v2.0.0-alpha.5
+`2023-05-10`
+* 🛠 refactor: checkbox (#974) @oasis-cloud
+* 🛠 refactor: circleprogress-v2.0 (#949) @junjun666
+* 🛠 refactor: ellipsis-v2.0 (#963) @junjun666
+* 🛠 refactor: empty-v2.0 (#977) @junjun666
+* 🛠 refactor: swipe (#958) @justExplore
+* 🛠 refactor:avatar-v2.0 (#970) @junjun666
+* 📖 docs: 增加 icon 的复制功能 (#973) @oasis-cloud
+* :sparkles: feat: cellgroup组件增加单元格之间是否展示分割线props (#961) @拧巴的猫
+* :bug: fix: tabbar 通过 Tabbar.Item 方式使用未加载 item 的样式 (#972) @oasis-cloud
+* :bug: fix: 修复elevator小程序快速滑动后闪动问题 (#984) @拧巴的猫
+# v2.0.0-alpha.4
+`2023-05-05`
+* 🛠 refactor: circleprogress-v2.0 (#949) @junjun666
+* 🛠 refactor: input (#962) @oasis-cloud
+* 🛠 refactor: Tabbar (#935) @Eiinu
+* :bug: fix: badge 组件的默认样式中，去掉 margin-right (#967) @xiaoyatong
+* 🎨 style: fix endLine display error (#964) @HaiTao
+# v2.0.0-alpha.3
+`2023-04-28`
+* :bug: fix: overlay 属性 onClick 暴露、lockscroll 相关demo 修订 (#959) @xiaoyatong
+* :bug: fix: 修改taro增加主题编译 (#950) @junjun666
+* 🛠 refactor: dialog (#945) @xiaoyatong
+* 🛠 refactor: switch (#941) @拧巴的猫
+* 🛠 refactor: tabs (#939) @oasis-cloud
+* 🔨 chore: website 2.0 (#955) @oasis-cloud
+* 📖 docs: button 文档表格优化 (#956) @oasis-cloud
+# v2.0.0-alpha.2
+`2023-04-26`
+* 🛠 refactor: navbar (#890) @拧巴的猫
+* 🛠 refactor: animate (#940) @junjun666
+* 🛠 refactor: badge (#936) @xiaoyatong
+* 🛠 refactor: drag (#937) @拧巴的猫
+* 🛠 refactor: elevator (#927) @拧巴的猫
+* 🛠 refactor: menu (#923) @oasis-cloud
+* 🛠 refactor: progress (#943) @Eiinu
+* 🔨 chore: sync pnpm-lock @oasis-cloud
+* :bug: fix: 修改taro增加主题编译 (#950) @junjun666
 # v2.0.0-alpha.1
 `2023-04-21`

package/dist/esm/ActionSheet/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/ActionSheet/style/style.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/esm/Address/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/Address/style/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@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-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:1px;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-font-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-code-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-name-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nutui-gray-6, #ffffff));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 8px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 10px);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-theme-dark .nut-address .nut-elevator__list__inner{background-color:#1f1f1f}.nut-theme-dark .nut-address__header,.nut-theme-dark .nut-address__header__title,.nut-theme-dark .nut-address .nut-address__region-tab .nut-address__tab-item,.nut-theme-dark .nut-address .nut-address__region-con .nut-address__region-group .nut-address__region-item div,.nut-theme-dark .nut-address .nut-address__exist-item-info,.nut-theme-dark .nut-address__exist-group .nut-address__exist-ul li div i,.nut-theme-dark .nut-address .exist-address .exist-address-group .exist-ul .exist-item{color:#e6e6e6}.nut-theme-dark .nut-address .exist-address .choose-other,.nut-theme-dark .nut-address-custom-buttom{border-top:1px solid #0a0a0a}.nut-address{display:block}.nut-address__header{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:17px;padding:0 20px;text-align:center;font-weight:700;color:var(--nutui-gray-1, #1a1a1a);line-height:20px}.nut-address__header__title{display:block;color:var(--nutui-gray-1, #1a1a1a);font-size:18px}.nut-address .nut-address__custom{display:block}.nut-address .nut-address__custom .nut-address__region-tab{position:relative;margin-top:32px;padding:0 20px;display:flex;font-size:13px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item{min-width:2px;margin-right:30px;display:block}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item.active{clear:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-item span{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-address .nut-address__custom .nut-address__region-tab .nut-address__tab-line{position:absolute;bottom:-10px;left:20px;display:inline-block;margin-top:5px;width:26px;height:3px;background:linear-gradient(90deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);transition:.2s all linear}.nut-address .nut-address__custom .nut-address__region-con{display:block;margin:20px 20px 0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group{height:270px;overflow-y:auto;box-sizing:border-box;padding:0}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item.active{font-weight:700;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item .nut-address__region-item--icon{margin-right:6px}.nut-address .nut-address__custom .nut-address__region-con .nut-address__region-group .nut-address__region-item>div{width:100%}.nut-address .nut-address__custom .nut-address__elevator-group{display:flex;margin-top:20px}.nut-address .nut-address__exist{display:block;margin-top:15px}.nut-address .nut-address__exist .nut-address__exist-group{padding:15px 20px 0;height:279px;overflow-y:auto}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul{box-sizing:border-box;padding:0}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item{margin-bottom:20px;font-size:var(--nutui-font-size-1, 12px);line-height:14px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item.active{font-weight:700}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item>div{display:flex;align-items:center}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item .nut-address__exist-item-icon{margin-right:9px}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-ul .nut-address__exist-item span{display:inline-block;flex:1}.nut-address .nut-address__exist .nut-address__choose-other{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address .nut-address__exist .nut-address__choose-other-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-brand-text-color, #ffffff)}

package/dist/esm/Address.js CHANGED Viewed

@@ -348,7 +348,7 @@ var CustomRender = function CustomRender2(props) {
     className: b("elevator-group")
   }, React__default.createElement(Elevator, {
     height,
-    indexList: regionList[tabName[tabIndex]],
+    list: regionList[tabName[tabIndex]],
     onClickItem: handleElevatorItem
   })));
 };

package/dist/esm/Animate/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/Animate/style/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .nut-animate .nut-ani-container{display:inline-block}.nut-animate [class*=nut-animate-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.nut-animate .nut-animate-slide-right{animation-name:slide-right}@keyframes slide-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nut-animate .nut-animate-slide-left{animation-name:slide-left}@keyframes slide-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.nut-animate .nut-animate-slide-top{animation-name:slide-top}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nut-animate .nut-animate-slide-bottom{animation-name:slide-bottom}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nut-animate .nut-animate-shake{animation-name:shake}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-9px)}20%{transform:translate(8px)}30%{transform:translate(-7px)}40%{transform:translate(6px)}50%{transform:translate(-5px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}.nut-animate .nut-animate-ripple{animation-name:ripple}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.1)}}.nut-animate .nut-animate-breath{animation-name:breath;animation-duration:2.7s;animation-timing-function:ease-in-out;animation-direction:alternate}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nut-animate .nut-animate-twinkle{position:relative}.nut-animate .nut-animate-twinkle:after,.nut-animate .nut-animate-twinkle:before{width:60px;height:60px;content:"";box-sizing:border-box;border:4px solid rgba(255,255,255,.6);position:absolute;border-radius:30px;right:50%;margin-top:-15px;margin-right:-30px;z-index:1;transform:scale(0);animation:twinkle 2s ease-out infinite}.nut-animate .nut-animate-twinkle:after{animation-delay:.4s}@keyframes twinkle{0%{transform:scale(0)}20%{opacity:1}50%,to{transform:scale(1.4);opacity:0}}.nut-animate .nut-animate-flicker{position:relative;overflow:hidden}.nut-animate .nut-animate-flicker:after{width:100px;height:60px;position:absolute;left:0;top:0;opacity:.73;content:"";background-image:linear-gradient(106deg,rgba(232,224,255,0) 24%,#e8e0ff 91%);animation:flicker 1.5s linear infinite;transform:skew(-20deg);filter:blur(3px)}@keyframes flicker{0%{transform:translate(-100px) skew(-20deg)}40%,to{transform:translate(150px) skew(-20deg)}}.nut-animate .nut-animate-jump{transform-origin:center center;animation:jump .7s linear}@keyframes jump{0%{animation-timing-function:ease-in;transform:rotate(0) translateY(0)}25%{animation-timing-function:ease-out;transform:rotate(10deg) translateY(20px)}50%{animation-timing-function:ease-in;transform:rotate(0) translateY(-10px)}75%{animation-timing-function:ease-out;transform:rotate(-10deg) translateY(20px)}to{animation-timing-function:ease-in;transform:rotate(0) translateY(0)}}.nut-animate .nut-animate-float{position:relative;animation-name:float-pop}@keyframes float-pop{0%{top:0px}25%{top:1px}50%{top:4px}75%{top:1px}to{top:0px}}.nut-animate .loop{animation-iteration-count:infinite}

package/dist/esm/Animate.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -25,23 +25,22 @@ function _objectSpread(target) {
 }
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: "shake",
   action: "initial",
   loop: false,
   onClick: function onClick(event) {
   }
-};
+});
+var classPrefix = "nut-animate";
 var Animate = function Animate2(props) {
   var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
-  var b = cn("animate");
   var classes = classNames((_classNames = {
     "nut-ani-container": true
-  }, _defineProperty(_classNames, "".concat(b(""), "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
+  }, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
   var cls = classNames(classes, className);
   var handleClick = function handleClick2(event) {
     setClicked(true);

package/dist/esm/AnimatingNumbers/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/AnimatingNumbers/style/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .nut-theme-dark .nut-countup__list .nut-countup__listitem{color:#e6e6e6}.nut-countup__list{display:inline-flex;height:var(--nutui-countup-height, 32px);overflow:hidden}.nut-countup__listitem{height:var(--nutui-countup-height, 32px);overflow:hidden;font-size:var(--nutui-countup-base-size, 18px);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-countup__number,.nut-countup__separator{display:flex;flex-direction:column;align-items:center}.nut-countup__number span,.nut-countup__separator span{height:var(--nutui-countup-height, 32px);line-height:var(--nutui-countup-height, 32px)}.custom-coutup .nut-countup__listitem--number{margin:0 var(--nutui-countup-lr-margin, 1px);border-radius:var(--nutui-countup-border-raduis, 4px);color:var(--nutui-countup-color, #ffffff);background-color:var(--nutui-countup-bgcolor, #031f63)}.custom-coutup .nut-countup__number{width:var(--nutui-countup-width, 24px)}

package/dist/esm/Audio/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/Audio/style/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}

package/dist/esm/Audio.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "src", "style", "muted", "autoplay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
+var _excluded = ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -33,7 +33,7 @@ import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   src: "",
   muted: false,
-  autoplay: false,
+  autoPlay: false,
   loop: false,
   preload: "auto",
   type: "progress",
@@ -52,7 +52,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Audio = function Audio2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoplay = _defaultProps$props.autoplay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoPlay = _defaultProps$props.autoPlay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), playing = _useState2[0], setPlaying = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), percent = _useState4[0], setPercent = _useState4[1];
   var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanPlay = _useState6[0], setIsCanPlay = _useState6[1];
@@ -65,7 +65,7 @@ var Audio = function Audio2(props) {
     duration: "00:00:00",
     second: 0,
     hanMuted: props.muted,
-    playing: props.autoplay,
+    playing: props.autoPlay,
     handPlaying: false
   });
   var classPrefix = "nut-audio";
@@ -154,9 +154,13 @@ var Audio = function Audio2(props) {
     }, currentDuration), React__default.createElement("div", {
       className: "".concat(classPrefix, "__progress-bar-wrapper")
     }, React__default.createElement(Range, {
-      modelValue: percent,
-      hiddenTag: true,
-      hiddenRange: true,
+      value: percent,
+      onChange: function onChange(val) {
+        return setPercent(val);
+      },
+      currentDescription: null,
+      maxDescription: null,
+      minDescription: null,
       "inactive-color": "#cccccc",
       "active-color": "#fa2c19"
     })), React__default.createElement("div", {
@@ -203,7 +207,7 @@ var Audio = function Audio2(props) {
   };
   var handleCanplay = function handleCanplay2(e) {
     setIsCanPlay(true);
-    if (props.autoplay && !playing) {
+    if (props.autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
     if (AudioRef.current) {

package/dist/esm/Avatar/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/Avatar/style/style.css ADDED Viewed

@@ -0,0 +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-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)}

package/dist/esm/Avatar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onActiveAvatar", "onError"];
+var _excluded = ["children", "size", "shape", "background", "color", "src", "alt", "icon", "fit", "className", "style", "onClick", "onError"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,41 +25,42 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./AvatarContext.js";
-import { c as cn } from "./bem.js";
+import { My } from "@nutui/icons-react";
+import { A as AvatarContext } from "./context.js";
+import Image from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   size: "",
+  shape: "round",
   icon: "",
-  bgColor: "#eee",
+  background: "#eee",
   color: "#666",
-  prefixCls: "nut-avatar",
-  url: "",
+  fit: "cover",
+  src: "",
   alt: ""
 });
+var classPrefix = "nut-avatar";
 var Avatar = function Avatar2(props) {
   var _parent$propAvatarGro, _parent$propAvatarGro2, _classNames, _parent$propAvatarGro3, _parent$propAvatarGro4, _parent$propAvatarGro5, _parent$propAvatarGro6, _parent$propAvatarGro7, _parent$propAvatarGro9, _parent$propAvatarGro10, _parent$propAvatarGro11, _parent$propAvatarGro12, _parent$propAvatarGro13, _parent$propAvatarGro14, _parent$propAvatarGro15;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, prefixCls = _defaultProps$props.prefixCls, size = _defaultProps$props.size, shape = _defaultProps$props.shape, bgColor = _defaultProps$props.bgColor, color = _defaultProps$props.color, url = _defaultProps$props.url, alt = _defaultProps$props.alt, icon = _defaultProps$props.icon, className = _defaultProps$props.className, style = _defaultProps$props.style, activeAvatar = _defaultProps$props.activeAvatar, onActiveAvatar = _defaultProps$props.onActiveAvatar, onError = _defaultProps$props.onError, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, size = _defaultProps$props.size, shape = _defaultProps$props.shape, background = _defaultProps$props.background, color = _defaultProps$props.color, src = _defaultProps$props.src, alt = _defaultProps$props.alt, icon = _defaultProps$props.icon, fit = _defaultProps$props.fit, className = _defaultProps$props.className, style = _defaultProps$props.style, onClick = _defaultProps$props.onClick, onError = _defaultProps$props.onError, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), maxSum = _useState2[0], setMaxSum = _useState2[1];
   var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), showMax = _useState4[0], setShowMax = _useState4[1];
   var _useState5 = useState(1), _useState6 = _slicedToArray(_useState5, 2), avatarIndex = _useState6[0], setAvatarIndex = _useState6[1];
   var avatarRef = useRef(null);
   var parent = useContext(AvatarContext);
-  var b = cn("avatar");
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat(size || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || "normal"), true), _defineProperty(_classNames, "nut-avatar-".concat(shape || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || "round"), true), _classNames));
-  var cls = classNames(b(""), classes, className);
   var sizeValue = ["large", "normal", "small"];
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat((parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || size || "normal"), true), _defineProperty(_classNames, "nut-avatar-".concat((parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || shape), true), _classNames));
+  var cls = classNames(classPrefix, classes, className);
   var styles = _objectSpread({
     width: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
     height: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
-    backgroundColor: "".concat(bgColor),
+    backgroundColor: "".concat(background),
     color: "".concat(color),
-    marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : "",
-    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) === "right" ? "".concat(Math.abs(maxSum - avatarIndex)) : ""
+    marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.gap ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.gap, "px") : "",
+    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.level) === "right" ? "".concat(Math.abs(maxSum - avatarIndex)) : ""
   }, style);
   var maxStyles = {
-    backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBgColor),
+    backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBackground),
     color: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro7 = parent.propAvatarGroup) === null || _parent$propAvatarGro7 === void 0 ? void 0 : _parent$propAvatarGro7.maxColor)
   };
   useEffect(function() {
@@ -77,40 +78,44 @@ var Avatar = function Avatar2(props) {
       }
     }
     var index = Number(avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index);
-    var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
+    var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.max;
     setMaxSum(children2.length);
     setAvatarIndex(index);
     if (index === children2.length && index !== maxCount && children2.length > maxCount) {
       setShowMax(true);
     }
   };
-  var errorEvent = function errorEvent2(e) {
+  var errorEvent = function errorEvent2() {
     if (props.onError) {
-      props.onError(e);
+      props.onError();
     }
   };
   var clickAvatar = function clickAvatar2(e) {
-    activeAvatar && activeAvatar(e);
-    onActiveAvatar && onActiveAvatar(e);
+    onClick && onClick(e);
   };
-  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
+  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.max) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.max)) && React__default.createElement("div", _objectSpread(_objectSpread({
     className: cls
   }, rest), {}, {
     style: !showMax ? styles : maxStyles,
     onClick: clickAvatar,
     ref: avatarRef
-  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
+  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.max) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.max)) && React__default.createElement(React__default.Fragment, null, src && React__default.createElement(Image, {
     className: "avatar-img",
-    src: url,
+    src,
     alt,
+    style: {
+      objectFit: fit
+    },
     onError: errorEvent
   }), React__default.isValidElement(icon) ? React__default.cloneElement(icon, _objectSpread(_objectSpread({}, icon.props), {}, {
     className: "".concat(icon.props.className || "", " icon")
   })) : null, children && React__default.createElement("span", {
     className: "text"
-  }, children)), showMax && React__default.createElement("div", {
+  }, children), !src && !icon && !children && React__default.createElement(My, {
+    className: "icon"
+  })), showMax && React__default.createElement("div", {
     className: "text"
-  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.maxCount)))));
+  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.max)))));
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = "NutAvatar";

package/dist/esm/AvatarGroup/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/AvatarGroup/style/style.css ADDED Viewed

	@@ -0,0 +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}

package/dist/esm/AvatarGroup.js CHANGED Viewed

@@ -22,27 +22,22 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./AvatarContext.js";
-import { c as cn } from "./bem.js";
-import { useConfig } from "./ConfigProvider.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { A as AvatarContext } from "./context.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   maxContent: "",
-  maxCount: "",
-  maxBgColor: "#eee",
+  max: "",
+  maxBackground: "#eee",
   maxColor: "#666",
-  size: "",
-  shape: "",
-  span: "-8",
-  zIndex: "left"
-};
+  gap: "-8",
+  level: "left"
+});
+var classPrefix = "nut-avatar-group";
 var AvatarGroup = function AvatarGroup2(props) {
-  useConfig();
   var propAvatarGroup = _objectSpread(_objectSpread({}, defaultProps), props);
   var className = propAvatarGroup.className, style = propAvatarGroup.style, children = propAvatarGroup.children;
   var avatarGroupRef = useRef(null);
-  var b = cn("avatar-group");
-  var cls = classNames(b(""), className);
+  var cls = classNames(classPrefix, className);
   var parentAvatar = {
     propAvatarGroup,
     avatarGroupRef

package/dist/esm/BackTop/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/BackTop/style/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center}.nut-backtop.show :active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}

package/dist/esm/Badge/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'

package/dist/esm/Badge/style/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .nut-badge{position:relative;display:inline-block}.nut-badge__icon{display:flex;position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));top:-20%;right:-20%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px);z-index:var(--nutui-badge-z-index, 1)}.nut-badge__sup{position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 5px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));font-weight:400;text-align:center;line-height:16px;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px)}.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-brand-text-color, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}

package/dist/esm/Badge.js CHANGED Viewed

@@ -1,76 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-import React__default from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  value: "",
-  dot: false,
-  max: 1e4,
-  top: "0",
-  right: "0",
-  zIndex: "0",
-  color: "",
-  icon: null
-});
-var b = cn("badge");
-var Badge = function Badge2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, zIndex = _defaultProps$props.zIndex, color = _defaultProps$props.color, icon = _defaultProps$props.icon;
-  function content() {
-    if (dot)
-      return void 0;
-    var value = props.value;
-    var max = props.max;
-    if (typeof value === "number" && typeof max === "number") {
-      return max < value ? "".concat(max, "+") : value;
-    }
-    return value;
-  }
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
-    style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style2.zIndex = zIndex;
-    style2.background = color;
-    return style2;
-  };
-  return React__default.createElement("div", {
-    className: classNames(b(), className),
-    style
-  }, icon && React__default.createElement("div", {
-    className: "slot-icon"
-  }, icon), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: classNames({
-      "is-dot": dot
-    }, b("content"), "sup"),
-    style: getStyle()
-  }, content()));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = "NutBadge";
+import { B as Badge } from "./badge2.js";
+import "react";
+import "classnames";
+import "./typings.js";
 export {
   Badge as default
 };

package/dist/esm/Barrage/style/css.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './style.css'