@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/card.taro-c4f88500.js

@@ -0,0 +1,265 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"],
+    _excluded2 = ["className", "style", "imgUrl", "title", "price", "vipPrice", "shopDesc", "delivery", "shopName", "shopTagTpl", "originTpl", "prolistTpl", "footerTpl"];
+
+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, { useState, useEffect } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-62bd7379.js';
+var defaultProps$2 = {
+  price: 0,
+  needSymbol: true,
+  symbol: '&yen;',
+  decimalDigits: 2,
+  thousands: false,
+  className: ''
+};
+
+var Price = function Price(props) {
+  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
+      price = _defaultProps$2$props.price,
+      needSymbol = _defaultProps$2$props.needSymbol,
+      symbol = _defaultProps$2$props.symbol,
+      decimalDigits = _defaultProps$2$props.decimalDigits,
+      thousands = _defaultProps$2$props.thousands,
+      className = _defaultProps$2$props.className,
+      rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
+
+  var b = cn('price');
+
+  var replaceSpecialChar = function replaceSpecialChar(symbol) {
+    var desSymbol = symbol;
+    desSymbol = symbol.replace(/&quot;/g, '"');
+    desSymbol = symbol.replace(/&amp;/g, '&');
+    desSymbol = symbol.replace(/&lt;/g, '<');
+    desSymbol = symbol.replace(/&gt;/g, '>');
+    desSymbol = symbol.replace(/&nbsp;/g, ' ');
+    desSymbol = symbol.replace(/&yen;/g, '￥');
+    return desSymbol;
+  };
+
+  var showSymbol = function showSymbol() {
+    return {
+      __html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
+    };
+  };
+
+  var checkPoint = function checkPoint(price) {
+    return String(price).indexOf('.') > 0;
+  };
+
+  var formatThousands = function formatThousands(num) {
+    if (Number(num) === 0) {
+      num = 0;
+    }
+
+    if (checkPoint(num)) {
+      num = Number(num).toFixed(decimalDigits);
+      num = typeof num.split('.') === 'string' ? num.split('.') : num.split('.')[0];
+    } else {
+      num = num.toString();
+    }
+
+    if (thousands) {
+      return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
+    }
+
+    return num;
+  };
+
+  var formatDecimal = function formatDecimal(decimalNum) {
+    if (Number(decimalNum) === 0) {
+      decimalNum = 0;
+    }
+
+    if (checkPoint(decimalNum)) {
+      decimalNum = Number(decimalNum).toFixed(decimalDigits);
+      decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1];
+    } else {
+      decimalNum = 0;
+    }
+
+    var result = "0.".concat(decimalNum);
+    var resultFixed = Number(result).toFixed(decimalDigits);
+    return String(resultFixed).substring(2, resultFixed.length);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), needSymbol ? React__default.createElement("div", {
+    className: "".concat(b('symbol')),
+    dangerouslySetInnerHTML: showSymbol()
+  }) : null, React__default.createElement("div", {
+    className: "".concat(b('big'))
+  }, formatThousands(price)), React__default.createElement("div", {
+    className: "".concat(b('point'))
+  }, "."), React__default.createElement("div", {
+    className: "".concat(b('small'))
+  }, formatDecimal(price)));
+};
+
+Price.defaultProps = defaultProps$2;
+Price.displayName = 'NutPrice';
+var defaultProps$1 = {
+  type: 'default',
+  color: '',
+  textColor: '',
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false,
+  prefixCls: 'nut-tag',
+  onClose: function onClose(e) {},
+  onClick: function onClick(e) {}
+};
+
+var Tag = function Tag(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      color = _defaultProps$1$props.color,
+      plain = _defaultProps$1$props.plain,
+      type = _defaultProps$1$props.type,
+      round = _defaultProps$1$props.round,
+      prefixCls = _defaultProps$1$props.prefixCls,
+      children = _defaultProps$1$props.children,
+      mark = _defaultProps$1$props.mark,
+      closeable = _defaultProps$1$props.closeable,
+      textColor = _defaultProps$1$props.textColor,
+      onClick = _defaultProps$1$props.onClick,
+      onClose = _defaultProps$1$props.onClose;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      btnName = _useState2[0],
+      setBtnName = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isTagShow = _useState4[0],
+      setIsTagShow = _useState4[1];
+
+  useEffect(function () {
+    setBtnName(classes());
+  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
+
+  var classes = function classes() {
+    var prefixCls = 'nut-tag';
+    return "".concat(prefixCls, "\n    ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n    ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n    ").concat(round ? "".concat(prefixCls, "--round") : '', "\n    ").concat(mark ? "".concat(prefixCls, "--mark") : '', "\n    ").concat(closeable ? "".concat(prefixCls, "--close") : '');
+  };
+
+  var handleClick = function handleClick(e) {
+    if (props.onClick) {
+      props.onClick(e);
+    }
+  };
+
+  var getStyle = function getStyle() {
+    var style = {};
+
+    if (textColor) {
+      style.color = textColor;
+
+      if (plain) {
+        style.background = '#fff';
+      } else if (color) {
+        style.background = color;
+      }
+    } else if (color) {
+      style.color = '#fff';
+      style.background = color;
+    }
+
+    return style;
+  };
+
+  return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
+    className: "".concat(btnName),
+    style: getStyle(),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, children && React__default.createElement("span", {
+    className: "text"
+  }, children), React__default.createElement(Icon, {
+    className: "_icon",
+    name: "close",
+    size: "12",
+    click: function click(e) {
+      setIsTagShow(false);
+
+      if (props.onClose) {
+        props.onClose(e);
+      }
+    }
+  })) : React__default.createElement("div", {
+    className: "".concat(btnName),
+    style: getStyle(),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, children && React__default.createElement("span", {
+    className: "text"
+  }, children)));
+};
+
+Tag.defaultProps = defaultProps$1;
+Tag.displayName = 'NutTag';
+var defaultProps = {};
+
+var Card = function Card(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      imgUrl = _defaultProps$props.imgUrl,
+      title = _defaultProps$props.title,
+      price = _defaultProps$props.price,
+      vipPrice = _defaultProps$props.vipPrice,
+      shopDesc = _defaultProps$props.shopDesc,
+      delivery = _defaultProps$props.delivery,
+      shopName = _defaultProps$props.shopName,
+      shopTagTpl = _defaultProps$props.shopTagTpl,
+      originTpl = _defaultProps$props.originTpl,
+      prolistTpl = _defaultProps$props.prolistTpl,
+      footerTpl = _defaultProps$props.footerTpl,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
+
+  var b = cn('card');
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className),
+    style: style
+  }, rest), React__default.createElement("div", {
+    className: b('left')
+  }, React__default.createElement("img", {
+    src: imgUrl,
+    alt: ""
+  })), React__default.createElement("div", {
+    className: b('right')
+  }, React__default.createElement("div", {
+    className: b('right__title')
+  }, title), prolistTpl, React__default.createElement("div", {
+    className: b('right__price')
+  }, React__default.createElement(Price, {
+    price: price
+  }), originTpl || React__default.createElement(Price, {
+    className: b('right__price__origin'),
+    price: vipPrice
+  })), React__default.createElement("div", {
+    className: b('right__other')
+  }, shopTagTpl || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
+    type: "danger"
+  }, shopDesc), React__default.createElement(Tag, {
+    plain: true
+  }, delivery))), React__default.createElement("div", {
+    className: b('right__shop')
+  }, React__default.createElement("div", {
+    className: b('right__shop__name')
+  }, shopName), footerTpl)));
+};
+
+Card.defaultProps = defaultProps;
+Card.displayName = 'NutCard';
+export { Card as C };

package/dist/esm/cell.taro-8080af48.js

@@ -0,0 +1,114 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot"];
+
+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 { useHistory } from 'react-router-dom';
+import Taro from '@tarojs/taro';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  title: null,
+  subTitle: null,
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  icon: '',
+  roundRadius: '6px',
+  url: '',
+  to: '',
+  replace: false,
+  center: false,
+  size: '',
+  className: '',
+  iconSlot: null,
+  linkSlot: null,
+  click: function click(event) {}
+};
+
+var Cell = function Cell(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      click = _defaultProps$props.click,
+      title = _defaultProps$props.title,
+      subTitle = _defaultProps$props.subTitle,
+      desc = _defaultProps$props.desc,
+      descTextAlign = _defaultProps$props.descTextAlign,
+      isLink = _defaultProps$props.isLink,
+      icon = _defaultProps$props.icon,
+      roundRadius = _defaultProps$props.roundRadius,
+      url = _defaultProps$props.url,
+      to = _defaultProps$props.to,
+      replace = _defaultProps$props.replace,
+      center = _defaultProps$props.center,
+      size = _defaultProps$props.size,
+      className = _defaultProps$props.className,
+      iconSlot = _defaultProps$props.iconSlot,
+      linkSlot = _defaultProps$props.linkSlot,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('cell');
+  var history = useHistory();
+
+  var handleClick = function handleClick(event) {
+    click(event);
+
+    if (to && history) {
+      history[replace ? 'replace' : 'push'](to);
+    } else if (url) {
+      if (url.startsWith('https://') || url.startsWith('http://') || url.startsWith('//')) {
+        replace ? window.location.replace(url) : window.location.href = url;
+      } else {
+        Taro.navigateTo({
+          url: url
+        });
+      }
+    }
+  };
+
+  var baseStyle = {
+    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
+  };
+  var styles = title || subTitle || icon ? {} : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: !!(isLink || to),
+      center: center,
+      large: size === 'large'
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    },
+    style: baseStyle
+  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
+    className: b('icon')
+  }, iconSlot || (icon ? React__default.createElement(Icon, {
+    name: icon,
+    className: "icon"
+  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
+    className: "".concat(b('title'))
+  }, title ? React__default.createElement("div", {
+    className: b('maintitle')
+  }, title) : null, subTitle ? React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
+    className: b('value', {
+      alone: !title && !subTitle
+    }),
+    style: styles
+  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
+    name: "right",
+    className: b('link')
+  }) : linkSlot));
+};
+
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
+export { Cell as C };

package/dist/esm/cellgroup.taro-8c87bf08.js

@@ -0,0 +1,40 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  title: '',
+  desc: '',
+  titleSlot: null,
+  descSlot: null,
+  classPrefix: 'nutui-cell-group'
+};
+
+var CellGroup = function CellGroup(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      classPrefix = _defaultProps$props.classPrefix,
+      title = _defaultProps$props.title,
+      desc = _defaultProps$props.desc,
+      titleSlot = _defaultProps$props.titleSlot,
+      descSlot = _defaultProps$props.descSlot;
+
+  var b = cn('cell-group');
+  return React__default.createElement("div", {
+    className: b(null, [classPrefix])
+  }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+    className: b('title')
+  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+    className: b('desc')
+  }, desc) : null), React__default.createElement("div", {
+    className: b('wrap')
+  }, children));
+};
+
+CellGroup.defaultProps = defaultProps;
+CellGroup.displayName = 'NutCellGroup';
+export { CellGroup as C };

package/dist/esm/checkbox.taro-7267be92.js

@@ -0,0 +1,210 @@
+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";
+var _excluded = ["className", "disabled", "onChange", "checkedValue", "max"],
+    _excluded2 = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange"];
+
+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, { useState, useImperativeHandle, useEffect } from 'react';
+import { I as Icon } from './icon-62bd7379.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps$1 = {
+  disabled: false,
+  checkedValue: [],
+  max: undefined,
+  onChange: function onChange(value) {}
+};
+var CheckboxGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      children = _defaultProps$1$props.children;
+
+  var b = cn('checkboxgroup');
+
+  var className = props.className,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      checkedValue = props.checkedValue,
+      max = props.max,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(disabled),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerDisabled = _useState2[0],
+      setInnerDisabled = _useState2[1];
+
+  var _useState3 = useState(checkedValue),
+      _useState4 = _slicedToArray(_useState3, 2),
+      innerValue = _useState4[0],
+      setInnerValue = _useState4[1];
+
+  useImperativeHandle(ref, function () {
+    return {
+      toggleAll: function toggleAll(state) {
+        if (state === false) {
+          setInnerValue([]);
+        } else {
+          var childrenLabel = [];
+          React__default.Children.map(children, function (child) {
+            var childProps = child.props;
+            console.log(child);
+            childrenLabel.push(childProps.label || child.children);
+          });
+          setInnerValue(childrenLabel);
+        }
+      },
+      toggleReverse: function toggleReverse() {
+        var childrenLabel = [];
+        React__default.Children.map(children, function (child) {
+          var childProps = child.props;
+          childrenLabel.push(childProps.label || child.children);
+        });
+        var reverse = childrenLabel.filter(function (c) {
+          return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.findIndex(function (v) {
+            return v === c;
+          })) === -1;
+        });
+        setInnerValue(reverse);
+      }
+    };
+  });
+  useEffect(function () {
+    setInnerDisabled(disabled);
+    setInnerValue(checkedValue);
+  }, [disabled, checkedValue]);
+
+  function handleChildChange(state, label) {
+    if (max !== undefined && innerValue && innerValue.length > max) return;
+
+    if (innerValue) {
+      var clippedValue = [];
+
+      if (state) {
+        clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
+      } else {
+        innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
+        clippedValue = _toConsumableArray(innerValue);
+      }
+
+      setInnerValue(clippedValue);
+      onChange && onChange(clippedValue);
+    }
+  }
+
+  function validateChildChecked(child) {
+    if (!innerValue) return false;
+    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
+  }
+
+  function getParentVals() {
+    return innerValue;
+  }
+
+  function cloneChildren() {
+    return React__default.Children.map(children, function (child) {
+      var childChecked = validateChildChecked(child);
+
+      if (child.type.displayName !== 'NutCheckBox') {
+        return React__default.cloneElement(child);
+      }
+
+      return React__default.cloneElement(child, {
+        disabled: innerDisabled,
+        checked: childChecked,
+        onChange: handleChildChange,
+        getParentVals: getParentVals,
+        max: max
+      });
+    });
+  }
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className || '')
+  }, rest), cloneChildren());
+});
+CheckboxGroup.defaultProps = defaultProps$1;
+CheckboxGroup.displayName = 'NutCheckboxGroup';
+var defaultProps = {
+  checked: false,
+  disabled: false,
+  textPosition: 'right',
+  iconSize: 18,
+  iconName: 'check-normal',
+  iconActiveName: 'checked',
+  onChange: function onChange(state, label) {}
+};
+
+var Checkbox = function Checkbox(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children;
+
+  var b = cn('checkbox');
+
+  var iconName = props.iconName,
+      iconSize = props.iconSize,
+      label = props.label,
+      className = props.className,
+      textPosition = props.textPosition,
+      iconActiveName = props.iconActiveName,
+      checked = props.checked,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded2);
+
+  var _useState5 = useState(checked),
+      _useState6 = _slicedToArray(_useState5, 2),
+      innerChecked = _useState6[0],
+      setInnerChecked = _useState6[1];
+
+  var _useState7 = useState(disabled),
+      _useState8 = _slicedToArray(_useState7, 2),
+      innerDisabled = _useState8[0],
+      setDisabled = _useState8[1];
+
+  useEffect(function () {
+    setInnerChecked(checked);
+    setDisabled(disabled);
+  }, [disabled, checked]);
+
+  var renderIcon = function renderIcon() {
+    return React__default.createElement(Icon, {
+      name: innerChecked ? iconActiveName : iconName,
+      size: iconSize,
+      color: color()
+    });
+  };
+
+  var color = function color() {
+    return !innerDisabled ? !innerChecked ? '#d6d6d6' : '#fa2c19' : '#f5f5f5';
+  };
+
+  var renderLabel = function renderLabel() {
+    return React__default.createElement("span", {
+      className: "".concat(b('label', {
+        disabled: innerDisabled
+      }), " ")
+    }, label || children);
+  };
+
+  var handleClick = function handleClick() {
+    if (disabled) return;
+    onChange && onChange(!innerChecked, label || children);
+    return setInnerChecked(!innerChecked);
+  };
+
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: "".concat(b({
+      reverse: textPosition === 'left'
+    }), " ").concat(className || '')
+  }, rest), {}, {
+    onClick: handleClick
+  }), renderIcon(), renderLabel());
+};
+
+Checkbox.defaultProps = defaultProps;
+Checkbox.displayName = 'NutCheckBox';
+Checkbox.Group = CheckboxGroup;
+export { Checkbox as C };