@nutui/nutui-react-taro 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v2.0.3
+`2023-07-12`
+
+* :sparkles: feat: image 支持 taro (#1190) @oasis-cloud
+* :sparkles: feat: menu 增加打开和关闭的回调方法 (#1206) @oasis-cloud
+* :sparkles: feat: 类型文件中导出组件的 props, 简化组件 props 引入方式 (#1205) @oasis-cloud
+* :bug: fix: infiniteloading taro doc (#1207) @junjun666
+* :bug: fix: 组件2.0走查问题修复 (#1172) @junjun666
+* 🔨 chore: pnpm workspace (#1199) @junjun666
+* 🔨 chore: 兼容ssr之修复引入组件库启动报错 (#1212) @junjun666
+* 📖 docs(form): nativeType 改为 formType (#1209) @oasis-cloud
+
+
 # v2.0.2
 `2023-07-07`
 

package/dist/esm/Avatar.js

@@ -1,9 +1,9 @@
-import { A as Avatar } from "./avatar.taro-31362306.js";
+import { A as Avatar } from "./avatar.taro-a45e2e71.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
-import "./image.taro-567edf0f.js";
-import "./configprovider.taro-a7f3bcfd.js";
+import "./image.taro-c4be8323.js";
+import "@tarojs/components";
 import "./avatargroup.taro-0672aa1e.js";
 import "./typings-11d83a22.js";
 export {

package/dist/esm/Calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar } from "./calendar.taro-1fbc673a.js";
+import { C as Calendar } from "./calendar.taro-ac2a1c47.js";
 import "react";
 import "./popup.taro-938ee260.js";
 import "react-dom";
@@ -8,7 +8,7 @@ import "@nutui/icons-react-taro";
 import "@tarojs/components";
 import "./overlay.taro-08f8efbc.js";
 import "./typings-11d83a22.js";
-import "./calendaritem.taro-39463c08.js";
+import "./calendaritem.taro-1af09287.js";
 import "@tarojs/taro";
 import "./configprovider.taro-a7f3bcfd.js";
 import "./use-props-value-1f54346f.js";

package/dist/esm/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C as CalendarItem } from "./calendaritem.taro-39463c08.js";
+import { C as CalendarItem } from "./calendaritem.taro-1af09287.js";
 import "react";
 import "classnames";
 import "@tarojs/components";

package/dist/esm/Image.js

@@ -1,7 +1,8 @@
-import { I as Image } from "./image.taro-567edf0f.js";
+import { I as Image } from "./image.taro-c4be8323.js";
 import "react";
+import "@tarojs/components";
 import "@nutui/icons-react-taro";
-import "./configprovider.taro-a7f3bcfd.js";
+import "classnames";
 export {
   Image as default
 };

package/dist/esm/InputNumber/style/style.css

@@ -1 +1 @@
-.nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 20px);height:var(--nutui-inputnumber-button-height, 20px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-inputnumber-button-border-radius, 30px)}.nut-inputnumber--disabled input{color:var(--nutui-inputnumber-icon-void-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-inputnumber__icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-inputnumber-icon-size, 20px);cursor:pointer}.nut-inputnumber__icon--disabled{color:var(--nutui-inputnumber-icon-disabled-color, #cccccc);cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-inputnumber-input-border-radius, 4px)}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{appearance:none}.nut-icon-Minus,.nut-icon-minus,.nut-icon-Plus,.nut-icon-plus{--nut-icon-width: 20px;--nut-icon-height: 20px}
+.nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 20px);height:var(--nutui-inputnumber-button-height, 20px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-inputnumber-button-border-radius, 30px)}.nut-inputnumber--disabled input{color:var(--nutui-inputnumber-icon-void-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-inputnumber__icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-inputnumber-icon-size, 20px);cursor:pointer}.nut-inputnumber__icon--disabled{color:var(--nutui-inputnumber-icon-disabled-color, var(--nutui-gray-3, #cccccc));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-inputnumber-input-border-radius, 4px)}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{appearance:none}.nut-icon-Minus,.nut-icon-minus,.nut-icon-Plus,.nut-icon-plus{--nut-icon-width: 20px;--nut-icon-height: 20px}

package/dist/esm/Menu/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{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-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:2052;overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:2052}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:absolute;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 2001);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-relative{position:relative}.nut-menu__bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-6, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu__bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 2001)}.nut-menu__item{flex:1;text-align:center;font-size:var(--nutui-menu-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-menu-item-text-color, var(--nutui-gray-1, #1a1a1a));min-width:0}.nut-menu__item.active{color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu__item.disabled{color:var(--nutui-menu-item-disabled-color, #969799)}.nut-menu__title-icon{transition:all .2s linear}.nut-menu__title{display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu__title.active .nut-menu__title-icon{transform:rotate(180deg)}.nut-menu__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:var(--nutui-menu-title-text-padding-left, 8px);padding-right:var(--nutui-menu-title-text-padding-right, 8px)}
+.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 .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{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-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:2052;overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:2052}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 2001);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-relative{position:relative}.nut-menu__bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-6, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu__bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 2001)}.nut-menu__item{flex:1;text-align:center;font-size:var(--nutui-menu-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-menu-item-text-color, var(--nutui-gray-1, #1a1a1a));min-width:0}.nut-menu__item.active{color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu__item.disabled{color:var(--nutui-menu-item-disabled-color, #969799)}.nut-menu__title-icon{transition:all .2s linear}.nut-menu__title{display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu__title.active .nut-menu__title-icon{transform:rotate(180deg)}.nut-menu__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:var(--nutui-menu-title-text-padding-left, 8px);padding-right:var(--nutui-menu-title-text-padding-right, 8px)}

package/dist/esm/Menu.js

@@ -1,12 +1,12 @@
-import { M as Menu } from "./menu.taro-6450a3ae.js";
+import { M as Menu } from "./menu.taro-f412b55d.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
-import "./menuitem.taro-11bd648e.js";
+import "./menuitem.taro-f145c755.js";
 import "@tarojs/taro";
+import "@tarojs/components";
 import "react-transition-group";
 import "./overlay.taro-08f8efbc.js";
-import "@tarojs/components";
 import "./typings-11d83a22.js";
 import "./use-client-rect-2bb6c562.js";
 export {

package/dist/esm/MenuItem/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{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-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:2052;overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:2052}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:absolute;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 2001);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}
+.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 .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{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-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:2052;overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:2052}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 2001);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}

package/dist/esm/MenuItem.js

@@ -1,11 +1,11 @@
-import { M as MenuItem } from "./menuitem.taro-11bd648e.js";
+import { M as MenuItem } from "./menuitem.taro-f145c755.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
+import "@tarojs/components";
 import "react-transition-group";
 import "@nutui/icons-react-taro";
 import "./overlay.taro-08f8efbc.js";
-import "@tarojs/components";
 import "./typings-11d83a22.js";
 import "./use-client-rect-2bb6c562.js";
 export {

package/dist/esm/Skeleton.js

@@ -1,10 +1,10 @@
-import { S as Skeleton } from "./skeleton.taro-49046def.js";
+import { S as Skeleton } from "./skeleton.taro-9ac4b4b8.js";
 import "react";
 import "classnames";
-import "./avatar.taro-31362306.js";
+import "./avatar.taro-a45e2e71.js";
 import "@nutui/icons-react-taro";
-import "./image.taro-567edf0f.js";
-import "./configprovider.taro-a7f3bcfd.js";
+import "./image.taro-c4be8323.js";
+import "@tarojs/components";
 import "./avatargroup.taro-0672aa1e.js";
 import "./typings-11d83a22.js";
 export {

package/dist/esm/{avatar.taro-31362306.js → avatar.taro-a45e2e71.js}

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { My } from "@nutui/icons-react-taro";
-import { I as Image } from "./image.taro-567edf0f.js";
+import { I as Image } from "./image.taro-c4be8323.js";
 import { a as AvatarContext, A as AvatarGroup } from "./avatargroup.taro-0672aa1e.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
@@ -82,7 +82,7 @@ const Avatar = (props) => {
     (!((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.max) || avatarIndex <= ((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.max)) && React.createElement(
       React.Fragment,
       null,
-      src && React.createElement(Image, { className: "avatar-img", src, style: { objectFit: fit }, alt, onError: errorEvent }),
+      src && React.createElement(Image, { className: "avatar-img", src, style: { objectFit: fit }, onError: errorEvent }),
       React.isValidElement(icon) ? React.cloneElement(icon, {
         ...icon.props,
         className: `${icon.props.className || ""} icon`

package/dist/esm/{calendar.taro-1fbc673a.js → calendar.taro-ac2a1c47.js}

@@ -1,6 +1,6 @@
 import React, { useRef } from "react";
 import { P as Popup } from "./popup.taro-938ee260.js";
-import { U as Utils, C as CalendarItem } from "./calendaritem.taro-39463c08.js";
+import { U as Utils, C as CalendarItem } from "./calendaritem.taro-1af09287.js";
 import { u as useConfig } from "./configprovider.taro-a7f3bcfd.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{calendaritem.taro-39463c08.js → calendaritem.taro-1af09287.js}

@@ -221,9 +221,9 @@ const getPreMonthDates = (type, year, month, firstDayOfWeek) => {
   });
   return months.slice(preDates - days);
 };
-const _window = window;
 function requestAniFrame() {
-  if (typeof _window !== "undefined") {
+  if (typeof window !== "undefined") {
+    const _window = window;
     return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
       _window.setTimeout(callback, 1e3 / 60);
     };

package/dist/esm/image.taro-c4be8323.js

@@ -0,0 +1,81 @@
+import React, { useState, useCallback } from "react";
+import { Image as Image$2 } from "@tarojs/components";
+import { ImageError, Image as Image$1 } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+const defaultProps = {
+  src: "",
+  error: true,
+  loading: true
+};
+const Image = (props) => {
+  const classPrefix = "nut-image";
+  const { className, style, src, width, height, radius, error, loading, onLoad, onError, ...rest } = { ...defaultProps, ...props };
+  const [innerLoading, setInnerLoading] = useState(true);
+  const [isError, setIsError] = useState(false);
+  const handleLoad = (e) => {
+    setIsError(false);
+    setInnerLoading(false);
+    onLoad && onLoad(e);
+  };
+  const handleError = (e) => {
+    if (src) {
+      setIsError(true);
+      setInnerLoading(false);
+      onError && onError(e);
+    }
+  };
+  const pxCheck = (value) => {
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+  };
+  const containerStyle = {
+    height: height ? pxCheck(height) : "",
+    width: width ? pxCheck(width) : "",
+    overflow: radius !== void 0 && radius !== null ? "hidden" : "",
+    borderRadius: radius !== void 0 && radius !== null ? pxCheck(radius) : ""
+  };
+  const imgStyle = {
+    ...style
+  };
+  const renderErrorImg = useCallback(() => {
+    if (!isError)
+      return null;
+    if (typeof error === "boolean" && error === true && !innerLoading) {
+      return React.createElement(
+        "div",
+        { className: "nut-img-error" },
+        React.createElement(ImageError, null)
+      );
+    }
+    if (React.isValidElement(error) && !innerLoading) {
+      return React.createElement("div", { className: "nut-img-error" }, error);
+    }
+    return null;
+  }, [error, isError]);
+  const renderLoading = useCallback(() => {
+    if (!loading)
+      return null;
+    if (typeof loading === "boolean" && loading === true && innerLoading) {
+      return React.createElement(
+        "div",
+        { className: "nut-img-loading" },
+        React.createElement(Image$1, null)
+      );
+    }
+    if (React.isValidElement(loading) && innerLoading) {
+      return React.createElement("div", { className: "nut-img-loading" }, loading);
+    }
+    return null;
+  }, [loading, innerLoading]);
+  return React.createElement(
+    "div",
+    { className: classNames(classPrefix, className), style: containerStyle },
+    React.createElement(Image$2, { ...rest, className: "nut-img", style: imgStyle, src, onLoad: (e) => handleLoad(e), onError: (e) => handleError(e) }),
+    renderLoading(),
+    renderErrorImg()
+  );
+};
+Image.defaultProps = defaultProps;
+Image.displayName = "NutImage";
+export {
+  Image as I
+};

package/dist/esm/{menu.taro-6450a3ae.js → menu.taro-f412b55d.js}

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-11bd648e.js";
+import { M as MenuItem } from "./menuitem.taro-f145c755.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -9,10 +9,14 @@ const defaultProps = {
   closeOnOverlayClick: true,
   scrollFixed: false,
   lockScroll: true,
-  icon: null
+  icon: null,
+  onOpen: () => {
+  },
+  onClose: () => {
+  }
 };
 const Menu = (props) => {
-  const { className, icon, scrollFixed, lockScroll, closeOnOverlayClick, children, activeColor, ...rest } = {
+  const { className, icon, scrollFixed, lockScroll, closeOnOverlayClick, children, activeColor, onClose, onOpen, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -37,12 +41,18 @@ const Menu = (props) => {
   const [menuItemTitle, setMenuItemTitle] = useState([]);
   const toggleMenuItem = (index) => {
     showMenuItem[index] = !showMenuItem[index];
+    if (showMenuItem[index]) {
+      onOpen && onOpen();
+    } else {
+      onClose && onClose();
+    }
     const temp = showMenuItem.map((i, idx) => idx === index ? i : false);
     setShowMenuItem([...temp]);
   };
   const hideMenuItem = (index) => {
     showMenuItem[index] = false;
     setShowMenuItem([...showMenuItem]);
+    onClose && onClose();
   };
   const updateTitle = (text, index) => {
     menuItemTitle[index] = text;
@@ -51,6 +61,7 @@ const Menu = (props) => {
   const cloneChildren = () => {
     return React.Children.map(children, (child, index) => {
       return React.cloneElement(child, {
+        ...child.props,
         show: showMenuItem[index],
         index,
         activeColor,

package/dist/esm/{menuitem.taro-11bd648e.js → menuitem.taro-f145c755.js}

@@ -1,6 +1,7 @@
-import React, { forwardRef, useState, useEffect, useImperativeHandle } from "react";
+import React, { forwardRef, useState, useEffect, useMemo, useCallback, useImperativeHandle } from "react";
 import classNames from "classnames";
-import { getSystemInfoSync } from "@tarojs/taro";
+import { getSystemInfoSync, usePageScroll } from "@tarojs/taro";
+import { View } from "@tarojs/components";
 import { CSSTransition } from "react-transition-group";
 import { Check } from "@nutui/icons-react-taro";
 import { O as Overlay } from "./overlay.taro-08f8efbc.js";
@@ -21,14 +22,27 @@ const MenuItem = forwardRef((props, ref) => {
     ...defaultProps,
     ...props
   };
-  const [_showPopup, setShowPopup] = useState(show);
-  const [_value, setValue] = useState(value);
+  const [showPopup, setShowPopup] = useState(show);
+  const [innerValue, setValue] = useState(value);
   useEffect(() => {
     setShowPopup(show);
   }, [show]);
   useEffect(() => {
     getParentOffset();
-  }, [_showPopup]);
+  }, [showPopup]);
+  const windowHeight = useMemo(() => getSystemInfoSync().windowHeight, []);
+  const updateItemOffset = useCallback(() => {
+    const p = parent.menuRef.current;
+    p.getBoundingClientRect().then((rect) => {
+      if (rect) {
+        setPosition({
+          height: rect.height,
+          top: rect.top
+        });
+      }
+    });
+  }, [direction, windowHeight]);
+  usePageScroll(updateItemOffset);
   useImperativeHandle(ref, () => ({
     toggle: parent.toggleMenuItem
   }));
@@ -64,45 +78,45 @@ const MenuItem = forwardRef((props, ref) => {
     }, 100);
   };
   const isShow = () => {
-    if (_showPopup)
+    if (showPopup)
       return {};
     return { display: "none" };
   };
   const getPosition = () => {
-    return direction === "down" ? { position: "absolute", height: `${window.innerHeight}px` } : {
-      position: "absolute",
-      bottom: "100%",
-      top: "auto",
-      height: `${window.innerHeight}px`
+    return direction === "down" ? {
+      top: `${position.top + position.height}px`,
+      bottom: "0",
+      height: "initial"
+    } : {
+      bottom: `${getSystemInfoSync().windowHeight - position.top}px`,
+      top: "0",
+      height: "initial"
     };
   };
   const placeholderStyle = () => {
     if (direction === "down") {
       return {
         height: `${position.top + position.height}px`,
-        top: "auto",
-        bottom: "-100%",
         ...isShow()
       };
     }
     return {
       height: `${getSystemInfoSync().windowHeight - position.top}px`,
-      bottom: `auto`,
-      top: "0",
+      top: "auto",
       ...isShow()
     };
   };
   return React.createElement(
-    "div",
-    { className: "nut-menu-item-container", style: { position: "absolute", left: 0, right: 0 } },
-    closeOnClickAway ? React.createElement("div", { className: `placeholder-element ${classNames({
+    View,
+    { className: "nut-menu-item-container" },
+    closeOnClickAway ? React.createElement(View, { className: `placeholder-element ${classNames({
       up: direction === "up"
     })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) }) : null,
-    React.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
+    React.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
       parent.closeOnOverlayClick && parent.toggleMenuItem(index);
     } }),
     React.createElement(
-      "div",
+      View,
       { className: classNames(className, {
         "nut-menu-item__wrap": direction === "down",
         "nut-menu-item__wrap-up": direction !== "down"
@@ -112,23 +126,23 @@ const MenuItem = forwardRef((props, ref) => {
       } },
       React.createElement(
         CSSTransition,
-        { in: _showPopup, timeout: 100, classNames: direction === "down" ? "menu-item" : "menu-item-up" },
+        { in: showPopup, timeout: 100, classNames: direction === "down" ? "menu-item" : "menu-item-up" },
         React.createElement(
-          "div",
+          View,
           { className: "nut-menu-item__content" },
           options == null ? void 0 : options.map((item, index2) => {
             return React.createElement(
-              "div",
+              View,
               { className: `nut-menu-item__option ${classNames({
-                active: item.value === _value
+                active: item.value === innerValue
               })}`, key: item.text, style: {
                 flexBasis: `${100 / columns}%`
               }, onClick: () => {
                 handleClick(item);
               } },
-              item.value === _value ? React.createElement(React.Fragment, null, icon || React.createElement(Check, { color: activeColor, size: 10, className: getIconCName(item.value, value) })) : null,
-              React.createElement("div", { className: getIconCName(item.value, value), style: {
-                color: `${item.value === _value ? activeColor : ""}`
+              item.value === innerValue ? React.createElement(React.Fragment, null, icon || React.createElement(Check, { color: activeColor, size: 10, className: getIconCName(item.value, value) })) : null,
+              React.createElement(View, { className: getIconCName(item.value, value), style: {
+                color: `${item.value === innerValue ? activeColor : ""}`
               } }, item.text)
             );
           }),

package/dist/esm/nutui-react.es.js

@@ -2,7 +2,7 @@ import { B } from "./button.taro-60dfd83e.js";
 import { C } from "./cell.taro-f200bd2b.js";
 import { C as C2 } from "./cellgroup.taro-a790d91b.js";
 import { C as C3 } from "./configprovider.taro-a7f3bcfd.js";
-import { I } from "./image.taro-567edf0f.js";
+import { I } from "./image.taro-c4be8323.js";
 import { O } from "./overlay.taro-08f8efbc.js";
 import { C as C4 } from "./col.taro-d6a46a7d.js";
 import { D } from "./divider.taro-0cb5f894.js";
@@ -23,8 +23,8 @@ import { T as T2 } from "./tabbaritem.taro-16a380db.js";
 import { T as T3 } from "./tabpane.taro-f8d92ece.js";
 import { T as T4 } from "./tabs.taro-67bdf3bb.js";
 import { A } from "./address.taro-8fa9f15c.js";
-import { C as C5 } from "./calendar.taro-1fbc673a.js";
-import { C as C6 } from "./calendaritem.taro-39463c08.js";
+import { C as C5 } from "./calendar.taro-ac2a1c47.js";
+import { C as C6 } from "./calendaritem.taro-1af09287.js";
 import { C as C7 } from "./cascader.taro-840fdc66.js";
 import { C as C8, a } from "./checkbox.taro-ab8ef36e.js";
 import { D as D2 } from "./datepicker.taro-afea03e5.js";
@@ -32,8 +32,8 @@ import { F as F2 } from "./form.taro-1a66c97a.js";
 import { F as F3 } from "./formitem.taro-8828760a.js";
 import { I as I2 } from "./input.taro-c611c122.js";
 import { I as I3 } from "./inputnumber.taro-96165704.js";
-import { M } from "./menu.taro-6450a3ae.js";
-import { M as M2 } from "./menuitem.taro-11bd648e.js";
+import { M } from "./menu.taro-f412b55d.js";
+import { M as M2 } from "./menuitem.taro-f145c755.js";
 import { N as N2 } from "./numberkeyboard.taro-f89f210b.js";
 import { P } from "./picker.taro-9f2024c6.js";
 import { R as R2, a as a2 } from "./radio.taro-410f7b07.js";
@@ -56,13 +56,13 @@ import { N as N4 } from "./notify.taro-5768403d.js";
 import { P as P2 } from "./popover.taro-c8cac618.js";
 import { P as P3 } from "./popup.taro-938ee260.js";
 import { P as P4 } from "./pulltorefresh.taro-71ad5d15.js";
-import { S as S9 } from "./skeleton.taro-49046def.js";
+import { S as S9 } from "./skeleton.taro-9ac4b4b8.js";
 import { S as S10 } from "./swipe.taro-4eb0cc9a.js";
 import { T as T6 } from "./toast.taro-56e9d2a1.js";
 import { A as A3 } from "./animate.taro-c8b29242.js";
 import { default as default2 } from "./AnimatingNumbers.js";
 import { A as A4 } from "./audio.taro-38889f9d.js";
-import { A as A5 } from "./avatar.taro-31362306.js";
+import { A as A5 } from "./avatar.taro-a45e2e71.js";
 import { A as A6 } from "./avatargroup.taro-0672aa1e.js";
 import { C as C9 } from "./circleprogress.taro-fd2326fc.js";
 import { C as C10 } from "./collapse.taro-5aa2b225.js";
@@ -93,8 +93,8 @@ import "classnames";
 import "@nutui/icons-react-taro";
 import "@tarojs/taro";
 import "./typings-11d83a22.js";
-import "react-transition-group";
 import "@tarojs/components";
+import "react-transition-group";
 import "./UserContext-ab42ba7f.js";
 import "./use-client-rect-2bb6c562.js";
 import "./can-use-dom-0e539bd3.js";

package/dist/esm/{skeleton.taro-49046def.js → skeleton.taro-9ac4b4b8.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-31362306.js";
+import { A as Avatar } from "./avatar.taro-a45e2e71.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,