@nutui/nutui-react 2.2.0 → 2.3.0-beta.1

package/dist/esm/Swiper.js

@@ -44,7 +44,6 @@ var defaultProps = {
 };
 var DISTANCE = 5;
 var Swiper = React__default.forwardRef(function(props, ref) {
-  var _classNames;
   var propSwiper = _objectSpread(_objectSpread({}, defaultProps), props);
   var children = propSwiper.children, direction = propSwiper.direction, className = propSwiper.className, onChange = propSwiper.onChange, defaultValue = propSwiper.defaultValue, indicator = propSwiper.indicator, touchable = propSwiper.touchable, preventDefault = propSwiper.preventDefault, stopPropagation = propSwiper.stopPropagation, autoPlay = propSwiper.autoPlay, center = propSwiper.center, rest = _objectWithoutProperties(propSwiper, _excluded);
   var container = useRef(null);
@@ -263,7 +262,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
   };
   var classPrefix = "nut-swiper";
-  var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "__vertical"), isVertical), _classNames));
+  var contentClass = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-inner"), true), "".concat(classPrefix, "-vertical"), isVertical));
   var getStyle = function getStyle2() {
     var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
     var target = innerRef.current;
@@ -416,9 +415,8 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     if (React__default.isValidElement(indicator))
       return indicator;
     if (indicator === true) {
-      var _classNames2;
       return React__default.createElement("div", {
-        className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__indicator"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__indicator-vertical"), isVertical), _classNames2))
+        className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
       }, React__default.createElement(Indicator, {
         current: (active + childCount) % childCount,
         total: childs === null || childs === void 0 ? void 0 : childs.length,
@@ -437,7 +435,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     ref: innerRef
   }, React__default.Children.map(childs, function(child, index) {
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__item-wrapper"),
+      className: "".concat(classPrefix, "-item-wrapper"),
       style: getItemStyle(index),
       key: index
     }, child);

package/dist/esm/Switch/style/style.css

@@ -1 +1 @@
-.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-color-primary, #fa2c19));border-radius:var(--nutui-switch-border-radius, 21px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch.switch-close{background-color:var(--nutui-switch-close-background-color, #ebebeb)}.nut-switch.switch-close .close-line{background:var(--nutui-switch-close-line-bg-color, #f0f0f0);border-radius:2px}.nut-switch .switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-color-primary-text, #ffffff);transition:transform .3s}.nut-switch__label{color:var(--nutui-color-primary-text, #ffffff);font-size:var(--nutui-font-size-2, 12px)}.nut-switch__label.open{transform:translate(-16px)}.nut-switch__label.close{transform:translate(16px)}.nut-switch-disabled{opacity:.6}.nut-switch-base{width:var(--nutui-switch-width, 36px);height:var(--nutui-switch-height, 21px);line-height:var(--nutui-switch-line-height, 21px)}.nut-switch-base .switch-button{height:var(--nutui-switch-inside-height, 13px);width:var(--nutui-switch-inside-width, 13px);transform:var(--nutui-switch-inside-close-transform, translateX(30%))}.nut-switch-base.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(146%))}.nut-switch-base.switch-close .close-line{width:8px;height:2px}
+.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-color-primary, #fa2c19));border-radius:var(--nutui-switch-border-radius, 24px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-color-primary-text, #ffffff);transition:transform .3s;box-shadow:var(--nutui-switch-box-shadow, none)}.nut-switch-base{width:var(--nutui-switch-width, 40px);height:var(--nutui-switch-height, 24px);line-height:var(--nutui-switch-line-height, 24px)}.nut-switch-base .nut-switch-button{height:var(--nutui-switch-inside-height, 20px);width:var(--nutui-switch-inside-width, 20px);transform:var(--nutui-switch-inside-close-transform, translateX(14%))}.nut-switch-base.nut-switch-open .nut-switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(90%))}.nut-switch-base.nut-switch-open.nut-switch-disabled{background-color:var(--nutui-switch-open-disabled-background-color, var(--nutui-color-primary-disabled, #fd9d94))}.nut-switch-base.nut-switch-close .nut-switch-close-line{width:12px;height:2px}.nut-switch-base.nut-switch-close.nut-switch-disabled{background-color:var(--nutui-switch-close-disabled-background-color, var(--nutui-black-3))}.nut-switch-close{background-color:var(--nutui-switch-close-background-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-switch-close-line{background:var(--nutui-switch-close-line-background-color, #fff);border-radius:2px}.nut-switch-label{color:var(--nutui-color-primary-text, #ffffff);font-size:var(--nutui-font-size-2, 12px)}.nut-switch-label.open{transform:translate(-18px)}.nut-switch-label.close{transform:translate(14px)}

package/dist/esm/Switch.js

@@ -39,7 +39,7 @@ var Switch = function Switch2(props) {
     defaultValue: defaultChecked
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
   var classes = function classes2() {
-    return "".concat(classPrefix, " ").concat(value ? "switch-open" : "switch-close", " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ", "".concat(classPrefix, "-base"), " ").concat(className);
+    return "".concat(classPrefix, " ").concat(value ? "nut-switch-open" : "nut-switch-close", " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ", "".concat(classPrefix, "-base"), " ").concat(className);
   };
   var _onClick = function onClick(event) {
     if (disabled)
@@ -54,13 +54,13 @@ var Switch = function Switch2(props) {
     },
     style
   }, rest), React__default.createElement("div", {
-    className: "switch-button"
+    className: "".concat(classPrefix, "-button")
   }, !value && React__default.createElement("div", {
-    className: "close-line"
+    className: "".concat(classPrefix, "-close-line")
   }), activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "__label open")
+    className: "".concat(classPrefix, "-label open")
   }, activeText) : React__default.createElement("div", {
-    className: "".concat(classPrefix, "__label close")
+    className: "".concat(classPrefix, "-label close")
   }, inactiveText))));
 };
 Switch.defaultProps = defaultProps;

package/dist/esm/TabPane/style/style.css

@@ -1 +1 @@
-.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}
+.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}

package/dist/esm/Tabbar/style/style.css

@@ -1 +1 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge__icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge__icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge__sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, 10px);font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge__one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:#ffffff}.nut-tabbar__wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar__fixed{position:fixed;bottom:0;left:0}.nut-tabbar__safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
+.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-1, #ffffff)}.nut-tabbar-wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}.nut-tabbar-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

package/dist/esm/Tabbar.js

@@ -46,10 +46,10 @@ var Tabbar = function Tabbar2(props) {
     onChange: onSwitch2
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectIndex = _usePropsValue2[0], setSelectIndex = _usePropsValue2[1];
   return React__default.createElement("div", {
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__fixed"), fixed), className),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-fixed"), fixed), className),
     style
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__wrap")
+    className: "".concat(classPrefix, "-wrap")
   }, React__default.Children.map(children, function(child, idx) {
     if (!React__default.isValidElement(child)) {
       return null;
@@ -63,7 +63,7 @@ var Tabbar = function Tabbar2(props) {
     });
     return React__default.cloneElement(child, childProps);
   })), (fixed || safeArea) && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__safe-area")
+    className: "".concat(classPrefix, "-safe-area")
   }));
 };
 Tabbar.defaultProps = defaultProps;

package/dist/esm/TabbarItem/style/style.css

@@ -1 +1 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge__icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge__icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge__sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, 10px);font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge__one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}
+.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}

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-1, #1a1a1a)}.nut-table__main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff)}.nut-table__main--striped .nut-table__main__head__tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, var(--nutui-gray-6, #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-4, #f4f4f4))}.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, #ececec)}.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-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px)}
+.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)}

package/dist/esm/Table.js

@@ -1,3 +1,4 @@
+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";
@@ -23,11 +24,12 @@ function _objectSpread(e) {
   }
   return e;
 }
-import React__default, { useState, useEffect } from "react";
+import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { DownArrow } from "@nutui/icons-react";
+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";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   columns: [],
   data: [],
@@ -41,29 +43,36 @@ var Table = function Table2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
   defaultProps.noData = locale.noData;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, columns = _defaultProps$props.columns, data = _defaultProps$props.data, bordered = _defaultProps$props.bordered, summary = _defaultProps$props.summary, striped = _defaultProps$props.striped, noData = _defaultProps$props.noData, sorterIcon = _defaultProps$props.sorterIcon, showHeader = _defaultProps$props.showHeader, onSort = _defaultProps$props.onSort, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(data), _useState2 = _slicedToArray(_useState, 2), curData = _useState2[0], setCurData = _useState2[1];
+  var sortedMapping = useRef({});
+  var _usePropsValue = usePropsValue({
+    defaultValue: data,
+    finalValue: []
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerValue = _usePropsValue2[0], setValue = _usePropsValue2[1];
   useEffect(function() {
-    if (data && String(data) !== String(curData)) {
-      setCurData(data);
-    }
+    setValue(data);
   }, [data]);
   var classPrefix = "nut-table";
-  var headerClassPrefix = "".concat(classPrefix, "__main__head__tr");
-  var bodyClassPrefix = "".concat(classPrefix, "__main__body__tr");
+  var headerClassPrefix = "".concat(classPrefix, "-main-head-tr");
+  var bodyClassPrefix = "".concat(classPrefix, "-main-body-tr");
   var cls = classNames(classPrefix, className);
   var handleSorterClick = function handleSorterClick2(item) {
-    if (item.sorter) {
-      onSort && onSort(item, curData);
+    if (item.sorter && !sortedMapping.current[item.key]) {
+      var copied = _toConsumableArray(innerValue);
       if (typeof item.sorter === "function") {
-        setCurData(curData.sort(item.sorter));
-      } else {
-        setCurData(item.sorter === "default" ? curData.sort() : curData);
+        copied.sort(item.sorter);
+      } else if (item.sorter === "default") {
+        copied.sort();
       }
+      sortedMapping.current[item.key] = true;
+      setValue(copied, true);
+      onSort && onSort(item, copied);
+    } else {
+      sortedMapping.current[item.key] = false;
+      setValue(data);
     }
   };
   var cellClasses = function cellClasses2(item) {
-    var _ref;
-    return _ref = {}, _defineProperty(_ref, "".concat(headerClassPrefix, "--border"), props.bordered), _defineProperty(_ref, "".concat(headerClassPrefix, "--align").concat(item.align ? item.align : ""), true), _ref;
+    return _defineProperty(_defineProperty({}, "".concat(headerClassPrefix, "-border"), props.bordered), "".concat(headerClassPrefix, "-align").concat(item.align ? item.align : ""), true);
   };
   var getColumnItem = function getColumnItem2(value) {
     return columns.filter(function(item) {
@@ -73,12 +82,12 @@ 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)),
+        className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item)),
         key: item.key,
         onClick: function onClick() {
           return handleSorterClick(item);
         }
-      }, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(DownArrow, {
+      }, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(ArrowDown, {
         width: "12px",
         height: "12px"
       })));
@@ -93,13 +102,13 @@ var Table = function Table2(props) {
     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))),
+        className: classNames("".concat(bodyClassPrefix, "-td"), cellClasses(getColumnItem(value))),
         key: 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() {
-    return curData.map(function(item, index) {
+    return innerValue.map(function(item, index) {
       return React__default.createElement("div", {
         className: bodyClassPrefix,
         key: index
@@ -110,15 +119,15 @@ var Table = function Table2(props) {
     className: cls,
     style
   }, rest), React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "__main"), _defineProperty({}, "".concat(classPrefix, "__main--striped"), striped))
+    className: classNames("".concat(classPrefix, "-main"), _defineProperty({}, "".concat(classPrefix, "-main-striped"), striped))
   }, showHeader && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__main__head")
+    className: "".concat(classPrefix, "-main-head")
   }, React__default.createElement("div", {
     className: headerClassPrefix
   }, renderHeadCells())), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__main__body")
-  }, renderBoyTrs())), (summary || curData.length === 0) && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__summary")
+    className: "".concat(classPrefix, "-main-body")
+  }, renderBoyTrs())), (summary || innerValue.length === 0) && React__default.createElement("div", {
+    className: "".concat(classPrefix, "-summary")
   }, summary || noData));
 };
 Table.defaultProps = defaultProps;

package/dist/esm/Tabs/style/style.css

@@ -1 +1 @@
-.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;-webkit-user-select:none;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles .nut-tabs__list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1 0 auto;padding:0 10px;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item.taro{height:46px;line-height:46px}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}
+.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}

package/dist/esm/Tag/style/style.css

@@ -1 +1 @@
-.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag--info.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}
+.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}

package/dist/esm/Tag.js

@@ -40,11 +40,10 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   }
 });
 var Tag = function Tag2(props) {
-  var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, background = _defaultProps$props.background, plain = _defaultProps$props.plain, type = _defaultProps$props.type, round = _defaultProps$props.round, children = _defaultProps$props.children, mark = _defaultProps$props.mark, closeable = _defaultProps$props.closeable, closeIcon = _defaultProps$props.closeIcon, color = _defaultProps$props.color, onClick2 = _defaultProps$props.onClick, onClose2 = _defaultProps$props.onClose;
   var _useState = useState(true), _useState2 = _slicedToArray(_useState, 2), visible = _useState2[0], setVisible = _useState2[1];
   var classPrefix = "nut-tag";
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, classPrefix, true), _defineProperty(_classNames, "".concat(classPrefix, "--").concat(type), type), _defineProperty(_classNames, "".concat(classPrefix, "--plain"), plain), _defineProperty(_classNames, "".concat(classPrefix, "--round"), round), _defineProperty(_classNames, "".concat(classPrefix, "--mark"), mark), _defineProperty(_classNames, "".concat(classPrefix, "--close"), closeable), _defineProperty(_classNames, "".concat(className), className), _classNames));
+  var classes = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classPrefix, true), "".concat(classPrefix, "-").concat(type), type), "".concat(classPrefix, "-plain"), plain), "".concat(classPrefix, "-round"), round), "".concat(classPrefix, "-mark"), mark), "".concat(classPrefix, "-close"), closeable), "".concat(className), className));
   var handleClick = function handleClick2(e) {
     onClick2 && onClick2(e);
   };
@@ -77,8 +76,8 @@ var Tag = function Tag2(props) {
       onClose2 && onClose2(e);
     }
   }, closeIcon) : React__default.createElement(Close, {
-    width: 12,
-    height: 12,
+    width: 8,
+    height: 8,
     onClick: function onClick3(e) {
       setVisible(false);
       onClose2 && onClose2(e);

package/dist/esm/TextArea/style/style.css

@@ -1 +1 @@
-.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:#ffffff;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));padding:var(--nutui-textarea-padding, 10px 25px)}.nut-textarea__disabled .nut-textarea__textarea,.nut-textarea__disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nutui-textarea-disabled-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-limit-color, var(--nutui-gray-2, #757575))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-gray-1, #1a1a1a));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea__textarea .taro-textarea{background-color:transparent;resize:none}.nut-textarea .cpoyText{position:absolute;top:-999999px;left:-999999px}
+.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:var(--nutui-gray-1, #ffffff);font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));padding:var(--nutui-textarea-padding, 10px 25px)}.nut-textarea-disabled .nut-textarea-textarea,.nut-textarea-disabled .nut-textarea-limit{cursor:not-allowed;color:var(--nutui-textarea-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-textarea-limit{position:absolute;right:15px;bottom:12px;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-limit-color, var(--nutui-gray-6, #595959))}.nut-textarea-textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-gray-7, #1a1a1a));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea-textarea .taro-textarea{background-color:transparent;resize:none}.nut-textarea .cpoyText{position:absolute;top:-999999px;left:-999999px}

package/dist/esm/TextArea.js

@@ -91,10 +91,10 @@ var TextArea = function TextArea2(props) {
     onBlur && onBlur(event);
   };
   return React__default.createElement("div", {
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__disabled"), disabled), className)
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-disabled"), disabled), className)
   }, React__default.createElement("textarea", _objectSpread({
     ref: textareaRef,
-    className: "".concat(classPrefix, "__textarea"),
+    className: "".concat(classPrefix, "-textarea"),
     style,
     disabled,
     readOnly,
@@ -118,7 +118,7 @@ var TextArea = function TextArea2(props) {
     maxLength: maxLength === -1 ? void 0 : maxLength,
     placeholder: placeholder || locale.placeholder
   }, rest)), showCount && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__limit")
+    className: "".concat(classPrefix, "-limit")
   }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength));
 };
 TextArea.defaultProps = defaultProps;

package/dist/esm/TimeDetail/style/style.css

@@ -1 +1 @@
-.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-line-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-timeselect-time-color, var(--nutui-gray-1, #1a1a1a));border-radius:5px;font-size:var(--nutui-timeselect-font-size, 14px);border:1px solid transparent;font-weight:700}.nut-timedetail__item.active{background-color:var(--nutui-timeselect-time-active-background, var(--nutui-gray-5, #f8f8f8));border:1px solid var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19))}
+.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 12px}.nut-timedetail-item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-3, #f6f6f6));border-radius:5px;font-size:var(--nutui-font-size-3, 14px);border:1px solid transparent}.nut-timedetail-item.active{background-color:var(--nutui-color-primary-light, #ffeae8);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-font-weight-bold, 500)}

package/dist/esm/TimeDetail.js

@@ -59,7 +59,7 @@ var TimeDetail = function TimeDetail2(props) {
     className: classNames(classPrefix, className)
   }, timeList[optionKey.childrenKey].map(function(item) {
     return React__default.createElement("span", {
-      className: classNames("".concat(classPrefix, "__item"), {
+      className: classNames("".concat(classPrefix, "-item"), {
         active: isActive(item[optionKey.valueKey])
       }),
       key: item[optionKey.valueKey],

package/dist/esm/TimeSelect/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)));z-index:var(--nutui-overlay-zIndex, 1000)}.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,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.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, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-line-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-timeselect-time-color, var(--nutui-gray-1, #1a1a1a));border-radius:5px;font-size:var(--nutui-timeselect-font-size, 14px);border:1px solid transparent;font-weight:700}.nut-timedetail__item.active{background-color:var(--nutui-timeselect-time-active-background, var(--nutui-gray-5, #f8f8f8));border:1px solid var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19))}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-3, 14px));background:var(--nutui-timeselect-title-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:var(--nutui-timeselect-date-width, 140px);min-width:var(--nutui-timeselect-date-width, 140px);height:100%;overflow:auto;background:var(--nutui-gray-5, #f8f8f8)}.nut-timepannel{height:var(--nutui-timeselect-date-height, 40px);line-height:var(--nutui-timeselect-date-line-height, 40px);text-align:center;color:var(--nutui-timeselect-date-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-date-font-size, var(--nutui-font-size-3, 14px))}.nut-timepannel.active{background:var(--nutui-gray-6, #ffffff);color:var(--nutui-timeselect-date-active-color, var(--nutui-gray-1, #1a1a1a));font-weight:700}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 12px}.nut-timedetail-item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-3, #f6f6f6));border-radius:5px;font-size:var(--nutui-font-size-3, 14px);border:1px solid transparent}.nut-timedetail-item.active{background-color:var(--nutui-color-primary-light, #ffeae8);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-font-weight-bold, 500)}.nut-timeselect{background-color:var(--nutui-gray-1, #ffffff);display:flex;flex-direction:column;height:calc(100% - 50px)}.nut-timeselect-content{display:flex;flex:1}.nut-timeselect-content-left{width:var(--nutui-timeselect-date-width, 140px);min-width:var(--nutui-timeselect-date-width, 140px);height:100%;overflow:auto;background:var(--nutui-gray-2, #f8f8f8)}.nut-timepannel{padding:0 16px;height:var(--nutui-timeselect-date-height, 40px);line-height:var(--nutui-timeselect-date-height, 40px);text-align:left;color:var(--nutui-gray-6, #595959);font-size:var(--nutui-font-size-3, 14px)}.nut-timepannel.active{background:var(--nutui-gray-1, #ffffff);color:var(--nutui-timeselect-date-active-color, var(--nutui-gray-7, #1a1a1a));font-weight:var(--nutui-font-weight-bold, 500)}

package/dist/esm/TimeSelect.js

@@ -78,15 +78,12 @@ var TimeSelect = function TimeSelect2(props) {
       } else if (multiple) {
         date[optionKey.childrenKey].push(_objectSpread({}, selectTime));
       } else {
-        var _ref;
-        newActiveTime = [(_ref = {}, _defineProperty(_ref, optionKey.valueKey, activeDate), _defineProperty(_ref, optionKey.childrenKey, [_objectSpread({}, selectTime)]), _ref)];
+        newActiveTime = [_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)])];
       }
     } else if (multiple) {
-      var _newActiveTime$push;
-      newActiveTime.push((_newActiveTime$push = {}, _defineProperty(_newActiveTime$push, optionKey.valueKey, activeDate), _defineProperty(_newActiveTime$push, optionKey.childrenKey, [_objectSpread({}, selectTime)]), _newActiveTime$push));
+      newActiveTime.push(_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)]));
     } else {
-      var _ref2;
-      newActiveTime = [(_ref2 = {}, _defineProperty(_ref2, optionKey.valueKey, activeDate), _defineProperty(_ref2, optionKey.childrenKey, [_objectSpread({}, selectTime)]), _ref2)];
+      newActiveTime = [_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)])];
     }
     newActiveTime = newActiveTime.filter(function(item) {
       var _item$optionKey$child;
@@ -104,6 +101,7 @@ var TimeSelect = function TimeSelect2(props) {
     round: true,
     visible,
     position: "bottom",
+    title: title || locale.timeselect.pickupTime,
     style: _objectSpread({
       width: "100%",
       height: "20%"
@@ -112,11 +110,9 @@ var TimeSelect = function TimeSelect2(props) {
   }, rest), React__default.createElement("div", {
     className: classNames(classPrefix, className)
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__title")
-  }, title || locale.timeselect.pickupTime), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "-content")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content-left")
+    className: "".concat(classPrefix, "-content-left")
   }, options.map(function(item) {
     return React__default.createElement("div", {
       key: item[optionKey.valueKey],

package/dist/esm/Toast/style/style.css

@@ -1 +1 @@
-@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast__overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast__inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast__inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-cover{display:flex;align-items:center;justify-content:center;pointer-events:none;height:100%;background:var(--nutui-toast-cover-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-toast__inner{display:inline-block;font-size:var(--nutui-toast-text-font-size, 14px);min-width:40%;max-width:65%;text-align:var(--nutui-toast-inner-text-align, "center");padding:var(--nutui-toast-inner-padding, 24px 30px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 12px);color:var(--nutui-toast-font-color, #fff);position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);transform:translate(-50%,-50%)}.nut-toast__inner.normal{word-break:normal;word-wrap:normal}.nut-toast__inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text{font-size:var(--nutui-toast-text-font-size, 14px)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px)}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast__icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-loading .nut-toast__inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast__icon-wrapper{animation:rotation 2s linear infinite}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}
+@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast-overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast-inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast-inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-inner{display:inline-block;position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);min-width:30%;max-width:95.7%;font-size:var(--nutui-toast-text-font-size, 14px);text-align:var(--nutui-toast-inner-text-align, center);padding:var(--nutui-toast-inner-padding, 16px 24px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 16px);color:var(--nutui-toast-font-color, #ffffff);transform:translate(-50%,-50%)}.nut-toast-inner.normal{word-break:normal;word-wrap:normal}.nut-toast-inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px);font-weight:500}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast-icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-has-icon .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}.nut-toast-loading .nut-toast-inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast-icon-wrapper{animation:rotation 2s linear infinite}.nut-toast-loading .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}

package/dist/esm/Toast.js

@@ -147,7 +147,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
             break;
         }
         return React.createElement("p", {
-          className: "".concat(classPrefix, "__icon-wrapper")
+          className: "".concat(classPrefix, "-icon-wrapper")
         }, iconNode);
       }
       return icon;
@@ -174,7 +174,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
       return React.createElement(React.Fragment, null, React.createElement(Overlay, {
         visible: show2,
         style,
-        className: "".concat(classPrefix, "__overlay-default ").concat(className),
+        className: "".concat(classPrefix, "-overlay-default ").concat(className),
         onClick: function onClick() {
           _this3.clickCover();
         },
@@ -184,7 +184,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
         className: "".concat(classPrefix, " ").concat(classes),
         id: "toast-".concat(id)
       }, React.createElement("div", {
-        className: "".concat(classPrefix, "__inner ").concat(classPrefix, "-").concat(position, " ").concat(contentClassName, " ").concat(wordBreak),
+        className: "".concat(classPrefix, "-inner ").concat(classPrefix, "-").concat(position, " ").concat(contentClassName, " ").concat(wordBreak),
         style: contentStyle
       }, this.renderIcon(), title ? React.createElement("div", {
         className: "".concat(classPrefix, "-title")
@@ -198,7 +198,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
 _defineProperty(Notification, "newInstance", void 0);
 Notification.newInstance = function(properties, callback) {
   var element = document.createElement("div");
-  var id = properties.id ? properties.id : "".concat(/* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime());
+  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
   element.id = id;
   properties.id = id;
   document.body.appendChild(element);