@nutui/nutui-react-taro 3.0.19-cpp.1 → 3.0.19-cpp.11

package/dist/nutui.react.umd.js

@@ -1879,14 +1879,16 @@
   });
   var Col = function(props) {
     var _$_object_spread = _object_spread({}, defaultProps$1u, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
-    var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
-    var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = React.useContext(DataContext$1).gutter;
-    var classs = function() {
+    var classs = React.useMemo(function() {
       var prefixCls2 = "nut-col";
       return "".concat(prefixCls2, " ").concat(prefixCls2, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls2, "-gutter") : "", " ").concat(prefixCls2, "-offset-").concat(offset);
-    };
-    var getStyle = function() {
+    }, [
+      offset,
+      span,
+      gutter
+    ]);
+    var getStyle = React.useMemo(function() {
       var style2 = {};
       if (!isFirst) {
         style2.paddingLeft = pxTransform(gutter / 2);
@@ -1895,14 +1897,19 @@
         style2.paddingRight = pxTransform(gutter / 2);
       }
       return style2;
-    };
+    }, [
+      isFirst,
+      isLast,
+      gutter
+    ]);
+    var _useState = _sliced_to_array(React.useState(classs), 2), colName = _useState[0], setColName = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState(getStyle), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     React.useEffect(function() {
       setColName(classs);
       setColStyle(getStyle);
     }, [
-      span,
-      offset,
-      gutter
+      classs,
+      getStyle
     ]);
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classNames(colName, className),
@@ -7037,7 +7044,7 @@
     };
     var _obj;
     return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx === null || ctx === void 0 ? void 0 : ctx.list), _obj), className)
+      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix$j, "-active"), innerChecked), _obj), className)
     }, rest), {
       onClick: handleClick
     }), renderCheckboxItem());
@@ -15796,7 +15803,10 @@
     var classPrefix2 = "nut-noticebar";
     var wrapRef = React.useRef(null);
     var contentRef = React.useRef(null);
-    var _useState = _sliced_to_array(React.useState(true), 2), showNoticeBar = _useState[0], SetShowNoticeBar = _useState[1];
+    var uid = useUuid();
+    var wrapRefId = "wrap-ref-".concat(uid);
+    var contentRefId = "content-ref-".concat(uid);
+    var _useState = _sliced_to_array(React.useState(true), 2), showNoticeBar = _useState[0], setShowNoticeBar = _useState[1];
     var scrollList = React.useRef([]);
     var _useState1 = _sliced_to_array(React.useState(0), 2), wrapWidth = _useState1[0], SetWrapWidth = _useState1[1];
     var _useState2 = _sliced_to_array(React.useState(true), 2), firstRound = _useState2[0], SetFirstRound = _useState2[1];
@@ -15874,7 +15884,7 @@
     }, [
       list
     ]);
-    var initScrollWrap = function(value2) {
+    var initScrollWrap = function() {
       if (showNoticeBar === false) {
         return;
       }
@@ -15882,41 +15892,31 @@
         return _async_to_generator(function() {
           var warpRes, contentRes, wrapW, offsetW, canScroll;
           return __generator(this, function(_state) {
-            switch (_state.label) {
-              case 0:
-                if (!wrapRef.current || !contentRef.current) {
-                  return [
-                    2
-                  ];
-                }
-                return [
-                  4,
-                  getRectInMultiPlatform(wrapRef.current)
-                ];
-              case 1:
-                warpRes = _state.sent();
-                return [
-                  4,
-                  getRectInMultiPlatform(contentRef.current)
-                ];
-              case 2:
-                contentRes = _state.sent();
-                wrapW = warpRes.width;
-                offsetW = contentRes.width;
-                canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
-                SetIsCanScroll(canScroll);
-                if (canScroll) {
-                  SetWrapWidth(wrapW);
-                  SetOffsetW(offsetW);
-                  SetAnimationDuration(offsetW / speed);
-                  SetAnimationClass("play");
-                } else {
-                  SetAnimationClass("");
-                }
-                return [
-                  2
-                ];
+            if (!wrapRef.current || !contentRef.current) {
+              return [
+                2
+              ];
             }
+            warpRes = wrapRef.current.getBoundingClientRect();
+            contentRes = contentRef.current.getBoundingClientRect();
+            if (!warpRes || !contentRes) return [
+              2
+            ];
+            wrapW = warpRes.width;
+            offsetW = contentRes.width;
+            canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
+            SetIsCanScroll(canScroll);
+            if (canScroll) {
+              SetWrapWidth(wrapW);
+              SetOffsetW(offsetW);
+              SetAnimationDuration(offsetW / speed);
+              SetAnimationClass("play");
+            } else {
+              SetAnimationClass("");
+            }
+            return [
+              2
+            ];
           });
         })();
       }, 0);
@@ -15925,12 +15925,6 @@
       click && click(event);
       onClick && onClick(event);
     };
-    var onClickIcon = function(event) {
-      event.stopPropagation();
-      SetShowNoticeBar(!closeable);
-      close2 && close2(event);
-      onClose && onClose(event);
-    };
     var onAnimationEnd = function() {
       SetFirstRound(false);
       setTimeout(function() {
@@ -15953,12 +15947,16 @@
         SetAnimate(false);
       }, time2);
     };
-    var handleClickIcon = function(event) {
+    var handleClickIcon = React.useCallback(function(event) {
       event.stopPropagation();
-      SetShowNoticeBar(!closeable);
+      setShowNoticeBar(!closeable);
       close2 && close2(event);
       onClose && onClose(event);
-    };
+    }, [
+      close2,
+      onClose,
+      closeable
+    ]);
     var isEllipsis = function() {
       if (isCanScroll == null && align === "left") {
         return wrap;
@@ -16097,10 +16095,11 @@
       target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
     };
     var itemStyle = function(index2) {
-      var style2 = {};
+      var style2 = {
+        width: "100%"
+      };
       if (height2) {
         style2.height = "".concat(height2, "px");
-        style2.lineHeight = "".concat(height2, "px");
       }
       var offset2 = childOffset[index2];
       if (offset2) {
@@ -16164,6 +16163,32 @@
       container.current = ref;
       setIsContainerReady(true);
     }, []);
+    var renderLeftIcon = React.useCallback(function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, leftIcon ? /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-noticebar-box-left-icon"
+      }, leftIcon) : null);
+    }, [
+      leftIcon
+    ]);
+    var renderRight = React.useCallback(function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, right2 ? /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-noticebar-box-right"
+      }, right2) : null);
+    }, [
+      right2
+    ]);
+    var renderRightIcon = React.useCallback(function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, rightIcon || closeable ? /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-noticebar-box-right-icon",
+        onClick: handleClickIcon
+      }, rightIcon || /* @__PURE__ */ React.createElement(IconSVG$p, {
+        size: 12
+      })) : null);
+    }, [
+      rightIcon,
+      closeable,
+      handleClickIcon
+    ]);
     return /* @__PURE__ */ React.createElement(components.View, {
       className: cls,
       style
@@ -16171,31 +16196,22 @@
       className: noticebarClass,
       style: barStyle,
       onClick: handleClick
-    }, leftIcon ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, /* @__PURE__ */ React.createElement(components.View, {
+    }, renderLeftIcon(), /* @__PURE__ */ React.createElement(components.View, {
       ref: wrapRef,
-      className: "nut-noticebar-box-wrap"
+      className: "nut-noticebar-box-wrap",
+      id: wrapRefId
     }, /* @__PURE__ */ React.createElement(components.View, {
       ref: contentRef,
+      id: contentRefId,
       className: "nut-noticebar-box-wrap-content ".concat(animationClass, " ").concat(isEllipsis() ? "nut-ellipsis" : ""),
       style: contentStyle,
       onAnimationEnd
-    }, children, content2)), right2 ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-noticebar-box-right"
-    }, right2) : null, closeable || rightIcon ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-noticebar-box-right-icon",
-      onClick: onClickIcon
-    }, rightIcon || /* @__PURE__ */ React.createElement(IconSVG$p, {
-      size: 12
-    })) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /* @__PURE__ */ React.createElement(components.View, {
+    }, children, content2)), renderRight(), renderRightIcon()) : null, showNoticeBar && hasVerticalContent && isVertical ? /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-noticebar-vertical",
       style: barStyle,
       ref: containerRefCallback,
       onClick: handleClick
-    }, leftIcon ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, children ? /* @__PURE__ */ React.createElement(components.View, {
+    }, renderLeftIcon(), children ? /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-noticebar-box-wrap",
       ref: innerRef
     }, scrollList.current.map(function(item, index2) {
@@ -16210,27 +16226,17 @@
       className: "nut-noticebar-box-horseLamp-list",
       style: horseLampStyle
     }, scrollList.current.map(function(item, index2) {
-      return (
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-        /* @__PURE__ */ React.createElement(components.View, {
-          className: "nut-noticebar-box-horseLamp-list-item",
-          style: {
-            height: height2
-          },
-          key: index2,
-          onClick: function(e) {
-            handleItemClick(e, item);
-          }
-        }, item)
-      );
-    })), /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-noticebar-box-right-icon",
-      onClick: function(e) {
-        handleClickIcon(e);
-      }
-    }, rightIcon || (closeable ? /* @__PURE__ */ React.createElement(IconSVG$p, {
-      size: 12
-    }) : null))) : null);
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-noticebar-box-horseLamp-list-item",
+        style: {
+          height: height2
+        },
+        key: index2,
+        onClick: function(e) {
+          handleItemClick(e, item);
+        }
+      }, item);
+    })), renderRight(), renderRightIcon()) : null);
   };
   NoticeBar.displayName = "NutNoticeBar";
   var defaultProps$B = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -17351,7 +17357,7 @@
       style: _object_spread({}, styles, contentStyle)
     }, renderIcon(), title && /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-title")
-    }, title), content2 && /* @__PURE__ */ React.createElement(components.View, {
+    }, title), content2 && /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-text")
     }, content2)))));
   };