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

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

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

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

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

package/dist/esm/SwiperItem/style/style.css

@@ -0,0 +1 @@
+.nut-swiper-item{height:100%}

package/dist/esm/SwiperItem.js

@@ -1,46 +1,53 @@
 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, { useContext } from 'react';
-import classNames from 'classnames';
-import { D as DataContext } from './UserContext-b4181162.js';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
+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, { useContext } from "react";
+import classNames from "classnames";
+import { D as DataContext } from "./context4.js";
 var defaultProps = {
-  direction: 'horizontal'
+  direction: "horizontal"
 };
-var SwiperItem = React__default.forwardRef(function (props, ref) {
+var SwiperItem = React__default.forwardRef(function(props, ref) {
+  var classPrefix = "nut-swiper-item";
   var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-
-  var children = _props.children,
-      direction = _props.direction,
-      size = _props.size;
+  var className = _props.className, style = _props.style, children = _props.children, direction = _props.direction, size = _props.size;
   var parent = useContext(DataContext);
-  var b = cn('swiper-item');
-  var classes = classNames(b(''));
-
-  var style = function style() {
-    var style = {};
-
+  var classes = classNames(classPrefix, className);
+  var getStyle = function getStyle2() {
+    var style2 = {};
     var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
-
     var _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
-
     if (_size) {
-      style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
+      style2[_direction === "horizontal" ? "width" : "height"] = "".concat(_size, "px");
     }
-
-    return style;
+    return style2;
   };
-
   return React__default.createElement("div", {
     className: classes,
-    style: style()
+    style: _objectSpread(_objectSpread({}, style), getStyle())
   }, children);
 });
 SwiperItem.defaultProps = defaultProps;
-SwiperItem.displayName = 'NutSwiperItem';
-export { SwiperItem as default };
+SwiperItem.displayName = "NutSwiperItem";
+export {
+  SwiperItem as default
+};

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

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

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

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

package/dist/esm/Switch/style/style.css

@@ -0,0 +1 @@
+.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-brand-color, #fa2c19));border-radius:var(--nutui-switch-border-radius, 21px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch.switch-close{background-color:var(--nutui-switch-close-background-color, #ebebeb)}.nut-switch.switch-close .close-line{background:var(--nutui-switch-close-line-bg-color, #f0f0f0);border-radius:2px}.nut-switch .switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-brand-text-color, #ffffff);transition:transform .3s}.nut-switch__label{color:var(--nutui-brand-text-color, #ffffff);font-size:var(--nutui-font-size-1, 12px)}.nut-switch__label.open{transform:translate(-16px)}.nut-switch__label.close{transform:translate(16px)}.nut-switch-disabled{opacity:.6}.nut-switch-base{width:var(--nutui-switch-width, 36px);height:var(--nutui-switch-height, 21px);line-height:var(--nutui-switch-line-height, 21px)}.nut-switch-base .switch-button{height:var(--nutui-switch-inside-height, 13px);width:var(--nutui-switch-inside-width, 13px);transform:var(--nutui-switch-inside-close-transform, translateX(30%))}.nut-switch-base.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(146%))}.nut-switch-base.switch-close .close-line{width:8px;height:2px}

package/dist/esm/Switch.js

@@ -1,86 +1,68 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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, { useState, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  isAsync: false,
-  checked: false,
-  disable: false,
-  activeColor: '',
-  inactiveColor: '',
-  activeText: '',
-  inactiveText: '',
-  className: ''
-};
-
-var Switch = function Switch(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      isAsync = _defaultProps$props.isAsync,
-      checked = _defaultProps$props.checked,
-      disable = _defaultProps$props.disable,
-      activeColor = _defaultProps$props.activeColor,
-      inactiveColor = _defaultProps$props.inactiveColor,
-      activeText = _defaultProps$props.activeText,
-      inactiveText = _defaultProps$props.inactiveText,
-      change = _defaultProps$props.change,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var b = cn('switch');
-  useEffect(function () {
-    setValue(checked);
-  }, [checked]);
-
-  var classes = function classes() {
-    return "".concat(b(), " ").concat(value ? 'switch-open' : 'switch-close', " ").concat(disable ? "".concat(b(), "-disable") : '', " ", "".concat(b(), "-base"), " ").concat(className);
-  };
-
-  var styles = function styles() {
-    var myStyle = _objectSpread({
-      backgroundColor: value ? activeColor : inactiveColor
-    }, style || {});
-
-    return myStyle;
+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 { C as ComponentDefaults } from "./typings.js";
+import { u as usePropsValue } from "./use-props-value.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  disabled: false,
+  activeText: "",
+  inactiveText: ""
+});
+var Switch = function Switch2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), checked = _defaultProps$props.checked, defaultChecked = _defaultProps$props.defaultChecked, disabled = _defaultProps$props.disabled, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, className = _defaultProps$props.className, style = _defaultProps$props.style, onChange = _defaultProps$props.onChange;
+  var classPrefix = "nut-switch";
+  var _usePropsValue = usePropsValue({
+    value: checked,
+    defaultValue: defaultChecked
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
+  var classes = function classes2() {
+    return "".concat(classPrefix, " ").concat(value ? "switch-open" : "switch-close", " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ", "".concat(classPrefix, "-base"), " ").concat(className);
   };
-
   var _onClick = function onClick(event) {
-    if (disable) return;
-
-    if (!isAsync) {
-      setValue(!value);
-    }
-
-    change && change(!value, event);
+    if (disabled)
+      return;
+    onChange && onChange(!value, event);
+    setValue(!value);
   };
-
   return React__default.createElement("div", {
     className: classes(),
     onClick: function onClick(e) {
       return _onClick(e);
     },
-    style: styles()
+    style
   }, React__default.createElement("div", {
     className: "switch-button"
   }, !value && React__default.createElement("div", {
     className: "close-line"
   }), activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", {
-    className: "".concat(b('label'), " open")
+    className: "".concat(classPrefix, "__label open")
   }, activeText) : React__default.createElement("div", {
-    className: "".concat(b('label'), " close")
+    className: "".concat(classPrefix, "__label close")
   }, inactiveText))));
 };
-
 Switch.defaultProps = defaultProps;
-Switch.displayName = 'NutSwitch';
-export { Switch as default };
+Switch.displayName = "NutSwitch";
+export {
+  Switch as default
+};

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

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

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

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

package/dist/esm/TabPane/style/style.css

@@ -0,0 +1 @@
+.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}

package/dist/esm/TabPane.js

@@ -1,34 +1,42 @@
 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 classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
+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";
 var defaultProps = {
-  title: '',
-  paneKey: '',
-  activeKey: '',
+  title: "",
+  value: "",
   disabled: false
 };
-
-var TabPane = function TabPane(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      paneKey = _defaultProps$props.paneKey,
-      activeKey = _defaultProps$props.activeKey,
-      autoHeightClassName = _defaultProps$props.autoHeightClassName;
-
-  var b = cn('tabpane');
+var TabPane = function TabPane2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, autoHeightClassName = _defaultProps$props.autoHeightClassName, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled;
+  var classPrefix = "nut-tabpane";
   var classes = classNames({
-    active: paneKey === activeKey
-  }, b(''), autoHeightClassName);
-  return React__default.createElement("div", {
+    active: !disabled && props.active
+  }, classPrefix, autoHeightClassName, className);
+  return children ? React__default.createElement("div", {
     className: classes
-  }, children);
+  }, !disabled && children) : null;
+};
+export {
+  TabPane as default
 };
-
-export { TabPane as default };

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

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

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

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

package/dist/esm/Tabbar/style/style.css

@@ -0,0 +1 @@
+.nut-badge{position:relative;display:inline-block}.nut-badge__icon{display:flex;position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));top:-20%;right:-20%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px);z-index:var(--nutui-badge-z-index, 1)}.nut-badge__sup{position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 5px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));font-weight:400;text-align:center;line-height:16px;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px)}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-brand-color, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-0, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-3, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-6, #ffffff)}.nut-tabbar__wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar__fixed{position:fixed;bottom:0px;left:0px}.nut-tabbar__safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

package/dist/esm/Tabbar.js

@@ -1,74 +1,74 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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, { useState } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  visible: 0,
-  bottom: false,
-  size: 20,
-  unactiveColor: '',
-  activeColor: '',
-  safeAreaInsetBottom: false,
-  className: '',
-  style: {},
-  tabSwitch: function tabSwitch() {}
-};
-
-var Tabbar = function Tabbar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      visible = _defaultProps$props.visible,
-      bottom = _defaultProps$props.bottom,
-      size = _defaultProps$props.size,
-      activeColor = _defaultProps$props.activeColor,
-      unactiveColor = _defaultProps$props.unactiveColor,
-      safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      tabSwitch = _defaultProps$props.tabSwitch;
-
-  var b = cn('tabbar');
-
-  var _useState = useState(visible),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectIndex = _useState2[0],
-      setSelectIndex = _useState2[1];
-
-  var _handleClick = function handleClick(idx) {
-    setSelectIndex(idx);
-  };
-
+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";
+import { u as usePropsValue } from "./use-props-value.js";
+import { T as TabbarItem } from "./tabbaritem2.js";
+import "./badge2.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  defaultValue: 0,
+  fixed: false,
+  inactiveColor: "",
+  activeColor: "",
+  safeArea: false,
+  onSwitch: function onSwitch(value) {
+  }
+});
+var Tabbar = function Tabbar2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, defaultValue = _defaultProps$props.defaultValue, value = _defaultProps$props.value, fixed = _defaultProps$props.fixed, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, safeArea = _defaultProps$props.safeArea, className = _defaultProps$props.className, style = _defaultProps$props.style, onSwitch2 = _defaultProps$props.onSwitch;
+  var classPrefix = "nut-tabbar";
+  var _usePropsValue = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: 0,
+    onChange: onSwitch2
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectIndex = _usePropsValue2[0], setSelectIndex = _usePropsValue2[1];
   return React__default.createElement("div", {
-    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
-    style: style
-  }, React__default.Children.map(children, function (child, idx) {
+    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "__fixed"), fixed)),
+    style
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__wrap")
+  }, React__default.Children.map(children, function(child, idx) {
     if (!React__default.isValidElement(child)) {
       return null;
     }
-
     var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
       active: idx === selectIndex,
       index: idx,
-      unactiveColor: unactiveColor,
-      activeColor: activeColor,
-      size: size,
-      handleClick: function handleClick() {
-        _handleClick(idx);
-
-        tabSwitch(child, idx);
-      }
+      inactiveColor,
+      activeColor,
+      handleClick: setSelectIndex
     });
-
     return React__default.cloneElement(child, childProps);
+  })), (fixed || safeArea) && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__safe-area")
   }));
 };
-
 Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = 'NutTabbar';
-export { Tabbar as default };
+Tabbar.displayName = "NutTabbar";
+Tabbar.Item = TabbarItem;
+export {
+  Tabbar as default
+};

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

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

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

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

package/dist/esm/TabbarItem/style/style.css

@@ -0,0 +1 @@
+.nut-badge{position:relative;display:inline-block}.nut-badge__icon{display:flex;position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));top:-20%;right:-20%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px);z-index:var(--nutui-badge-z-index, 1)}.nut-badge__sup{position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 5px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));font-weight:400;text-align:center;line-height:16px;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px)}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-brand-color, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-0, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-3, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}

package/dist/esm/TabbarItem.js

@@ -1,88 +1,8 @@
-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, { useEffect } 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 = {
-  dot: false,
-  size: '',
-  classPrefix: 'nut-icon',
-  tabTitle: '',
-  icon: '',
-  href: '',
-  to: '',
-  num: '',
-  active: false,
-  activeColor: '',
-  unactiveColor: '',
-  index: 0,
-  handleClick: function handleClick(idx) {}
+import { T as TabbarItem } from "./tabbaritem2.js";
+import "react";
+import "classnames";
+import "./typings.js";
+import "./badge2.js";
+export {
+  TabbarItem as default
 };
-
-var TabbarItem = function TabbarItem(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      dot = _defaultProps$props.dot,
-      size = _defaultProps$props.size,
-      classPrefix = _defaultProps$props.classPrefix,
-      tabTitle = _defaultProps$props.tabTitle,
-      icon = _defaultProps$props.icon,
-      href = _defaultProps$props.href,
-      to = _defaultProps$props.to,
-      num = _defaultProps$props.num,
-      active = _defaultProps$props.active,
-      activeColor = _defaultProps$props.activeColor,
-      unactiveColor = _defaultProps$props.unactiveColor,
-      index = _defaultProps$props.index,
-      handleClick = _defaultProps$props.handleClick;
-
-  var b = cn('tabbar-item');
-  var bIcon = cn('tabbar-item__icon-box');
-  var history = useHistory();
-  useEffect(function () {
-    if (active && href) {
-      window.location.href = href;
-      return;
-    }
-
-    if (active && to) {
-      history.push(to);
-    }
-  }, [active, history, href, to]);
-  return React__default.createElement("div", {
-    className: "".concat(b({
-      active: active
-    })),
-    style: {
-      color: active ? activeColor : unactiveColor
-    },
-    onClick: function onClick() {
-      handleClick(index);
-    }
-  }, React__default.createElement("div", {
-    className: "".concat(bIcon())
-  }, !dot ? React__default.createElement(React__default.Fragment, null, num && num <= 99 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('num')]))
-  }, num), num && num >= 100 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('nums')]))
-  }, "99+")) : React__default.createElement("div", {
-    className: "".concat(bIcon('dot'))
-  }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
-    size: size,
-    name: icon,
-    classPrefix: classPrefix
-  })), React__default.createElement("div", {
-    className: bIcon({
-      'nav-word': true
-    }, [bIcon({
-      'big-word': !icon
-    })])
-  }, tabTitle)));
-};
-
-export { TabbarItem as default };

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

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

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

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

package/dist/esm/Table/style/style.css

@@ -0,0 +1 @@
+.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-1, #1a1a1a)}.nut-table__main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff)}.nut-table__main--striped .nut-table__main__head__tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, var(--nutui-gray-6, #ffffff))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(even){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main__head__tr,.nut-table__main__body__tr{display:table-row}.nut-table__main__head__tr__th,.nut-table__main__body__tr__th,.nut-table__main__head__tr__td,.nut-table__main__body__tr__td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px)}.nut-table__main__head__tr__td__nodata,.nut-table__main__body__tr__td__nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table__main__head__tr--border,.nut-table__main__body__tr--border{border:1px solid var(--nutui-table-border-color, #ececec)}.nut-table__main__head__tr--alignleft,.nut-table__main__head__tr--align,.nut-table__main__body__tr--alignleft,.nut-table__main__body__tr--align{text-align:left}.nut-table__main__head__tr--aligncenter,.nut-table__main__body__tr--aligncenter{text-align:center}.nut-table__main__head__tr--alignright,.nut-table__main__body__tr--alignright{text-align:right}.nut-table__main__head{display:table-header-group}.nut-table__main__body{display:table-row-group}.nut-table__summary{color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px)}