@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/esm/Card/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,4 +1,4 @@
-
-require('../../Price/style')
-require('../../Tag/style')
-require('../../../packages/card/card.scss')
+import '../../Price/style'
+import '../../Tag/style'
+
+import '../../../packages/card/card.scss'

package/dist/esm/Card/style/style.css

@@ -0,0 +1 @@
+.nut-price{font-size:var(--nutui-font-size-3, 16px);display:inline;color:var(--nutui-brand-color, #fa2c19)}.nut-price--line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-gray-2, #757575))!important}.nut-price__symbol,.nut-price__integer,.nut-price__decimal{display:inline-block}.nut-price__symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price__symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price__symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price__integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price__integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price__integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price__decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price__decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price__decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;background-color:var(--nutui-card-left-background-color, inherit);border-radius:var(--nutui-card-left-border-radius, 0)}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px}.nut-card .nut-card__right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-0, 10px)}.nut-card .nut-card__right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:#999;font-size:12px;padding-top:4px}

package/dist/esm/Card.js

@@ -1,68 +1,83 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["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 from 'react';
-import Price from './Price.js';
-import Tag from './Tag.js';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-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, _excluded);
-
-  var b = cn('card');
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"];
+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), true).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 classNames from "classnames";
+import Price from "./Price.js";
+import Tag from "./Tag.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  src: "",
+  title: "",
+  price: "",
+  vipPrice: "",
+  shopDescription: "",
+  delivery: "",
+  shopName: "",
+  description: "",
+  tag: "",
+  priceTag: "",
+  extra: ""
+});
+var Card = function Card2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, src = _defaultProps$props.src, title = _defaultProps$props.title, price = _defaultProps$props.price, vipPrice = _defaultProps$props.vipPrice, shopDescription = _defaultProps$props.shopDescription, delivery = _defaultProps$props.delivery, shopName = _defaultProps$props.shopName, tag = _defaultProps$props.tag, priceTag = _defaultProps$props.priceTag, description = _defaultProps$props.description, extra = _defaultProps$props.extra, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-card";
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className),
-    style: style
+    className: classNames(classPrefix, className),
+    style
   }, rest), React__default.createElement("div", {
-    className: b('left')
+    className: "".concat(classPrefix, "__left")
   }, React__default.createElement("img", {
-    src: imgUrl,
+    src,
     alt: ""
   })), React__default.createElement("div", {
-    className: b('right')
+    className: "".concat(classPrefix, "__right")
   }, React__default.createElement("div", {
-    className: b('right__title')
-  }, title), prolistTpl, React__default.createElement("div", {
-    className: b('right__price')
+    className: "".concat(classPrefix, "__right-title")
+  }, title), description, React__default.createElement("div", {
+    className: "".concat(classPrefix, "right-price")
   }, React__default.createElement(Price, {
-    price: price
-  }), originTpl || React__default.createElement(Price, {
-    className: b('right__price__origin'),
+    size: "normal",
+    price
+  }), priceTag || React__default.createElement(Price, {
+    size: "normal",
+    className: "".concat(classPrefix, "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, {
+    className: "".concat(classPrefix, "right-other")
+  }, tag || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
     type: "danger"
-  }, shopDesc), React__default.createElement(Tag, {
+  }, shopDescription), React__default.createElement(Tag, {
     plain: true
   }, delivery))), React__default.createElement("div", {
-    className: b('right__shop')
+    className: "".concat(classPrefix, "right-shop")
   }, React__default.createElement("div", {
-    className: b('right__shop__name')
-  }, shopName), footerTpl)));
+    className: "".concat(classPrefix, "right-shop-name")
+  }, shopName), extra)));
 };
-
 Card.defaultProps = defaultProps;
-Card.displayName = 'NutCard';
-export { Card as default };
+Card.displayName = "NutCard";
+export {
+  Card as default
+};

package/dist/esm/Cascader/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -0,0 +1,3 @@
+import '../../Popup/style'
+import '../../Tabs/style'
+import '../../../packages/cascader/cascader.scss'

package/dist/esm/Cascader/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;display:flex;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);flex-shrink:0;overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}

package/dist/esm/Cascader.js

@@ -0,0 +1,17 @@
+import { C as Cascader } from "./cascader2.js";
+import "react";
+import "classnames";
+import "@nutui/icons-react";
+import "./popup2.js";
+import "react-dom";
+import "react-transition-group";
+import "./overlay2.js";
+import "./typings.js";
+import "./Overlay.js";
+import "./tabs2.js";
+import "./TabPane.js";
+import "./raf.js";
+import "./use-props-value.js";
+export {
+  Cascader as default
+};

package/dist/esm/Cell/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/cell/cell.scss')
+
+import '../../../packages/cell/cell.scss'

package/dist/esm/Cell/style/style.css

@@ -0,0 +1 @@
+.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}

package/dist/esm/Cell.js

@@ -1,108 +1,73 @@
-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 { c as cn } from './bem-893ad28d.js';
-import Icon from './Icon.js';
-import '@bem-react/classname';
-var defaultProps = {
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"];
+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), true).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 classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   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) {
-      replace ? window.location.replace(url) : window.location.href = url;
-    }
+  description: null,
+  extra: null,
+  radius: "6px",
+  align: "flex-start",
+  onClick: function onClick(event) {
+  }
+});
+var classPrefix = "nut-cell";
+var Cell = function Cell2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, title = _defaultProps$props.title, description = _defaultProps$props.description, extra = _defaultProps$props.extra, radius = _defaultProps$props.radius, align = _defaultProps$props.align, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var handleClick = function handleClick2(event) {
+    onClick2(event);
   };
-
-  var baseStyle = {
-    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
-  };
-  var styles = title || subTitle || icon ? {} : {
-    textAlign: descTextAlign,
+  var baseStyle = _objectSpread(_objectSpread({}, style), {}, {
+    borderRadius: Number.isNaN(Number(radius)) ? String(radius) : "".concat(radius, "px"),
+    alignItems: align
+  });
+  var styles = title || description ? {} : {
     flex: 1
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b({
-      clickable: !!(isLink || to),
-      center: center,
-      large: size === 'large'
-    }, [className]), " "),
-    onClick: function onClick(event) {
+    className: classNames(classPrefix, className),
+    onClick: function onClick3(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'))
+  }, rest), children || React__default.createElement(React__default.Fragment, null, title || description ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__left")
   }, 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
-    }),
+    className: "".concat(classPrefix, "__title")
+  }, title) : null, description ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__description")
+  }, description) : null) : null, extra ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__extra"),
     style: styles
-  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
-    name: "right",
-    className: b('link')
-  }) : linkSlot));
+  }, extra) : null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__divider")
+  })));
 };
-
 Cell.defaultProps = defaultProps;
-Cell.displayName = 'NutCell';
-export { Cell as default };
+Cell.displayName = "NutCell";
+export {
+  Cell as default
+};

package/dist/esm/CellGroup/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/cellgroup/cellgroup.scss')
+import '../../../packages/cellgroup/cellgroup.scss'

package/dist/esm/CellGroup/style/style.css

@@ -0,0 +1 @@
+.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}

package/dist/esm/CellGroup.js

@@ -1,41 +1,7 @@
-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';
-import '@bem-react/classname';
-var defaultProps = {
-  title: '',
-  desc: '',
-  titleSlot: null,
-  descSlot: null,
-  classPrefix: 'nutui-cell-group'
+import { C as CellGroup } from "./cellgroup2.js";
+import "react";
+import "classnames";
+import "./typings.js";
+export {
+  CellGroup as default
 };
-
-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 default };

package/dist/esm/Checkbox/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/checkbox/checkbox.scss')
+import '../../CheckboxGroup/style'
+import '../../../packages/checkbox/checkbox.scss'

package/dist/esm/Checkbox/style/style.css

@@ -0,0 +1 @@
+.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup .nut-checkbox__button{background-color:var(--nutui-gray-4, #f4f4f4)}.nut-checkboxgroup--vertical .nut-checkbox.nut-checkbox--reverse{width:100%;justify-content:space-between}.nut-checkboxgroup--vertical .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup--horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkbox{display:flex;align-items:center}.nut-checkbox--reverse{flex-direction:row-reverse}.nut-checkbox--reverse .nut-checkbox__label{margin-right:var(--nutui-checkbox-label-margin-left, 10px);margin-left:0}.nut-checkbox__label{margin-left:var(--nutui-checkbox-label-margin-left, 10px);font-size:var(--nutui-checkbox-label-font-size, 14px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-1, #1a1a1a))}.nut-checkbox__label--disabled{color:var(--nutui-checkbox-label-disable-color, #999)}.nut-checkbox__icon{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox__icon--unchecked{color:var(--nutui-checkbox-icon-disable-color, #d6d6d6);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--indeterminate{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--disable{color:var(--nutui-gray-3, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, 18px)}

package/dist/esm/Checkbox.js

@@ -1,141 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "iconIndeterminateName", "getParentVals", "max"];
-
-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 Icon from './Icon.js';
-import CheckboxGroup from './CheckboxGroup.js';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  checked: false,
-  disabled: false,
-  textPosition: 'right',
-  iconSize: 18,
-  iconName: 'check-normal',
-  iconActiveName: 'checked',
-  iconClassPrefix: 'nut-icon',
-  iconFontClassName: 'nutui-iconfont',
-  iconIndeterminateName: 'check-disabled',
-  onChange: function onChange(state, label) {}
+import { C as Checkbox } from "./checkbox2.js";
+import "react";
+import "@nutui/icons-react";
+import "classnames";
+import "./CheckboxGroup.js";
+import "./typings.js";
+import "./use-props-value.js";
+export {
+  Checkbox as default
 };
-
-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,
-      indeterminate = props.indeterminate,
-      iconClassPrefix = props.iconClassPrefix,
-      iconFontClassName = props.iconFontClassName,
-      iconIndeterminateName = props.iconIndeterminateName,
-      getParentVals = props.getParentVals,
-      max = props.max,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(checked),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerChecked = _useState2[0],
-      setInnerChecked = _useState2[1];
-
-  var _useState3 = useState(disabled),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerDisabled = _useState4[0],
-      setDisabled = _useState4[1];
-
-  var _useState5 = useState(indeterminate),
-      _useState6 = _slicedToArray(_useState5, 2),
-      _indeterminate = _useState6[0],
-      setIndeterminate = _useState6[1];
-
-  useEffect(function () {
-    setInnerChecked(checked);
-    setDisabled(disabled);
-  }, [disabled, checked]);
-  useEffect(function () {
-    setIndeterminate(indeterminate);
-  }, [indeterminate]);
-
-  var getIconName = function getIconName() {
-    if (!innerChecked) {
-      return iconName;
-    }
-
-    if (_indeterminate) {
-      return iconIndeterminateName;
-    }
-
-    return iconActiveName;
-  };
-
-  var renderIcon = function renderIcon() {
-    return React__default.createElement(Icon, {
-      name: getIconName(),
-      size: iconSize,
-      className: color(),
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName
-    });
-  };
-
-  var color = function color() {
-    if (innerDisabled) {
-      return 'nut-checkbox__icon--disable';
-    }
-
-    if (innerChecked) {
-      if (_indeterminate) {
-        return 'nut-checkbox__icon--indeterminate';
-      }
-
-      return 'nut-checkbox__icon';
-    }
-
-    return 'nut-checkbox__icon--unchecked'; // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
-  };
-
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("span", {
-      className: "".concat(b('label', {
-        disabled: innerDisabled
-      }), " ")
-    }, children || label);
-  };
-
-  var handleClick = function handleClick() {
-    if (!disabled) {
-      var latest = !innerChecked;
-      if (max !== undefined && latest && getParentVals().length >= max) return;
-      onChange && onChange(latest, label || children);
-      setInnerChecked(latest);
-    }
-  };
-
-  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 default };