@nutui/nutui-react 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/esm/Tabs.js

@@ -2,10 +2,10 @@ import { T as Tabs } from "./tabs2.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react";
-import "./bem.js";
-import "@bem-react/classname";
 import "./typings.js";
 import "./TabPane.js";
+import "./raf.js";
+import "./use-props-value.js";
 export {
   Tabs as default
 };

package/dist/esm/badge2.js

@@ -0,0 +1,69 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+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), 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), {}, {
+  value: "",
+  dot: false,
+  max: 99,
+  top: "0",
+  right: "5",
+  color: ""
+});
+var Badge = function Badge2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
+  var classPrefix = "nut-badge";
+  var classes = classNames(classPrefix, className);
+  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
+  function content() {
+    if (dot || _typeof(value) === "object")
+      return null;
+    if (typeof value === "number" && typeof max === "number") {
+      return max < value ? "".concat(max, "+") : value;
+    }
+    return value;
+  }
+  var getStyle = function getStyle2() {
+    var style2 = {};
+    style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
+    style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
+    style2.background = color;
+    return style2;
+  };
+  return React__default.createElement("div", {
+    className: classes,
+    style
+  }, _typeof(value) === "object" && value && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon")
+  }, value), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: contentClasses,
+    style: getStyle()
+  }, content()));
+};
+Badge.defaultProps = defaultProps;
+Badge.displayName = "NutBadge";
+export {
+  Badge as B
+};

package/dist/esm/nutui-react.es.js

@@ -4,185 +4,185 @@ import { default as default4 } from "./CellGroup.js";
 import { default as default5 } from "./ConfigProvider.js";
 import { default as default6 } from "./Image.js";
 import { default as default7 } from "./Overlay.js";
-import { default as default8 } from "./Popup.js";
-import { default as default9 } from "./Col.js";
-import { default as default10 } from "./Divider.js";
-import { default as default11 } from "./Grid.js";
-import { default as default12 } from "./GridItem.js";
-import { default as default13 } from "./Layout.js";
-import { default as default14 } from "./Row.js";
-import { default as default15 } from "./Sticky.js";
+import { default as default8 } from "./Col.js";
+import { default as default9 } from "./Divider.js";
+import { default as default10 } from "./Grid.js";
+import { default as default11 } from "./GridItem.js";
+import { default as default12 } from "./Layout.js";
+import { default as default13 } from "./Row.js";
+import { default as default14 } from "./Sticky.js";
+import { default as default15 } from "./BackTop.js";
 import { default as default16 } from "./Elevator.js";
 import { default as default17 } from "./FixedNav.js";
-import { default as default18 } from "./Indicator.js";
-import { default as default19 } from "./Menu.js";
-import { default as default20 } from "./MenuItem.js";
-import { default as default21 } from "./NavBar.js";
-import { default as default22 } from "./Pagination.js";
-import { default as default23 } from "./SideNavBar.js";
-import { default as default24 } from "./SideNavBarItem.js";
-import { default as default25 } from "./SubSideNavBar.js";
-import { default as default26 } from "./Tabbar.js";
-import { default as default27 } from "./TabbarItem.js";
-import { default as default28 } from "./TabPane.js";
-import { default as default29 } from "./Tabs.js";
-import { default as default30 } from "./Calendar.js";
-import { default as default31 } from "./CalendarItem.js";
-import { default as default32 } from "./Cascader.js";
-import { default as default33 } from "./Checkbox.js";
-import { default as default34 } from "./CheckboxGroup.js";
-import { default as default35 } from "./DatePicker.js";
-import { default as default36 } from "./Form.js";
-import { default as default37 } from "./FormItem.js";
-import { default as default38 } from "./Input.js";
-import { default as default39 } from "./InputNumber.js";
-import { default as default40 } from "./NumberKeyboard.js";
-import { default as default41 } from "./Picker.js";
-import { default as default42 } from "./Radio.js";
-import { default as default43 } from "./RadioGroup.js";
-import { default as default44 } from "./Range.js";
-import { default as default45 } from "./Rate.js";
-import { default as default46 } from "./SearchBar.js";
-import { default as default47 } from "./ShortPassword.js";
-import { default as default48 } from "./TextArea.js";
-import { default as default49 } from "./Uploader.js";
-import { default as default50 } from "./ActionSheet.js";
-import { default as default51 } from "./BackTop.js";
-import { default as default52 } from "./Dialog.js";
-import { default as default53 } from "./Drag.js";
-import { default as default54 } from "./Infiniteloading.js";
-import { default as default55 } from "./Notify.js";
-import { default as default56 } from "./PullToRefresh.js";
-import { default as default57 } from "./Swipe.js";
-import { default as default58 } from "./Switch.js";
-import { default as default59 } from "./Toast.js";
-import { default as default60 } from "./Animate.js";
-import { default as default61 } from "./AnimatingNumbers.js";
-import { default as default62 } from "./Audio.js";
-import { default as default63 } from "./Avatar.js";
-import { default as default64 } from "./AvatarGroup.js";
-import { default as default65 } from "./Badge.js";
-import { default as default66 } from "./CircleProgress.js";
-import { default as default67 } from "./Collapse.js";
-import { default as default68 } from "./CollapseItem.js";
-import { default as default69 } from "./CountDown.js";
-import { default as default70 } from "./Ellipsis.js";
-import { default as default71 } from "./Empty.js";
-import { default as default72 } from "./ImagePreview.js";
-import { default as default73 } from "./NoticeBar.js";
-import { default as default74 } from "./Popover.js";
-import { default as default75 } from "./Price.js";
-import { default as default76 } from "./Progress.js";
-import { default as default77 } from "./Skeleton.js";
-import { default as default78 } from "./Step.js";
-import { default as default79 } from "./Steps.js";
-import { default as default80 } from "./Swiper.js";
-import { default as default81 } from "./SwiperItem.js";
-import { default as default82 } from "./Table.js";
-import { default as default83 } from "./Tag.js";
-import { default as default84 } from "./TrendArrow.js";
-import { default as default85 } from "./Video.js";
-import { default as default86 } from "./VirtualList.js";
-import { default as default87 } from "./WaterMark.js";
-import { default as default88 } from "./Address.js";
-import { default as default89 } from "./Barrage.js";
-import { default as default90 } from "./Card.js";
-import { default as default91 } from "./Signature.js";
-import { default as default92 } from "./TimeDetail.js";
-import { default as default93 } from "./TimePannel.js";
-import { default as default94 } from "./TimeSelect.js";
+import { default as default18 } from "./NavBar.js";
+import { default as default19 } from "./SideNavBar.js";
+import { default as default20 } from "./SideNavBarItem.js";
+import { default as default21 } from "./SubSideNavBar.js";
+import { default as default22 } from "./Tabbar.js";
+import { default as default23 } from "./TabbarItem.js";
+import { default as default24 } from "./TabPane.js";
+import { default as default25 } from "./Tabs.js";
+import { default as default26 } from "./Address.js";
+import { default as default27 } from "./Calendar.js";
+import { default as default28 } from "./CalendarItem.js";
+import { default as default29 } from "./Cascader.js";
+import { default as default30 } from "./Checkbox.js";
+import { default as default31 } from "./CheckboxGroup.js";
+import { default as default32 } from "./DatePicker.js";
+import { default as default33 } from "./Form.js";
+import { default as default34 } from "./FormItem.js";
+import { default as default35 } from "./Input.js";
+import { default as default36 } from "./InputNumber.js";
+import { default as default37 } from "./Menu.js";
+import { default as default38 } from "./MenuItem.js";
+import { default as default39 } from "./NumberKeyboard.js";
+import { default as default40 } from "./Picker.js";
+import { default as default41 } from "./Radio.js";
+import { default as default42 } from "./RadioGroup.js";
+import { default as default43 } from "./Range.js";
+import { default as default44 } from "./Rate.js";
+import { default as default45 } from "./SearchBar.js";
+import { default as default46 } from "./ShortPassword.js";
+import { default as default47 } from "./Signature.js";
+import { default as default48 } from "./Switch.js";
+import { default as default49 } from "./TextArea.js";
+import { default as default50 } from "./Uploader.js";
+import { default as default51 } from "./ActionSheet.js";
+import { default as default52 } from "./Badge.js";
+import { default as default53 } from "./Dialog.js";
+import { default as default54 } from "./Drag.js";
+import { default as default55 } from "./Empty.js";
+import { default as default56 } from "./Infiniteloading.js";
+import { default as default57 } from "./NoticeBar.js";
+import { default as default58 } from "./Notify.js";
+import { default as default59 } from "./Popover.js";
+import { default as default60 } from "./PullToRefresh.js";
+import { default as default61 } from "./Skeleton.js";
+import { default as default62 } from "./Swipe.js";
+import { default as default63 } from "./Popup.js";
+import { default as default64 } from "./Toast.js";
+import { default as default65 } from "./Animate.js";
+import { default as default66 } from "./AnimatingNumbers.js";
+import { default as default67 } from "./Audio.js";
+import { default as default68 } from "./Avatar.js";
+import { default as default69 } from "./AvatarGroup.js";
+import { default as default70 } from "./CircleProgress.js";
+import { default as default71 } from "./Collapse.js";
+import { default as default72 } from "./CollapseItem.js";
+import { default as default73 } from "./CountDown.js";
+import { default as default74 } from "./Ellipsis.js";
+import { default as default75 } from "./ImagePreview.js";
+import { default as default76 } from "./Indicator.js";
+import { default as default77 } from "./VirtualList.js";
+import { default as default78 } from "./Pagination.js";
+import { default as default79 } from "./Price.js";
+import { default as default80 } from "./Progress.js";
+import { default as default81 } from "./Step.js";
+import { default as default82 } from "./Steps.js";
+import { default as default83 } from "./Swiper.js";
+import { default as default84 } from "./SwiperItem.js";
+import { default as default85 } from "./Table.js";
+import { default as default86 } from "./Tag.js";
+import { default as default87 } from "./Video.js";
+import { default as default88 } from "./Barrage.js";
+import { default as default89 } from "./Card.js";
+import { default as default90 } from "./TimeDetail.js";
+import { default as default91 } from "./TimePannel.js";
+import { default as default92 } from "./TimeSelect.js";
+import { default as default93 } from "./TrendArrow.js";
+import { default as default94 } from "./WaterMark.js";
 export {
-  default50 as ActionSheet,
-  default88 as Address,
-  default60 as Animate,
-  default61 as AnimatingNumbers,
-  default62 as Audio,
-  default63 as Avatar,
-  default64 as AvatarGroup,
-  default51 as BackTop,
-  default65 as Badge,
-  default89 as Barrage,
+  default51 as ActionSheet,
+  default26 as Address,
+  default65 as Animate,
+  default66 as AnimatingNumbers,
+  default67 as Audio,
+  default68 as Avatar,
+  default69 as AvatarGroup,
+  default15 as BackTop,
+  default52 as Badge,
+  default88 as Barrage,
   default2 as Button,
-  default30 as Calendar,
-  default31 as CalendarItem,
-  default90 as Card,
-  default32 as Cascader,
+  default27 as Calendar,
+  default28 as CalendarItem,
+  default89 as Card,
+  default29 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
-  default33 as Checkbox,
-  default34 as CheckboxGroup,
-  default66 as CircleProgress,
-  default9 as Col,
-  default67 as Collapse,
-  default68 as CollapseItem,
+  default30 as Checkbox,
+  default31 as CheckboxGroup,
+  default70 as CircleProgress,
+  default8 as Col,
+  default71 as Collapse,
+  default72 as CollapseItem,
   default5 as ConfigProvider,
-  default69 as CountDown,
-  default35 as DatePicker,
-  default52 as Dialog,
-  default10 as Divider,
-  default53 as Drag,
+  default73 as CountDown,
+  default32 as DatePicker,
+  default53 as Dialog,
+  default9 as Divider,
+  default54 as Drag,
   default16 as Elevator,
-  default70 as Ellipsis,
-  default71 as Empty,
+  default74 as Ellipsis,
+  default55 as Empty,
   default17 as FixedNav,
-  default36 as Form,
-  default37 as FormItem,
-  default11 as Grid,
-  default12 as GridItem,
+  default33 as Form,
+  default34 as FormItem,
+  default10 as Grid,
+  default11 as GridItem,
   default6 as Image,
-  default72 as ImagePreview,
-  default18 as Indicator,
-  default54 as Infiniteloading,
-  default38 as Input,
-  default39 as InputNumber,
-  default13 as Layout,
-  default19 as Menu,
-  default20 as MenuItem,
-  default21 as NavBar,
-  default73 as NoticeBar,
-  default55 as Notify,
-  default40 as NumberKeyboard,
+  default75 as ImagePreview,
+  default76 as Indicator,
+  default56 as Infiniteloading,
+  default35 as Input,
+  default36 as InputNumber,
+  default12 as Layout,
+  default37 as Menu,
+  default38 as MenuItem,
+  default18 as NavBar,
+  default57 as NoticeBar,
+  default58 as Notify,
+  default39 as NumberKeyboard,
   default7 as Overlay,
-  default22 as Pagination,
-  default41 as Picker,
-  default74 as Popover,
-  default8 as Popup,
-  default75 as Price,
-  default76 as Progress,
-  default56 as PullToRefresh,
-  default42 as Radio,
-  default43 as RadioGroup,
-  default44 as Range,
-  default45 as Rate,
-  default14 as Row,
-  default46 as SearchBar,
-  default47 as ShortPassword,
-  default23 as SideNavBar,
-  default24 as SideNavBarItem,
-  default91 as Signature,
-  default77 as Skeleton,
-  default78 as Step,
-  default79 as Steps,
-  default15 as Sticky,
-  default25 as SubSideNavBar,
-  default57 as Swipe,
-  default80 as Swiper,
-  default81 as SwiperItem,
-  default58 as Switch,
-  default28 as TabPane,
-  default26 as Tabbar,
-  default27 as TabbarItem,
-  default82 as Table,
-  default29 as Tabs,
-  default83 as Tag,
-  default48 as TextArea,
-  default92 as TimeDetail,
-  default93 as TimePannel,
-  default94 as TimeSelect,
-  default59 as Toast,
-  default84 as TrendArrow,
-  default49 as Uploader,
-  default85 as Video,
-  default86 as VirtualList,
-  default87 as WaterMark
+  default78 as Pagination,
+  default40 as Picker,
+  default59 as Popover,
+  default63 as Popup,
+  default79 as Price,
+  default80 as Progress,
+  default60 as PullToRefresh,
+  default41 as Radio,
+  default42 as RadioGroup,
+  default43 as Range,
+  default44 as Rate,
+  default13 as Row,
+  default45 as SearchBar,
+  default46 as ShortPassword,
+  default19 as SideNavBar,
+  default20 as SideNavBarItem,
+  default47 as Signature,
+  default61 as Skeleton,
+  default81 as Step,
+  default82 as Steps,
+  default14 as Sticky,
+  default21 as SubSideNavBar,
+  default62 as Swipe,
+  default83 as Swiper,
+  default84 as SwiperItem,
+  default48 as Switch,
+  default24 as TabPane,
+  default22 as Tabbar,
+  default23 as TabbarItem,
+  default85 as Table,
+  default25 as Tabs,
+  default86 as Tag,
+  default49 as TextArea,
+  default90 as TimeDetail,
+  default91 as TimePannel,
+  default92 as TimeSelect,
+  default64 as Toast,
+  default93 as TrendArrow,
+  default50 as Uploader,
+  default87 as Video,
+  default77 as VirtualList,
+  default94 as WaterMark
 };

package/dist/esm/overlay2.js

@@ -1,7 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose"];
+var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose", "onClick"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -23,7 +22,7 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -31,12 +30,13 @@ var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}
   duration: 0.3,
   closeOnOverlayClick: true,
   visible: false,
-  lockScroll: true
+  lockScroll: true,
+  onClick: function onClick(event) {
+  }
 });
-var classPrefix = "nut-overlay";
 var Overlay = function Overlay2(props) {
-  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, onClick2 = _defaultOverlayProps$.onClick, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+  var classPrefix = "nut-overlay";
   var renderRef = useRef(true);
   var intervalCloseRef = useRef(0);
   var intervalShowRef = useRef(0);
@@ -45,7 +45,6 @@ var Overlay = function Overlay2(props) {
       intervalShowRef.current = window.setTimeout(function() {
         afterShow && afterShow();
       }, duration * 1e3 * 0.8);
-      setShow(visible);
     }
     lock();
   }, [visible]);
@@ -57,10 +56,10 @@ var Overlay = function Overlay2(props) {
     };
   }, []);
   var classes = classNames({
-    "overlay-fade-leave-active": !renderRef.current && !visible,
-    "overlay-fade-enter-active": visible,
-    "first-render": renderRef.current && !visible,
-    "hidden-render": !visible
+    "nut-overlay-fade-leave-active": !renderRef.current && !visible,
+    "nut-overlay-fade-enter-active": visible,
+    "nut-overlay-first-render": renderRef.current && !visible,
+    "nut-overlay-hidden-render": !visible
   }, className, classPrefix);
   var styles = _objectSpread({
     zIndex,
@@ -75,11 +74,10 @@ var Overlay = function Overlay2(props) {
   };
   var handleClick = function handleClick2(e) {
     if (closeOnOverlayClick) {
-      props.onClick && props.onClick(e);
+      onClick2 && onClick2(e);
       renderRef.current = false;
       intervalCloseRef.current = window.setTimeout(function() {
         afterClose && afterClose();
-        setShow(!visible);
       }, duration * 1e3 * 0.8);
     }
   };

package/dist/esm/raf.js

@@ -0,0 +1,16 @@
+var _window = window;
+function requestAniFrame() {
+  if (typeof _window !== "undefined") {
+    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
+      _window.setTimeout(callback, 1e3 / 60);
+    };
+  } else {
+    return function(callback) {
+      setTimeout(callback, 1e3 / 60);
+    };
+  }
+}
+var requestAniFrame$1 = requestAniFrame();
+export {
+  requestAniFrame$1 as r
+};

package/dist/esm/tabbaritem2.js

@@ -0,0 +1,61 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "title", "icon", "active", "activeColor", "inactiveColor", "index", "handleClick"];
+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 { B as Badge } from "./badge2.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: "",
+  icon: null,
+  active: false,
+  index: 0,
+  handleClick: function handleClick(idx) {
+  }
+});
+var TabbarItem = function TabbarItem2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, handleClick2 = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-tabbar-item";
+  var tabbarItemClass = classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active));
+  var boxPrefix = "".concat(classPrefix, "__icon-box");
+  var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
+  return React__default.createElement("div", {
+    className: tabbarItemClass,
+    style: _objectSpread({
+      color: active ? activeColor : inactiveColor
+    }, style),
+    onClick: function onClick() {
+      return handleClick2(index);
+    }
+  }, icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Badge, _objectSpread({}, rest), React__default.createElement("div", {
+    className: boxPrefix
+  }, icon)), React__default.createElement("div", {
+    className: titleClass
+  }, title)) : React__default.createElement(Badge, _objectSpread({}, rest), React__default.createElement("div", {
+    className: titleClass
+  }, title)));
+};
+export {
+  TabbarItem as T
+};

package/dist/esm/tabpane2.js

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