@nutui/nutui-react 1.1.3 → 1.1.4-beta.2

package/dist/esm/Address.js

@@ -13,6 +13,7 @@ import React__default, { useEffect, useState, useRef } from 'react';
 import Icon from './Icon.js';
 import Popup from './Popup.js';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import Elevator from './Elevator.js';
 import '@bem-react/classname';
 var defaultProps$2 = {
@@ -25,6 +26,9 @@ var defaultProps$2 = {
 };
 
 var ExistRender = function ExistRender(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
       children = _defaultProps$2$props.children,
       type = _defaultProps$2$props.type,
@@ -103,7 +107,7 @@ var ExistRender = function ExistRender(props) {
     onClick: switchModule
   }, React__default.createElement("div", {
     className: b('choose-other-btn')
-  }, customAndExistTitle)));
+  }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 
 var defaultProps$1 = {
@@ -116,6 +120,9 @@ var defaultProps$1 = {
 };
 
 var CustomRender = function CustomRender(props) {
+  var _useConfig2 = useConfig(),
+      locale = _useConfig2.locale;
+
   var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
       children = _defaultProps$1$props.children,
       type = _defaultProps$1$props.type,
@@ -131,9 +138,8 @@ var CustomRender = function CustomRender(props) {
   var b = cn('address');
 
   var _useState = useState(type),
-      _useState2 = _slicedToArray(_useState, 2),
-      privateType = _useState2[0],
-      setPrivateType = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 1),
+      privateType = _useState2[0];
 
   var _useState3 = useState(0),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -141,9 +147,8 @@ var CustomRender = function CustomRender(props) {
       setTabIndex = _useState4[1];
 
   var _useState5 = useState(['province', 'city', 'country', 'town']),
-      _useState6 = _slicedToArray(_useState5, 2),
-      tabName = _useState6[0],
-      setTabName = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 1),
+      tabName = _useState6[0];
 
   var provinceRef = useRef(null);
   var cityRef = useRef(null);
@@ -229,7 +234,7 @@ var CustomRender = function CustomRender(props) {
       return item.name;
     }
 
-    return '请选择';
+    return locale.select;
   };
 
   var mapRef = {
@@ -397,6 +402,9 @@ var defaultProps = {
 };
 
 var Address = function Address(props) {
+  var _useConfig3 = useConfig(),
+      locale = _useConfig3.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       modelValue = _defaultProps$props.modelValue,
       children = _defaultProps$props.children,
@@ -432,9 +440,8 @@ var Address = function Address(props) {
       setPrivateType = _useState14[1];
 
   var _useState15 = useState(['province', 'city', 'country', 'town']),
-      _useState16 = _slicedToArray(_useState15, 2),
-      tabName = _useState16[0],
-      setTabName = _useState16[1];
+      _useState16 = _slicedToArray(_useState15, 1),
+      tabName = _useState16[0];
 
   var _useState17 = useState(modelValue),
       _useState18 = _slicedToArray(_useState17, 2),
@@ -464,25 +471,15 @@ var Address = function Address(props) {
       _useState22 = _slicedToArray(_useState21, 2),
       selectedExistAddress = _useState22[0],
       setSelectedExistAddress = _useState22[1]; // 当前选择的地址
-
-
-  var _useState23 = useState('self'),
-      _useState24 = _slicedToArray(_useState23, 2),
-      closeWay = _useState24[0],
-      setCloseWay = _useState24[1]; // 手动关闭 点击叉号(cross)，或者蒙层(mask)
+  // 手动关闭 点击叉号(cross)，或者蒙层(mask)
 
 
   var handClose = function handClose() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'self';
-    setCloseWay(function () {
-      return type === 'cross' ? 'cross' : 'self';
-    });
     setShowPopup(false);
   }; // 点击遮罩层关闭
 
 
   var clickOverlay = function clickOverlay() {
-    setCloseWay('mask');
     closeMask && closeMask({
       closeWay: 'mask'
     });
@@ -571,9 +568,9 @@ var Address = function Address(props) {
       color: "#cccccc"
     })), React__default.createElement("div", {
       className: b('header__title')
-    }, privateType === 'custom' ? customAddressTitle : existAddressTitle), React__default.createElement("div", {
+    }, privateType === 'custom' ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), React__default.createElement("div", {
       onClick: function onClick() {
-        return handClose('cross');
+        return handClose();
       }
     }, closeBtnIcon && React__default.createElement(Icon, {
       name: closeBtnIcon,
@@ -594,9 +591,6 @@ var Address = function Address(props) {
     visible: showPopup,
     position: "bottom",
     onClickOverlay: clickOverlay,
-    onOpen: function onOpen() {
-      setCloseWay('self');
-    },
     onClose: function onClose() {
       closeFun();
     }
@@ -620,7 +614,7 @@ var Address = function Address(props) {
     selectedIcon: selectedIcon,
     defaultIcon: defaultIcon,
     isShowCustomAddress: isShowCustomAddress,
-    customAndExistTitle: customAndExistTitle,
+    customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
     onSelected: selectedExist,
     onSwitchModule: onSwitchModule
   }))));

package/dist/esm/Avatar/style/index.js

@@ -1,2 +1,2 @@
-
+require('../../AvatarGroup/style')
 require('../../../packages/avatar/avatar.scss')

package/dist/esm/Avatar.js

@@ -1,25 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"];
+var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onError"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React__default from 'react';
+import React__default, { createContext, useState, useRef, useContext, useEffect } from 'react';
+import { c as cn } from './bem-893ad28d.js';
 import classNames from 'classnames';
 import Icon from './Icon.js';
+import '@bem-react/classname';
+var AvatarContext = createContext({});
 var defaultProps = {
-  size: 'normal',
+  size: '',
   icon: '',
-  shape: 'round',
   bgColor: '#eee',
+  color: '#666',
   prefixCls: 'nut-avatar',
-  src: ''
+  url: '',
+  alt: ''
 };
 
 var Avatar = function Avatar(props) {
-  var _classNames;
+  var _parent$propAvatarGro, _parent$propAvatarGro2, _classNames, _parent$propAvatarGro3, _parent$propAvatarGro4, _parent$propAvatarGro5, _parent$propAvatarGro6, _parent$propAvatarGro7, _parent$propAvatarGro9, _parent$propAvatarGro10, _parent$propAvatarGro11, _parent$propAvatarGro12, _parent$propAvatarGro13, _parent$propAvatarGro14, _parent$propAvatarGro15;
 
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
@@ -27,42 +32,114 @@ var Avatar = function Avatar(props) {
       size = _defaultProps$props.size,
       shape = _defaultProps$props.shape,
       bgColor = _defaultProps$props.bgColor,
-      src = _defaultProps$props.src,
+      color = _defaultProps$props.color,
+      url = _defaultProps$props.url,
+      alt = _defaultProps$props.alt,
       icon = _defaultProps$props.icon,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
+      activeAvatar = _defaultProps$props.activeAvatar,
+      onError = _defaultProps$props.onError,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      maxSum = _useState2[0],
+      setMaxSum = _useState2[1]; // avatarGroup里的avatar的个数
+
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showMax = _useState4[0],
+      setShowMax = _useState4[1]; // 是否显示的最大头像个数
+
+
+  var _useState5 = useState(1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      avatarIndex = _useState6[0],
+      setAvatarIndex = _useState6[1]; // avatar的索引
+
+
+  var avatarRef = useRef(null);
+  var parent = useContext(AvatarContext);
+  var b = cn('avatar');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat(size || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || 'normal'), true), _defineProperty(_classNames, "nut-avatar-".concat(shape || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || 'round'), true), _classNames));
+  var cls = classNames(b(''), classes, className);
   var sizeValue = ['large', 'normal', 'small'];
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls), true), _defineProperty(_classNames, "avatar-".concat(size), true), _defineProperty(_classNames, "avatar-".concat(shape), true), _classNames));
-  var cls = classNames(classes, className);
 
   var styles = _objectSpread({
     width: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
     height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
-    backgroundImage: src ? "url(".concat(src, ")") : '',
-    backgroundColor: "".concat(bgColor)
+    backgroundColor: "".concat(bgColor),
+    color: "".concat(color),
+    marginLeft: avatarIndex != 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : '',
+    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) == 'right' ? "".concat(Math.abs(maxSum - avatarIndex)) : ''
   }, style);
 
-  var iconStyles = !!icon && !src ? icon : '';
+  var maxStyles = {
+    backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBgColor),
+    color: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro7 = parent.propAvatarGroup) === null || _parent$propAvatarGro7 === void 0 ? void 0 : _parent$propAvatarGro7.maxColor)
+  };
+  var iconStyles = !!icon ? icon : '';
+  useEffect(function () {
+    var _parent$avatarGroupRe;
+
+    var avatarChildren = parent === null || parent === void 0 ? void 0 : (_parent$avatarGroupRe = parent.avatarGroupRef) === null || _parent$avatarGroupRe === void 0 ? void 0 : _parent$avatarGroupRe.current.children;
+
+    if (avatarChildren) {
+      avatarLength(avatarChildren);
+    }
+  }, []);
+
+  var avatarLength = function avatarLength(children) {
+    var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
 
-  var handleClick = function handleClick(e) {
-    if (props.onClick) {
-      props.onClick(e);
+    for (var i = 0; i < children.length; i++) {
+      if (children[i] && children[i].classList && children[i].classList[0] == 'nut-avatar') {
+        children[i].setAttribute('data-index', i + 1);
+      }
+    }
+
+    var index = avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index;
+    var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
+    setMaxSum(children.length);
+    setAvatarIndex(index);
+
+    if (index == children.length && index != maxCount && children.length > maxCount) {
+      setShowMax(true);
+    }
+  };
+
+  var errorEvent = function errorEvent(e) {
+    if (props.onError) {
+      props.onError(e);
     }
   };
 
-  return React__default.createElement("div", _objectSpread(_objectSpread({
+  var clickAvatar = function clickAvatar(e) {
+    if (props.activeAvatar) {
+      props.activeAvatar(e);
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
     className: cls
   }, rest), {}, {
-    style: styles,
-    onClick: handleClick
-  }), React__default.createElement(Icon, {
+    style: !showMax ? styles : maxStyles,
+    onClick: clickAvatar,
+    ref: avatarRef
+  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
+    src: url,
+    alt: alt,
+    onError: errorEvent
+  }), icon && React__default.createElement(Icon, {
     className: "icon",
     name: iconStyles
   }), children && React__default.createElement("span", {
     className: "text"
-  }, children));
+  }, children)), showMax && React__default.createElement("div", {
+    className: "text"
+  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.maxCount)))));
 };
 
 Avatar.defaultProps = defaultProps;

package/dist/esm/Badge.js

@@ -19,10 +19,8 @@ var defaultProps = {
 
 var Badge = function Badge(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      value = _defaultProps$props.value,
       children = _defaultProps$props.children,
       dot = _defaultProps$props.dot,
-      max = _defaultProps$props.max,
       top = _defaultProps$props.top,
       right = _defaultProps$props.right,
       zIndex = _defaultProps$props.zIndex,

package/dist/esm/Barrage.js

@@ -74,7 +74,6 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     barrageContainer.current.appendChild(el);
     var width = el.offsetWidth;
     var height = el.offsetHeight;
-    console.log(el.offsetWidth, el.offsetHeight);
     el.classList.add('move');
     el.style.animationDuration = "".concat(speeds, "ms");
     el.style.top = "".concat(_index % rows * (height + top) + 20, "px");

package/dist/esm/Calendar.js

@@ -8,6 +8,7 @@ import React__default from 'react';
 import Popup from './Popup.js';
 import CalendarItem from './CalendarItem.js';
 import { U as Utils } from './date-b4847376.js';
+import { useConfig } from './ConfigProvider.js';
 var defaultProps = {
   type: 'one',
   isAutoBackFill: false,
@@ -22,6 +23,9 @@ var defaultProps = {
 };
 
 var Calendar = function Calendar(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       poppable = _defaultProps$props.poppable,
@@ -61,7 +65,7 @@ var Calendar = function Calendar(props) {
     type: type,
     isAutoBackFill: isAutoBackFill,
     poppable: poppable,
-    title: title,
+    title: locale.calendaritem.title || title,
     defaultValue: defaultValue,
     startDate: startDate,
     endDate: endDate,
@@ -72,7 +76,7 @@ var Calendar = function Calendar(props) {
     type: type,
     isAutoBackFill: isAutoBackFill,
     poppable: poppable,
-    title: title,
+    title: locale.calendaritem.title,
     defaultValue: defaultValue,
     startDate: startDate,
     endDate: endDate,

package/dist/esm/CalendarItem.js

@@ -10,6 +10,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { U as Utils } from './date-b4847376.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 
 function requestAniFrame() {
@@ -42,12 +43,13 @@ var defaultProps = {
 var CalendarItem = function CalendarItem(props) {
   var _classNames, _classNames2;
 
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
       type = _defaultProps$props.type,
       isAutoBackFill = _defaultProps$props.isAutoBackFill,
       poppable = _defaultProps$props.poppable,
-      visible = _defaultProps$props.visible,
       title = _defaultProps$props.title,
       defaultValue = _defaultProps$props.defaultValue,
       startDate = _defaultProps$props.startDate,
@@ -56,7 +58,7 @@ var CalendarItem = function CalendarItem(props) {
       onUpdate = _defaultProps$props.onUpdate,
       onClose = _defaultProps$props.onClose;
 
-  var weeks = ['日', '一', '二', '三', '四', '五', '六'];
+  var weeks = locale.calendaritem.weekdays;
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -95,9 +97,8 @@ var CalendarItem = function CalendarItem(props) {
     isRange: type === 'range',
     timer: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      state = _useState8[0],
-      setState = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 1),
+      state = _useState8[0];
 
   var weeksPanel = useRef(null);
   var months = useRef(null);
@@ -263,7 +264,7 @@ var CalendarItem = function CalendarItem(props) {
     };
     var monthInfo = {
       curData: curData,
-      title: "".concat(title.year, "\u5E74").concat(title.month, "\u6708"),
+      title: locale.calendaritem.monthTitle(title.year, title.month),
       monthData: [].concat(_toConsumableArray(getDaysStatus(preMonthDays, 'prev')), _toConsumableArray(getDaysStatus(currMonthDays, 'curr')))
     };
 
@@ -491,7 +492,7 @@ var CalendarItem = function CalendarItem(props) {
     className: headerClasses
   }, poppable ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "calendar-title"
-  }, title), React__default.createElement("div", {
+  }, locale.calendaritem.title), React__default.createElement("div", {
     className: "calendar-curr-month"
   }, yearMonthTitle)) : '', React__default.createElement("div", {
     className: "calendar-weeks",
@@ -512,7 +513,7 @@ var CalendarItem = function CalendarItem(props) {
     ref: monthsPanel
   }, React__default.createElement("div", {
     className: "calendar-loading-tip"
-  }, !unLoadPrev ? '加载上一个月' : '没有更早月份'), monthsData.map(function (month, key) {
+  }, !unLoadPrev ? locale.calendaritem.loadPreviousMonth : locale.calendaritem.noEarlierMonth), monthsData.map(function (month, key) {
     return React__default.createElement("div", {
       className: "calendar-month",
       key: key
@@ -533,18 +534,18 @@ var CalendarItem = function CalendarItem(props) {
         className: "calendar-day"
       }, day.type === 'curr' ? day.day : ''), isCurrDay(month, day.day) ? React__default.createElement("div", {
         className: "calendar-curr-tips"
-      }, "\u4ECA\u5929") : '', isStartTip(day, month) ? React__default.createElement("div", {
+      }, locale.calendaritem.today) : '', isStartTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
-      }, "\u5F00\u59CB") : isEndTip(day, month) ? React__default.createElement("div", {
+      }, locale.calendaritem.start) : isEndTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
-      }, "\u7ED3\u675F") : '');
+      }, locale.calendaritem.end) : '');
     }))));
   }))), poppable && !isAutoBackFill ? React__default.createElement("div", {
     className: "nut-calendar-footer"
   }, React__default.createElement("div", {
     className: "calendar-confirm-btn",
     onClick: confirm
-  }, "\u786E\u5B9A")) : ''));
+  }, locale.confirm)) : ''));
 };
 
 CalendarItem.defaultProps = defaultProps;

package/dist/esm/CheckboxGroup.js

@@ -83,7 +83,7 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
   }
 
   function cloneChildren() {
-    return React__default.Children.map(children, function (child, index) {
+    return React__default.Children.map(children, function (child) {
       var childChecked = validateChildChecked(child);
 
       if (child.type.displayName !== 'NutCheckBox') {