@nutui/nutui-react 2.3.2 → 2.3.3

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-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.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-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #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, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.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-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #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, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}

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-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-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-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}

package/dist/esm/Picker.js

@@ -373,7 +373,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
   };
   useEffect(function() {
     setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
-  }, [innerVisible]);
+  }, [innerVisible, selectedValue]);
   useEffect(function() {
     if (innerVisible) {
       init();

package/dist/esm/PullToRefresh.js

@@ -26,6 +26,7 @@ function _objectSpread(e) {
 import React__default, { useState, useRef, useEffect } from "react";
 import { useDrag } from "@use-gesture/react";
 import { useSpring, animated } from "@react-spring/web";
+import { Loading, More } from "@nutui/icons-react";
 import { useConfig } from "./ConfigProvider.js";
 import { g as getScrollParent } from "./get-scroll-parent.js";
 import { p as passiveSupported } from "./supports-passive.js";
@@ -252,40 +253,17 @@ var PullToRefresh = function PullToRefresh2(p) {
       passive: false
     } : false
   });
-  var renderIcons = function renderIcons2() {
+  var renderIcons = function renderIcons2(status2) {
     return React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
       className: "".concat(classPrefix, "-head-content-icons")
-    }, (status === "pulling" || status === "complete") && React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "36",
-      height: "26",
-      viewBox: "0 0 36 26",
-      fill: "none"
-    }, React__default.createElement("path", {
-      d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
-      fill: "#8C8C8C"
-    })), (status === "canRelease" || status === "refreshing") && React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "36",
-      height: "26",
-      viewBox: "0 0 36 26",
-      fill: "none"
-    }, React__default.createElement("circle", {
-      cx: "33",
-      cy: "13",
-      r: "3",
-      fill: "#8C8C8C"
-    }), React__default.createElement("circle", {
-      cx: "18",
-      cy: "13",
-      r: "3",
-      fill: "#8C8C8C"
-    }), React__default.createElement("circle", {
-      cx: "3",
-      cy: "13",
-      r: "3",
-      fill: "#8C8C8C"
-    }))));
+    }, (status2 === "pulling" || status2 === "complete") && React__default.createElement(Loading, null), (status2 === "canRelease" || status2 === "refreshing") && React__default.createElement(More, null)));
+  };
+  var renderStatusIcon = function renderStatusIcon2() {
+    if (props.renderIcon) {
+      var _props$renderIcon;
+      return (_props$renderIcon = props.renderIcon) === null || _props$renderIcon === void 0 ? void 0 : _props$renderIcon.call(props, status);
+    }
+    return renderIcons(status);
   };
   var renderStatusText = function renderStatusText2() {
     if (props.renderText) {
@@ -314,7 +292,7 @@ var PullToRefresh = function PullToRefresh2(p) {
     style: {
       height: headHeight
     }
-  }, renderIcons(), React__default.createElement("div", null, renderStatusText()))), React__default.createElement("div", {
+  }, React__default.createElement("div", null, renderStatusIcon()), React__default.createElement("div", null, renderStatusText()))), React__default.createElement("div", {
     className: "".concat(classPrefix, "-content")
   }, props.children));
 };

package/dist/esm/Radio/style/style.css

@@ -1 +1 @@
-.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-6, #595959))}.nut-radio-label-disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-radio-button-background, rgba(250, 44, 25, .05));border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-6, #595959));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
+.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-radio-label-disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-radio-button-background, rgba(250, 44, 25, .05));border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, .05))}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}

package/dist/esm/Tabbar.js

@@ -25,7 +25,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
-import { T as TabbarItem } from "./tabbaritem2.js";
+import { a as TabbarContext, T as TabbarItem } from "./tabbaritem2.js";
 import "./badge2.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   defaultValue: 0,
@@ -50,19 +50,20 @@ var Tabbar = function Tabbar2(props) {
     style
   }, React__default.createElement("div", {
     className: "".concat(classPrefix, "-wrap")
-  }, React__default.Children.map(children, function(child, idx) {
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      active: idx === selectIndex,
-      index: idx,
-      inactiveColor,
+  }, React__default.createElement(TabbarContext.Provider, {
+    value: {
+      selectIndex,
       activeColor,
+      inactiveColor,
       handleClick: setSelectIndex
-    });
-    return React__default.cloneElement(child, childProps);
-  })), (fixed || safeArea) && React__default.createElement("div", {
+    }
+  }, React__default.Children.map(children, function(child, index) {
+    if (!React__default.isValidElement(child))
+      return null;
+    return React__default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+      index
+    }));
+  }))), (fixed || safeArea) && React__default.createElement("div", {
     className: "".concat(classPrefix, "-safe-area")
   }));
 };

package/dist/esm/Table/style/style.css

@@ -1 +1 @@
-.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-table-main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff)}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th,.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px)}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:left}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:right}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px)}
+.nut-table{overflow:hidden;position:relative}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow:auto;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:left}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:right}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}

package/dist/esm/Table.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "sorterIcon", "showHeader", "onSort"];
 function ownKeys(e, r) {
   var t = Object.keys(e);
@@ -24,12 +24,82 @@ function _objectSpread(e) {
   }
   return e;
 }
-import React__default, { useRef, useEffect } from "react";
+import React__default, { useState, useEffect, useCallback, useRef } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
+function useTableSticky(columns) {
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isSticky = _useState2[0], setIsSticky = _useState2[1];
+  var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), stickyColumnStyleMap = _useState4[0], setStickyColumnStyleMap = _useState4[1];
+  var _useState5 = useState({}), _useState6 = _slicedToArray(_useState5, 2), stickyColumnClassMap = _useState6[0], setStickyColumnClassMap = _useState6[1];
+  var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), stickyLeftWidth = _useState8[0], setStickyLeftWidth = _useState8[1];
+  var _useState9 = useState(0), _useState10 = _slicedToArray(_useState9, 2), stickyRightWidth = _useState10[0], setStickyRightWidth = _useState10[1];
+  useEffect(function() {
+    var leftColumns = columns.filter(function(item) {
+      return item.fixed === "left";
+    }) || [];
+    var rightColumns = columns.filter(function(item) {
+      return item.fixed === "right";
+    }) || [];
+    var middleColumns = columns.filter(function(item) {
+      return !item.fixed;
+    }) || [];
+    var _columnStyleMap = {};
+    var _columnClassMap = {};
+    var _stickyLeftWidth = 0;
+    var _stickyRightWidth = 0;
+    leftColumns.forEach(function(curr2, index) {
+      leftColumns[index - 1] || {};
+      _columnStyleMap[curr2.key] = {
+        left: _stickyLeftWidth || 0,
+        width: curr2.width || "auto"
+      };
+      _columnClassMap[curr2.key] = {
+        "nut-table-fixed-left": true,
+        "nut-table-fixed-left-last": index === leftColumns.length - 1
+      };
+      _stickyLeftWidth += curr2.width || 0;
+    });
+    middleColumns.forEach(function(curr2) {
+      _columnStyleMap[curr2.key] = {
+        width: curr2.width || "auto"
+      };
+    });
+    for (var i = rightColumns.length - 1; i >= 0; i--) {
+      var curr = rightColumns[i];
+      rightColumns[i + 1] || {};
+      _columnStyleMap[curr.key] = {
+        right: _stickyRightWidth || 0,
+        width: curr.width || "auto"
+      };
+      _columnClassMap[curr.key] = {
+        "nut-table-fixed-right": true,
+        "nut-table-fixed-right-first": i === 0
+      };
+      _stickyRightWidth += curr.width || 0;
+    }
+    setIsSticky(leftColumns.length > 0 || rightColumns.length > 0);
+    setStickyColumnStyleMap(_columnStyleMap);
+    setStickyColumnClassMap(_columnClassMap);
+    setStickyLeftWidth(_stickyLeftWidth);
+    setStickyRightWidth(_stickyRightWidth);
+  }, [columns]);
+  var getStickyStyle = useCallback(function(key) {
+    return stickyColumnStyleMap[key];
+  }, [stickyColumnStyleMap]);
+  var getStickyClass = useCallback(function(key) {
+    return stickyColumnClassMap[key];
+  }, [stickyColumnClassMap]);
+  return {
+    isSticky,
+    stickyLeftWidth,
+    stickyRightWidth,
+    getStickyClass,
+    getStickyStyle
+  };
+}
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   columns: [],
   data: [],
@@ -48,6 +118,7 @@ var Table = function Table2(props) {
     defaultValue: data,
     finalValue: []
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerValue = _usePropsValue2[0], setValue = _usePropsValue2[1];
+  var _useTableSticky = useTableSticky(columns), isSticky = _useTableSticky.isSticky, stickyLeftWidth = _useTableSticky.stickyLeftWidth, stickyRightWidth = _useTableSticky.stickyRightWidth, getStickyClass = _useTableSticky.getStickyClass, getStickyStyle = _useTableSticky.getStickyStyle;
   useEffect(function() {
     setValue(data);
   }, [data]);
@@ -81,12 +152,13 @@ var Table = function Table2(props) {
   };
   var renderHeadCells = function renderHeadCells2() {
     return columns.map(function(item, index) {
-      return React__default.createElement("span", {
-        className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item)),
+      return React__default.createElement("div", {
+        className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item), getStickyClass(item.key)),
         key: item.key,
         onClick: function onClick() {
           return handleSorterClick(item);
-        }
+        },
+        style: getStickyStyle(item.key)
       }, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(ArrowDown, {
         width: "12px",
         height: "12px"
@@ -101,13 +173,14 @@ var Table = function Table2(props) {
   var renderBodyTds = function renderBodyTds2(item, rowIndex) {
     return sortDataItem().map(function(_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2), value = _ref3[0], render = _ref3[1];
-      return React__default.createElement("span", {
-        className: classNames("".concat(bodyClassPrefix, "-td"), cellClasses(getColumnItem(value))),
-        key: value
+      return React__default.createElement("div", {
+        className: classNames("".concat(bodyClassPrefix, "-td"), cellClasses(getColumnItem(value)), getStickyClass(value)),
+        key: value,
+        style: getStickyStyle(value)
       }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
     });
   };
-  var renderBoyTrs = function renderBoyTrs2() {
+  var renderBodyTrs = function renderBodyTrs2() {
     return innerValue.map(function(item, index) {
       return React__default.createElement("div", {
         className: bodyClassPrefix,
@@ -116,9 +189,11 @@ var Table = function Table2(props) {
     });
   };
   return React__default.createElement("div", _objectSpread({
-    className: cls,
-    style
+    className: cls
   }, rest), React__default.createElement("div", {
+    className: classNames("".concat(classPrefix, "-wrapper")),
+    style
+  }, React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-main"), _defineProperty({}, "".concat(classPrefix, "-main-striped"), striped))
   }, showHeader && React__default.createElement("div", {
     className: "".concat(classPrefix, "-main-head")
@@ -126,7 +201,17 @@ var Table = function Table2(props) {
     className: headerClassPrefix
   }, renderHeadCells())), React__default.createElement("div", {
     className: "".concat(classPrefix, "-main-body")
-  }, renderBoyTrs())), (summary || innerValue.length === 0) && React__default.createElement("div", {
+  }, renderBodyTrs()))), isSticky ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "-sticky-left"),
+    style: {
+      width: stickyLeftWidth
+    }
+  }), React__default.createElement("div", {
+    className: "".concat(classPrefix, "-sticky-right"),
+    style: {
+      width: stickyRightWidth
+    }
+  })) : null, (summary || innerValue.length === 0) && React__default.createElement("div", {
     className: "".concat(classPrefix, "-summary")
   }, summary || noData));
 };

package/dist/esm/cascader2.js

@@ -43,7 +43,7 @@ function _toPrimitive(input, hint) {
   }
   return (hint === "string" ? String : Number)(input);
 }
-import React__default, { useState, useEffect, isValidElement } from "react";
+import React__default, { useState, useImperativeHandle, useEffect, isValidElement } from "react";
 import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react";
 import { P as Popup } from "./popup2.js";
@@ -191,7 +191,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   activeColor: "",
   activeIcon: "checklist",
   popup: true,
-  visible: false,
   options: [],
   optionKey: {
     textKey: "text",
@@ -224,6 +223,22 @@ var InternalCascader = function InternalCascader2(props, ref) {
     defaultValue,
     finalValue: defaultValue
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerValue = _usePropsValue2[0], setInnerValue = _usePropsValue2[1];
+  var _usePropsValue3 = usePropsValue({
+    value: props.visible,
+    defaultValue: void 0,
+    finalValue: false
+  }), _usePropsValue4 = _slicedToArray(_usePropsValue3, 2), innerVisible = _usePropsValue4[0], setInnerVisible = _usePropsValue4[1];
+  var actions = {
+    open: function open() {
+      setInnerVisible(true);
+    },
+    close: function close2() {
+      setInnerVisible(false);
+    }
+  };
+  useImperativeHandle(ref, function() {
+    return actions;
+  });
   var _useState5 = useState({
     optionsData: [],
     panes: [{
@@ -445,6 +460,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     };
   }();
   var close = function close2() {
+    setInnerVisible(false);
     onClose2 && onClose2();
   };
   var closePopup = function closePopup2() {
@@ -610,7 +626,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     }))));
   };
   return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, _objectSpread(_objectSpread({}, popupProps), {}, {
-    visible,
+    visible: innerVisible,
     position: "bottom",
     round: true,
     closeIcon,

package/dist/esm/formitem2.js

@@ -1379,6 +1379,7 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       getFieldsValue: _this3.getFieldsValue,
       setFieldsValue: _this3.setFieldsValue,
       resetFields: _this3.resetFields,
+      validateFields: _this3.validateFields,
       submit: _this3.submit,
       errors: _this3.errors,
       getInternal: _this3.getInternal

package/dist/esm/pad-zero.js

@@ -0,0 +1,11 @@
+var padZero = function padZero2(num) {
+  var targetLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
+  var str = "".concat(num);
+  while (str.length < targetLength) {
+    str = "0".concat(str);
+  }
+  return str;
+};
+export {
+  padZero as p
+};

package/dist/esm/tabbaritem2.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "title", "icon", "active", "activeColor", "inactiveColor", "index", "value", "dot", "max", "top", "right", "handleClick"];
+var _excluded = ["className", "style", "title", "icon", "value", "dot", "max", "top", "right", "index"];
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -22,15 +22,14 @@ function _objectSpread(e) {
   }
   return e;
 }
-import React__default from "react";
+import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { B as Badge } from "./badge2.js";
+var TabbarContext = React__default.createContext(null);
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",
   icon: null,
-  active: false,
-  index: 0,
   value: "",
   dot: false,
   max: 99,
@@ -38,7 +37,9 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   right: "5"
 });
 var TabbarItem = function TabbarItem2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, handleClick = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var ctx = useContext(TabbarContext);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, index = _defaultProps$props.index, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var active = index === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
   var classPrefix = "nut-tabbar-item";
   var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
   var boxPrefix = "".concat(classPrefix, "-icon-box");
@@ -49,15 +50,15 @@ var TabbarItem = function TabbarItem2(props) {
     max,
     top,
     right,
-    color: activeColor
+    color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
   };
   return React__default.createElement("div", _objectSpread({
     className: tabbarItemClass,
     style: _objectSpread({
-      color: active ? activeColor : inactiveColor
+      color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
     }, style),
     onClick: function onClick() {
-      return handleClick(index);
+      return ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index);
     }
   }, rest), icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Badge, _objectSpread({}, badgeProps), React__default.createElement("div", {
     className: boxPrefix
@@ -68,5 +69,6 @@ var TabbarItem = function TabbarItem2(props) {
   }, title)));
 };
 export {
-  TabbarItem as T
+  TabbarItem as T,
+  TabbarContext as a
 };

package/dist/esm/types/src/packages/cascader/cascader.d.ts

@@ -20,6 +20,10 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     onChange: (value: CascaderValue, params?: any) => void;
     onPathChange: (value: CascaderValue, params: any) => void;
 }
+export type CascaderActions = {
+    open: () => void;
+    close: () => void;
+};
 export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/cascader/cascader.taro.d.ts

@@ -20,6 +20,10 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     onChange: (value: CascaderValue, params?: any) => void;
     onPathChange: (value: CascaderValue, params: any) => void;
 }
+export type CascaderActions = {
+    open: () => void;
+    close: () => void;
+};
 export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;