@nutui/nutui-react-taro 3.0.20 → 3.0.22-cpp

package/dist/cjs/packages/steps/style-jrkf/steps.scss

@@ -128,7 +128,7 @@
 
         &-head {
           justify-content: center;
-          margin-bottom: 6px;
+          margin-bottom: 5px;
 
           &-dot-wrap,
           &-icon-wrap,
@@ -151,7 +151,14 @@
         &-main {
           align-items: center;
           margin-left: 0;
-          margin-top: 2px;
+        }
+
+        &-title {
+          height: auto;
+          line-height: 20px;
+          white-space: normal;
+          overflow-wrap: break-word;
+          text-align: center;
         }
       }
 
@@ -212,7 +219,7 @@
       &-head {
         align-items: center;
         justify-content: center;
-        height: 18px;
+        height: 20px;
 
         &-icon {
           width: $steps-vertical-head-icon-size;

package/dist/cjs/packages/steps/style-jrkf/style.css

@@ -95,7 +95,7 @@
 }
 .nut-steps-horizontal-double .nut-step-head {
   justify-content: center;
-  margin-bottom: 6px;
+  margin-bottom: 5px;
 }
 .nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
   background-color: var(--nutui-steps-background-color, #ffffff);
@@ -112,7 +112,13 @@
 .nut-steps-horizontal-double .nut-step-main {
   align-items: center;
   margin-left: 0;
-  margin-top: 2px;
+}
+.nut-steps-horizontal-double .nut-step-title {
+  height: auto;
+  line-height: 20px;
+  white-space: normal;
+  overflow-wrap: break-word;
+  text-align: center;
 }
 .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
   height: var(--nutui-steps-base-head-icon-size-right, 20px);
@@ -147,7 +153,7 @@
 .nut-steps-vertical .nut-step-head {
   align-items: center;
   justify-content: center;
-  height: 18px;
+  height: 20px;
 }
 .nut-steps-vertical .nut-step-head-icon {
   width: var(--nutui-steps-vertical-item-icon-size, 20px);

package/dist/cjs/packages/sticky/sticky.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = 'nut-sticky';
 var Sticky = function Sticky(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), position = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold, style = _ref.style, children = _ref.children, container = _ref.container, className = _ref.className, onChange = _ref.onChange, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), position = _$_object_spread.position, zIndex = _$_object_spread.zIndex, threshold = _$_object_spread.threshold, style = _$_object_spread.style, children = _$_object_spread.children, container = _$_object_spread.container, className = _$_object_spread.className, onChange = _$_object_spread.onChange, rest = (0, _object_without_properties._)(_$_object_spread, [
         "position",
         "zIndex",
         "threshold",
@@ -52,13 +52,13 @@ var Sticky = function Sticky(props) {
         onChange && onChange(fixed);
     });
     var rootStyle = (0, _react.useMemo)(function() {
+        var _rootRect_height, _rootRect_width;
         if (!fixed) {
             return {
                 height: '',
                 width: ''
             };
         }
-        var _rootRect_height, _rootRect_width;
         var style = {
             height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',
             width: (_rootRect_width = rootRect.width) !== null && _rootRect_width !== void 0 ? _rootRect_width : ''
@@ -70,13 +70,13 @@ var Sticky = function Sticky(props) {
         rootRect.width
     ]);
     var stickyStyle = (0, _react.useMemo)(function() {
+        var _rootRect_height, _rootRect_width;
         if (!fixed) {
             return (0, _define_property._)({
                 height: '',
                 width: ''
             }, position, '');
         }
-        var _rootRect_height, _rootRect_width;
         var _obj;
         var style = (_obj = {
             height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',

package/dist/cjs/packages/swipe/swipe.js

@@ -18,10 +18,10 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
+var _taro = require("@tarojs/taro");
 var _usetouch = require("../../hooks/use-touch");
 var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
-var _platform = require("../../utils/taro/platform");
 var _userefstate = require("../../hooks/use-ref-state");
 var _useuuid = require("../../hooks/use-uuid");
 function preventDefault(event, isStopPropagation) {
@@ -41,97 +41,9 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
     var uid = (0, _useuuid.useUuid)();
     var leftId = "swipe-left-".concat(uid);
     var rightId = "swipe-right-".concat(uid);
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
-    var root = (0, _react.useRef)();
-    var opened = (0, _react.useRef)(false);
-    var lockClick = (0, _react.useRef)(false);
-    var startOffset = (0, _react.useRef)(0);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)({
-        offset: 0,
-        dragging: false
-    }), 2), state = _useState[0], setState = _useState[1];
-    var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)({
-        left: 0,
-        right: 0
-    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
-    var setActionWidth = (0, _react.useCallback)(function(fn) {
-        var res = fn();
-        if (res.left !== undefined) {
-            updateState((0, _object_spread_props._)((0, _object_spread._)({}, actionWidth.current), {
-                left: res.left
-            }));
-        }
-        if (res.right !== undefined) {
-            updateState((0, _object_spread_props._)((0, _object_spread._)({}, actionWidth.current), {
-                right: res.right
-            }));
-        }
-    }, [
-        actionWidth,
-        updateState
-    ]);
-    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
-    (0, _react.useLayoutEffect)(function() {
-        var getWidth = function getWidth() {
-            return (0, _async_to_generator._)(function() {
-                var leftRect, rightRect;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!leftWrapper.current) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(leftWrapper.current, leftId)
-                            ];
-                        case 1:
-                            leftRect = _state.sent();
-                            leftRect && setActionWidth(function(v) {
-                                return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
-                                    left: leftRect.width
-                                });
-                            });
-                            _state.label = 2;
-                        case 2:
-                            if (!rightWrapper.current) return [
-                                3,
-                                4
-                            ];
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(rightWrapper.current, rightId)
-                            ];
-                        case 3:
-                            rightRect = _state.sent();
-                            rightRect && setActionWidth(function(v) {
-                                return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
-                                    right: rightRect.width
-                                });
-                            });
-                            _state.label = 4;
-                        case 4:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        };
-        getWidth();
-    }, [
-        leftId,
-        rightId,
-        setActionWidth
-    ]);
-    var wrapperStyle = {
-        transform: "translate(".concat(state.offset).concat(!(0, _platform.harmony)() ? 'px' : '', ", 0)"),
-        transitionDuration: state.dragging ? '0s' : '.6s'
-    };
-    var onTouchStart = function onTouchStart(event) {
+    var getWidth = function getWidth() {
         return (0, _async_to_generator._)(function() {
-            var leftRect, rightRect, _props_onTouchStart;
+            var leftRect, rightRect;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -169,12 +81,6 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                         });
                         _state.label = 4;
                     case 4:
-                        if (!props.disabled) {
-                            ;
-                            startOffset.current = state.offset;
-                            touch.start(event);
-                            (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
-                        }
                         return [
                             2
                         ];
@@ -182,31 +88,89 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
             });
         })();
     };
+    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
+    (0, _taro.useReady)(function() {
+        (0, _taro.nextTick)(function() {
+            return getWidth();
+        });
+    });
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
+    var root = (0, _react.useRef)();
+    var opened = (0, _react.useRef)(false);
+    var lockClick = (0, _react.useRef)(false);
+    var startOffset = (0, _react.useRef)(0);
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)({
+        offset: 0,
+        dragging: false
+    }), 2), state = _useState[0], setState = _useState[1];
+    var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)({
+        left: 0,
+        right: 0
+    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
+    var setActionWidth = function setActionWidth(fn) {
+        var res = fn();
+        if (res.left !== undefined) {
+            updateState((0, _object_spread_props._)((0, _object_spread._)({}, actionWidth.current), {
+                left: res.left
+            }));
+        }
+        if (res.right !== undefined) {
+            updateState((0, _object_spread_props._)((0, _object_spread._)({}, actionWidth.current), {
+                right: res.right
+            }));
+        }
+    };
+    var wrapperStyle = (0, _react.useMemo)(function() {
+        return {
+            transform: "translate(".concat(state.offset, "px, 0)"),
+            transitionDuration: state.dragging ? '0.01s' : '.6s'
+        };
+    }, [
+        state.offset,
+        state.dragging
+    ]);
+    var onTouchStart = function onTouchStart(event) {
+        return (0, _async_to_generator._)(function() {
+            var _props_onTouchStart;
+            return (0, _ts_generator._)(this, function(_state) {
+                if (!props.disabled) {
+                    ;
+                    getWidth();
+                    startOffset.current = state.offset;
+                    touch.start(event);
+                    (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
+                }
+                return [
+                    2
+                ];
+            });
+        })();
+    };
     var onTouchMove = function onTouchMove(event) {
         var _props_onTouchMove;
-        if (props.disabled) {
-            return;
-        }
+        if (props.disabled) return;
         touch.move(event);
         (_props_onTouchMove = props.onTouchMove) === null || _props_onTouchMove === void 0 ? void 0 : _props_onTouchMove.call(props, event);
         if (touch.isHorizontal()) {
             lockClick.current = true;
-            var newState = (0, _object_spread_props._)((0, _object_spread._)({}, state), {
-                dragging: true
-            });
             var isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
             if (isEdge) {
                 preventDefault(event, true);
             }
-            newState.offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
-            setState(newState);
+            var offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
+            setState(function(prevState) {
+                return (0, _object_spread_props._)((0, _object_spread._)({}, prevState), {
+                    dragging: true,
+                    offset: Number(offset) || 0
+                });
+            });
         }
     };
     var onTouchEnd = function onTouchEnd(event) {
         if (state.dragging) {
             var _props_onTouchEnd;
-            setState(function(v) {
-                return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
+            setState(function(prevState) {
+                return (0, _object_spread_props._)((0, _object_spread._)({}, prevState), {
                     dragging: false
                 });
             });
@@ -237,13 +201,13 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
             name: name,
             position: side
         });
-        setState(function(v) {
-            return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
+        setState(function(prevState) {
+            return (0, _object_spread_props._)((0, _object_spread._)({}, prevState), {
                 offset: Number(offset) || 0
             });
         });
     };
-    var close = function close(position) {
+    var close = (0, _react.useCallback)(function(position) {
         if (opened.current) {
             var _props_onClose;
             opened.current = false;
@@ -252,12 +216,14 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                 position: position || 'left'
             });
         }
-        setState(function(v) {
-            return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
+        setState(function(prevState) {
+            return (0, _object_spread_props._)((0, _object_spread._)({}, prevState), {
                 offset: 0
             });
         });
-    };
+    }, [
+        props
+    ]);
     var rangeCalculation = function rangeCalculation(num, min, max) {
         return Math.min(Math.max(Number(num), Number(min)), Number(max));
     };
@@ -294,7 +260,8 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         };
     });
     (0, _react.useEffect)(function() {
-        if ((0, _platform.harmony)()) return;
+        if (typeof document === 'undefined' || typeof document.addEventListener !== 'function') return;
+        // 并没有生效
         var handler = function handler(event) {
             var targets = [
                 root
@@ -311,7 +278,9 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         return function() {
             document.removeEventListener('touchstart', handler);
         };
-    }, []);
+    }, [
+        close
+    ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: root,
         className: (0, _classnames.default)(classPrefix, className),

package/dist/cjs/packages/swiper/swiper.js

@@ -31,7 +31,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-swiper';
 var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), width = _$_object_spread.width, height = _$_object_spread.height, className = _$_object_spread.className, children = _$_object_spread.children, indicator = _$_object_spread.indicator, indicatorDots = _$_object_spread.indicatorDots, loop = _$_object_spread.loop, circular = _$_object_spread.circular, autoPlay = _$_object_spread.autoPlay, autoplay = _$_object_spread.autoplay, vertical = _$_object_spread.vertical, direction = _$_object_spread.direction, defaultValue = _$_object_spread.defaultValue, current = _$_object_spread.current, onChange = _$_object_spread.onChange, style = _$_object_spread.style, rest = (0, _object_without_properties._)(_$_object_spread, [
         "width",
         "height",
         "className",

package/dist/cjs/packages/switch/switch.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onLoadingChange: function onLoadingChange(loading) {}
 });
 var Switch = function Switch(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, disabled = _$_object_spread.disabled, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, loadingIcon = _$_object_spread.loadingIcon, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange, propLoading = _$_object_spread.loading, onLoadingChange = _$_object_spread.onLoadingChange, ariaLabel = _$_object_spread.ariaLabel, rest = (0, _object_without_properties._)(_$_object_spread, [
         "checked",
         "defaultChecked",
         "disabled",

package/dist/cjs/packages/tabbaritem/tabbaritem.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TabbarItem = function TabbarItem(props) {
     var ctx = (0, _react.useContext)(_context.default);
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right = _ref.right, index = _ref.index, direction = _ref.direction, onActiveClick = _ref.onActiveClick, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, icon = _$_object_spread.icon, value = _$_object_spread.value, dot = _$_object_spread.dot, max = _$_object_spread.max, top = _$_object_spread.top, right = _$_object_spread.right, index = _$_object_spread.index, direction = _$_object_spread.direction, onActiveClick = _$_object_spread.onActiveClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "style",
         "title",

package/dist/cjs/packages/table/style/style.css

@@ -108,7 +108,7 @@
 }
 .nut-table-main-body {
   /* #ifndef dynamic*/
-  display: table-row-group;
+  display: table-header-group;
   /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {

package/dist/cjs/packages/table/style/style.harmony.css

@@ -108,7 +108,7 @@
 }
 .nut-table-main-body {
   /* #ifndef dynamic*/
-  display: table-row-group;
+  display: table-header-group;
   /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {

package/dist/cjs/packages/table/style/table.scss

@@ -135,7 +135,7 @@
 
     &-body {
       /* #ifndef dynamic*/
-      display: table-row-group;
+      display: table-header-group;
       /* #endif */
     }
   }

package/dist/cjs/packages/table/style-jmapp/style.css

@@ -108,7 +108,7 @@
 }
 .nut-table-main-body {
   /* #ifndef dynamic*/
-  display: table-row-group;
+  display: table-header-group;
   /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {

package/dist/cjs/packages/table/style-jmapp/table.scss

@@ -135,7 +135,7 @@
 
     &-body {
       /* #ifndef dynamic*/
-      display: table-row-group;
+      display: table-header-group;
       /* #endif */
     }
   }

package/dist/cjs/packages/table/style-jrkf/style.css

@@ -108,7 +108,7 @@
 }
 .nut-table-main-body {
   /* #ifndef dynamic*/
-  display: table-row-group;
+  display: table-header-group;
   /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {

package/dist/cjs/packages/table/style-jrkf/table.scss

@@ -135,7 +135,7 @@
 
     &-body {
       /* #ifndef dynamic*/
-      display: table-row-group;
+      display: table-header-group;
       /* #endif */
     }
   }

package/dist/cjs/packages/table/table.js

@@ -37,7 +37,7 @@ var Table = function Table(props) {
     var locale = (0, _index.useConfig)().locale;
     var rtl = (0, _index.useRtl)();
     defaultProps.noData = locale.noData;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, columns = _ref.columns, data = _ref.data, bordered = _ref.bordered, summary = _ref.summary, striped = _ref.striped, noData = _ref.noData, sorterIcon = _ref.sorterIcon, showHeader = _ref.showHeader, onSort = _ref.onSort, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, columns = _$_object_spread.columns, data = _$_object_spread.data, bordered = _$_object_spread.bordered, summary = _$_object_spread.summary, striped = _$_object_spread.striped, noData = _$_object_spread.noData, sorterIcon = _$_object_spread.sorterIcon, showHeader = _$_object_spread.showHeader, onSort = _$_object_spread.onSort, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "style",

package/dist/cjs/packages/tabs/tabs.js

@@ -39,7 +39,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var classPrefix = 'nut-tabs';
 var Tabs = function Tabs(props) {
     var rtl = (0, _configprovider.useRtl)();
-    var _ref = (0, _object_spread._)({}, defaultProps, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), activeColor = _$_object_spread.activeColor, tabStyle = _$_object_spread.tabStyle, direction = _$_object_spread.direction, activeType = _$_object_spread.activeType, duration = _$_object_spread.duration, align = _$_object_spread.align, title = _$_object_spread.title, name = _$_object_spread.name, children = _$_object_spread.children, onClick = _$_object_spread.onClick, onChange = _$_object_spread.onChange, className = _$_object_spread.className, autoHeight = _$_object_spread.autoHeight, outerValue = _$_object_spread.value, outerDefaultValue = _$_object_spread.defaultValue, rest = (0, _object_without_properties._)(_$_object_spread, [
         "activeColor",
         "tabStyle",
         "direction",
@@ -63,6 +63,7 @@ var Tabs = function Tabs(props) {
         onChange: onChange
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var titleItemsRef = (0, _react.useRef)([]);
+    var tabsRef = (0, _react.useRef)(null);
     var getTitles = function getTitles() {
         var titles = [];
         _react.default.Children.forEach(children, function(child, idx) {
@@ -102,7 +103,8 @@ var Tabs = function Tabs(props) {
     var classesTitle = (0, _classnames.default)("".concat(classPrefix, "-titles"), (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), (0, _define_property._)(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
     var getRect = function getRect(selector) {
         return new Promise(function(resolve) {
-            (0, _taro.createSelectorQuery)().select(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            (0, _taro.createSelectorQuery)().in(((_tabsRef_current = tabsRef.current) === null || _tabsRef_current === void 0 ? void 0 : _tabsRef_current._scope) || tabsRef.current).select(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
                 resolve(rect[0]);
             });
@@ -110,7 +112,8 @@ var Tabs = function Tabs(props) {
     };
     var getAllRect = function getAllRect(selector) {
         return new Promise(function(resolve) {
-            (0, _taro.createSelectorQuery)().selectAll(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            (0, _taro.createSelectorQuery)().in(((_tabsRef_current = tabsRef.current) === null || _tabsRef_current === void 0 ? void 0 : _tabsRef_current._scope) || tabsRef.current).selectAll(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
                 resolve(rect[0]);
             });
@@ -190,9 +193,11 @@ var Tabs = function Tabs(props) {
             setValue(item.value);
         }
     };
-    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)({
+    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
         className: classes
-    }, rest), /*#__PURE__*/ _react.default.createElement(_components.ScrollView, {
+    }, rest), {
+        ref: tabsRef
+    }), /*#__PURE__*/ _react.default.createElement(_components.ScrollView, {
         enableFlex: true,
         scrollX: direction === 'horizontal',
         scrollY: direction === 'vertical',
@@ -224,7 +229,9 @@ var Tabs = function Tabs(props) {
                 background: activeColor
             }
         }), activeType === 'smile' && /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "".concat(classPrefix, "-titles-item-smile")
+            className: "".concat(classPrefix, "-titles-item-smile"),
+            // @ts-ignore
+            ariaHidden: true
         }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.JoySmile, {
             color: activeColor
         })), /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/packages/tag/style/style.css

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-tag-primary {
-  background: var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+  background: #fa2c19;
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));

package/dist/cjs/packages/tag/style/style.harmony.css

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-tag-primary {
-  background: var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+  background: #fa2c19;
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));

package/dist/cjs/packages/tag/style/tag.scss

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: $tag-primary-background-color;
+    background: #fa2c19;
   }
 
   &-info {

package/dist/cjs/packages/tag/style-jmapp/style.css

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary));
+  background: #fa2c19;
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));

package/dist/cjs/packages/tag/style-jmapp/tag.scss

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: $tag-primary-background-color;
+    background: #fa2c19;
   }
 
   &-info {

package/dist/cjs/packages/tag/style-jrkf/style.css

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #ff6666));
+  background: #fa2c19;
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));

package/dist/cjs/packages/tag/style-jrkf/tag.scss

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: $tag-primary-background-color;
+    background: #fa2c19;
   }
 
   &-info {

package/dist/cjs/packages/textarea/textarea.js

@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var locale = (0, _index.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, showCount = _$_object_spread.showCount, maxLength = _$_object_spread.maxLength, rows = _$_object_spread.rows, placeholder = _$_object_spread.placeholder, readOnly = _$_object_spread.readOnly, disabled = _$_object_spread.disabled, autoSize = _$_object_spread.autoSize, style = _$_object_spread.style, plain = _$_object_spread.plain, status = _$_object_spread.status, viewId = _$_object_spread.viewId, onChange = _$_object_spread.onChange, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "value",
         "defaultValue",