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

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/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