@nutui/nutui-react-taro 3.0.19-cpp.5 → 3.0.19-cpp.7

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

@@ -588,7 +588,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

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

@@ -445,7 +445,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

package/dist/cjs/packages/checkbox/checkbox.js

@@ -169,7 +169,7 @@ var Checkbox = function Checkbox(props) {
     };
     var _obj;
     return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
-        className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _obj), className)
+        className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), (0, _define_property._)(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
         onClick: handleClick
     }), renderCheckboxItem());

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-xl, 18px));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-xl, 18px));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/noticebar/noticebar.js

@@ -48,7 +48,7 @@ var NoticeBar = function NoticeBar(props) {
     var classPrefix = 'nut-noticebar';
     var wrapRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showNoticeBar = _useState[0], SetShowNoticeBar = _useState[1];
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showNoticeBar = _useState[0], setShowNoticeBar = _useState[1];
     var scrollList = (0, _react.useRef)([]);
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), wrapWidth = _useState1[0], SetWrapWidth = _useState1[1];
     var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), firstRound = _useState2[0], SetFirstRound = _useState2[1];
@@ -183,12 +183,6 @@ var NoticeBar = function NoticeBar(props) {
         click && click(event);
         onClick && onClick(event);
     };
-    var onClickIcon = function onClickIcon(event) {
-        event.stopPropagation();
-        SetShowNoticeBar(!closeable);
-        close && close(event);
-        onClose && onClose(event);
-    };
     var onAnimationEnd = function onAnimationEnd() {
         SetFirstRound(false);
         setTimeout(function() {
@@ -211,13 +205,16 @@ var NoticeBar = function NoticeBar(props) {
             SetAnimate(false);
         }, time);
     };
-    // 点击滚动单元
-    var handleClickIcon = function handleClickIcon(event) {
+    var handleClickIcon = (0, _react.useCallback)(function(event) {
         event.stopPropagation();
-        SetShowNoticeBar(!closeable);
+        setShowNoticeBar(!closeable);
         close && close(event);
         onClose && onClose(event);
-    };
+    }, [
+        close,
+        onClose,
+        closeable
+    ]);
     var isEllipsis = function isEllipsis() {
         if (isCanScroll == null && align === 'left') {
             return wrap;
@@ -365,10 +362,12 @@ var NoticeBar = function NoticeBar(props) {
     };
     // 无缝滚动第一个元素位移控制
     var itemStyle = function itemStyle(index) {
-        var style = {};
+        var style = {
+            width: '100%'
+        };
         if (height) {
             style.height = "".concat(height, "px");
-            style.lineHeight = "".concat(height, "px");
+        // style.lineHeight = `${height}px`
         }
         var offset = childOffset[index];
         if (offset) {
@@ -437,6 +436,32 @@ var NoticeBar = function NoticeBar(props) {
         container.current = ref;
         setIsContainerReady(true);
     }, []);
+    var renderLeftIcon = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-left-icon"
+        }, leftIcon) : null);
+    }, [
+        leftIcon
+    ]);
+    var renderRight = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-right"
+        }, right) : null);
+    }, [
+        right
+    ]);
+    var renderRightIcon = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, rightIcon || closeable ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-right-icon",
+            onClick: handleClickIcon
+        }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+            size: 12
+        })) : null);
+    }, [
+        rightIcon,
+        closeable,
+        handleClickIcon
+    ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: cls,
         style: style
@@ -444,9 +469,7 @@ var NoticeBar = function NoticeBar(props) {
         className: noticebarClass,
         style: barStyle,
         onClick: handleClick
-    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, renderLeftIcon(), /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: wrapRef,
         className: "nut-noticebar-box-wrap"
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
@@ -454,21 +477,12 @@ var NoticeBar = function NoticeBar(props) {
         className: "nut-noticebar-box-wrap-content ".concat(animationClass, " ").concat(isEllipsis() ? 'nut-ellipsis' : ''),
         style: contentStyle,
         onAnimationEnd: onAnimationEnd
-    }, children, content)), right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right"
-    }, right) : null, closeable || rightIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right-icon",
-        onClick: onClickIcon
-    }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-        size: 12
-    })) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, children, content)), renderRight(), renderRightIcon()) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-vertical",
         style: barStyle,
         ref: containerRefCallback,
         onClick: handleClick
-    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, renderLeftIcon(), children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-box-wrap",
         ref: innerRef
     }, scrollList.current.map(function(item, index) {
@@ -483,8 +497,7 @@ var NoticeBar = function NoticeBar(props) {
         className: "nut-noticebar-box-horseLamp-list",
         style: horseLampStyle
     }, scrollList.current.map(function(item, index) {
-        return(// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_components.View, {
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "nut-noticebar-box-horseLamp-list-item",
             style: {
                 height: height
@@ -493,14 +506,7 @@ var NoticeBar = function NoticeBar(props) {
             onClick: function onClick(e) {
                 handleItemClick(e, item);
             }
-        }, item));
-    })), /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right-icon",
-        onClick: function onClick(e) {
-            handleClickIcon(e);
-        }
-    }, rightIcon || (closeable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-        size: 12
-    }) : null))) : null);
+        }, item);
+    })), renderRight(), renderRightIcon()) : null);
 };
 NoticeBar.displayName = 'NutNoticeBar';

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

@@ -50,7 +50,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

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

@@ -65,7 +65,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

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

@@ -52,7 +52,7 @@
     flex: 1 0 auto;
     padding: 0 $tabs-titles-gap;
     height: $tabs-titles-height;
-    line-height: $tabs-titles-height;
+    // line-height: $tabs-titles-height;
     min-width: $tabs-titles-item-min-width;
     font-size: $tabs-titles-font-size;
     color: $tabs-titles-item-color;

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

@@ -50,7 +50,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 32px);
-  line-height: var(--nutui-tabs-titles-height, 32px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-text));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title));

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

@@ -52,7 +52,7 @@
     flex: 1 0 auto;
     padding: 0 $tabs-titles-gap;
     height: $tabs-titles-height;
-    line-height: $tabs-titles-height;
+    // line-height: $tabs-titles-height;
     min-width: $tabs-titles-item-min-width;
     font-size: $tabs-titles-font-size;
     color: $tabs-titles-item-color;

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

@@ -50,7 +50,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 32px);
-  line-height: var(--nutui-tabs-titles-height, 32px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-text));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title));

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

@@ -52,7 +52,7 @@
     flex: 1 0 auto;
     padding: 0 $tabs-titles-gap;
     height: $tabs-titles-height;
-    line-height: $tabs-titles-height;
+    // line-height: $tabs-titles-height;
     min-width: $tabs-titles-item-min-width;
     font-size: $tabs-titles-font-size;
     color: $tabs-titles-item-color;

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

@@ -22,7 +22,6 @@
 .nut-textarea-limit {
   text-align: right;
   font-size: var(--nutui-font-size-base, 14px);
-  line-height: var(--nutui-font-size-base, 14px);
   margin-top: var(--nutui-spacing-base, 8px);
   color: var(--nutui-color-text-help, #888b94);
 }

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

@@ -22,7 +22,6 @@
 .nut-textarea-limit {
   text-align: right;
   font-size: var(--nutui-font-size-base, 14px);
-  line-height: var(--nutui-font-size-base, 14px);
   margin-top: var(--nutui-spacing-base, 8px);
   color: var(--nutui-color-text-help, #888b94);
 }

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

@@ -20,7 +20,7 @@
   &-limit {
     text-align: right;
     font-size: $font-size-base;
-    line-height: $font-size-base;
+    // line-height: $font-size-base;
     margin-top: $spacing-base;
     color: $color-text-help;
     &-disabled {

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

@@ -22,7 +22,6 @@
 .nut-textarea-limit {
   text-align: right;
   font-size: var(--nutui-font-text);
-  line-height: var(--nutui-font-text);
   margin-top: var(--nutui-spacing-base);
   color: var(--nutui-color-text-help);
 }

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

@@ -20,7 +20,7 @@
   &-limit {
     text-align: right;
     font-size: $font-size-base;
-    line-height: $font-size-base;
+    // line-height: $font-size-base;
     margin-top: $spacing-base;
     color: $color-text-help;
     &-disabled {

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

@@ -22,7 +22,6 @@
 .nut-textarea-limit {
   text-align: right;
   font-size: var(--nutui-font-text);
-  line-height: var(--nutui-font-text);
   margin-top: var(--nutui-spacing-base);
   color: var(--nutui-color-text-help);
 }

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

@@ -20,7 +20,7 @@
   &-limit {
     text-align: right;
     font-size: $font-size-base;
-    line-height: $font-size-base;
+    // line-height: $font-size-base;
     margin-top: $spacing-base;
     color: $color-text-help;
     &-disabled {

package/dist/es/packages/address/style/style.harmony.css

@@ -588,7 +588,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

package/dist/es/packages/cascader/style/style.harmony.css

@@ -445,7 +445,6 @@
   flex: 1 0 auto;
   padding: 0 var(--nutui-tabs-titles-gap, 12px);
   height: var(--nutui-tabs-titles-height, 44px);
-  line-height: var(--nutui-tabs-titles-height, 44px);
   min-width: var(--nutui-tabs-titles-item-min-width, 50px);
   font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));

package/dist/es/packages/checkbox/checkbox.js

@@ -157,7 +157,7 @@ export var Checkbox = function(props) {
     };
     var _obj;
     return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
-        className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _obj), className)
+        className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
         onClick: handleClick
     }), renderCheckboxItem());

package/dist/es/packages/input/style/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-xl, 18px));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style/style.harmony.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-xl, 18px));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jmapp/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jmapp/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jrkf/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jrkf/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;