@nutui/nutui-react 1.3.7 → 1.3.9-beta.0

package/dist/esm/SideNavBar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "handleClose"];
+var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "onClose"];
 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';
@@ -22,7 +22,7 @@ var SideNavBar = function SideNavBar(props) {
     children = _defaultProps$props.children,
     className = _defaultProps$props.className,
     showhead = _defaultProps$props.showhead,
-    handleClose = _defaultProps$props.handleClose,
+    onClose = _defaultProps$props.onClose,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = props.offset ? Number(props.offset) : 20;
   return React__default.createElement(Popup, {
@@ -32,7 +32,7 @@ var SideNavBar = function SideNavBar(props) {
       height: '100%'
     },
     position: position,
-    onClose: handleClose
+    onClose: onClose
   }, React__default.createElement("div", _objectSpread({
     className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
   }, rest), React__default.createElement("div", {

package/dist/esm/SideNavBarItem.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "click"];
+var _excluded = ["title", "ikey", "children", "onClick"];
 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';
@@ -8,11 +8,11 @@ var SideNavBarItem = function SideNavBarItem(props) {
   var title = props.title,
     ikey = props.ikey,
     children = props.children,
-    click = props.click,
+    onClick = props.onClick,
     rest = _objectWithoutProperties(props, _excluded);
   var clickFn = function clickFn(e) {
     e.stopPropagation();
-    click && click({
+    onClick && onClick({
       title: title,
       ikey: ikey
     });

package/dist/esm/Signature.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "lineWidth", "strokeStyle", "unSupportTpl", "className"];
+var _excluded = ["type", "lineWidth", "strokeStyle", "unSupportTpl", "className", "confirm", "clear", "onConfirm", "onClear"];
 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, { useRef, useState, useEffect } from 'react';
@@ -25,6 +25,10 @@ var Signature = function Signature(props) {
     strokeStyle = _defaultProps$props.strokeStyle,
     unSupportTpl = _defaultProps$props.unSupportTpl,
     className = _defaultProps$props.className,
+    confirm = _defaultProps$props.confirm,
+    clear = _defaultProps$props.clear,
+    onConfirm = _defaultProps$props.onConfirm,
+    onClear = _defaultProps$props.onClear,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('signature');
   var canvasRef = useRef(null);
@@ -93,15 +97,16 @@ var Signature = function Signature(props) {
       canvasRef.current.removeEventListener(events[2], endEventHandler, false);
     }
   };
-  var clear = function clear() {
+  var handleClearBtn = function handleClearBtn() {
     if (canvasRef.current && ctx.current) {
       canvasRef.current.addEventListener(events[2], endEventHandler, false);
       ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
       ctx.current.closePath();
     }
-    props.clear && props.clear();
+    clear && clear();
+    onClear && onClear();
   };
-  var confirm = function confirm() {
+  var handleConfirmBtn = function handleConfirmBtn() {
     onSave(canvasRef.current);
   };
   var onSave = function onSave(canvas) {
@@ -116,8 +121,9 @@ var Signature = function Signature(props) {
       default:
         dataurl = canvas.toDataURL('image/png');
     }
-    clear();
-    props.confirm && props.confirm(canvas, dataurl);
+    handleClearBtn();
+    confirm && confirm(canvas, dataurl);
+    onConfirm && onConfirm(canvas, dataurl);
   };
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
@@ -134,13 +140,13 @@ var Signature = function Signature(props) {
     className: "".concat(b('btn')),
     type: "default",
     onClick: function onClick() {
-      return clear();
+      return handleClearBtn();
     }
   }, locale.signature.reSign), React__default.createElement(Button, {
     className: "".concat(b('btn')),
     type: "primary",
     onClick: function onClick() {
-      return confirm();
+      return handleConfirmBtn();
     }
   }, locale.confirm));
 };

package/dist/esm/Step.js

@@ -40,11 +40,9 @@ var Step = function Step(props) {
     return index === +parent.propSteps.current ? 'process' : 'wait';
   };
   var handleClickStep = function handleClickStep() {
-    var _parent$propSteps;
-    if ((_parent$propSteps = parent.propSteps) !== null && _parent$propSteps !== void 0 && _parent$propSteps.clickStep) {
-      var _parent$propSteps2;
-      (_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.clickStep(activeIndex);
-    }
+    var _parent$propSteps, _parent$propSteps2, _parent$propSteps3, _parent$propSteps4;
+    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onClickStep) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onClickStep(activeIndex));
+    ((_parent$propSteps3 = parent.propSteps) === null || _parent$propSteps3 === void 0 ? void 0 : _parent$propSteps3.clickStep) && ((_parent$propSteps4 = parent.propSteps) === null || _parent$propSteps4 === void 0 ? void 0 : _parent$propSteps4.clickStep(activeIndex));
   };
   var b = cn('step');
   var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));

package/dist/esm/Steps.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep"];
+var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep", "onClickStep"];
 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';
@@ -22,6 +22,7 @@ var Steps = function Steps(props) {
     className = propSteps.className,
     progressDot = propSteps.progressDot,
     clickStep = propSteps.clickStep,
+    onClickStep = propSteps.onClickStep,
     restProps = _objectWithoutProperties(propSteps, _excluded);
   var parentSteps = {
     propSteps: propSteps

package/dist/esm/SubSideNavBar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "titleClick", "open"];
+var _excluded = ["title", "ikey", "children", "onClick", "open"];
 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, useRef, useCallback, useEffect } from 'react';
@@ -13,7 +13,7 @@ var SubSideNavBar = function SubSideNavBar(props) {
     title = _defaultProps$props.title,
     ikey = _defaultProps$props.ikey,
     children = _defaultProps$props.children,
-    titleClick = _defaultProps$props.titleClick,
+    onClick = _defaultProps$props.onClick,
     open = _defaultProps$props.open,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   // const offset = props.offset ? Number(props.offset) : 20
@@ -50,7 +50,7 @@ var SubSideNavBar = function SubSideNavBar(props) {
     handleClick(e);
     var currentClass = e.currentTarget.className;
     var isShow = currentClass.includes('nutShow');
-    titleClick && titleClick({
+    onClick && onClick({
       title: title,
       ikey: ikey,
       isShow: isShow

package/dist/esm/Switch.js

@@ -24,7 +24,7 @@ var Switch = function Switch(props) {
     inactiveColor = _defaultProps$props.inactiveColor,
     activeText = _defaultProps$props.activeText,
     inactiveText = _defaultProps$props.inactiveText,
-    change = _defaultProps$props.change,
+    onChange = _defaultProps$props.onChange,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style;
   var _useState = useState(false),
@@ -49,7 +49,7 @@ var Switch = function Switch(props) {
     if (!isAsync) {
       setValue(!value);
     }
-    change && change(!value, event);
+    onChange && onChange(!value, event);
   };
   return React__default.createElement("div", {
     className: classes(),

package/dist/esm/TabPane.js

@@ -1,5 +1,5 @@
-import { T as TabPane } from './tabpane-c957ab14.js';
-export { T as default } from './tabpane-c957ab14.js';
+import { T as TabPane } from './tabpane-9b8ca8a8.js';
+export { T as default } from './tabpane-9b8ca8a8.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';

package/dist/esm/Tabbar.js

@@ -14,7 +14,8 @@ var defaultProps = {
   safeAreaInsetBottom: false,
   className: '',
   style: {},
-  tabSwitch: function tabSwitch() {}
+  tabSwitch: function tabSwitch() {},
+  onSwitch: function onSwitch() {}
 };
 var Tabbar = function Tabbar(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -27,7 +28,8 @@ var Tabbar = function Tabbar(props) {
     safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
-    tabSwitch = _defaultProps$props.tabSwitch;
+    tabSwitch = _defaultProps$props.tabSwitch,
+    onSwitch = _defaultProps$props.onSwitch;
   var b = cn('tabbar');
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
@@ -52,6 +54,7 @@ var Tabbar = function Tabbar(props) {
       handleClick: function handleClick() {
         _handleClick(idx);
         tabSwitch(child, idx);
+        onSwitch(child, idx);
       }
     });
     return React__default.cloneElement(child, childProps);

package/dist/esm/Tabs.js

@@ -1,5 +1,5 @@
-import { T as Tabs } from './tabs-0896a61b.js';
-export { T as default } from './tabs-0896a61b.js';
+import { T as Tabs } from './tabs-ee05fd2f.js';
+export { T as default } from './tabs-ee05fd2f.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';

package/dist/esm/TimeSelect.js

@@ -12,6 +12,7 @@ import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   className: '',
+  style: {},
   visible: false,
   height: '20%',
   multiple: false,
@@ -24,7 +25,6 @@ var defaultProps = {
 var TimeSelect = function TimeSelect(props) {
   useConfig();
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
     visible = _defaultProps$props.visible,
     className = _defaultProps$props.className,
     height = _defaultProps$props.height,
@@ -36,7 +36,10 @@ var TimeSelect = function TimeSelect(props) {
     multiple = _defaultProps$props.multiple,
     select = _defaultProps$props.select,
     pannelChange = _defaultProps$props.pannelChange,
-    timeChange = _defaultProps$props.timeChange;
+    timeChange = _defaultProps$props.timeChange,
+    onSelect = _defaultProps$props.onSelect,
+    onPannelChange = _defaultProps$props.onPannelChange,
+    onTimeChange = _defaultProps$props.onTimeChange;
   var _useState = useState(currentKey),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
@@ -59,7 +62,11 @@ var TimeSelect = function TimeSelect(props) {
   var b = cn('timeselect');
   // popup 的关闭回调, 执行 select 函数更改外部 visible
   var closeFun = function closeFun() {
-    select && select(activeTime);
+    if (onSelect) {
+      onSelect(activeTime);
+    } else if (select) {
+      select(activeTime);
+    }
   };
   // 选择配送时间回调
   var handleSelectTime = function handleSelectTime(time) {
@@ -83,7 +90,11 @@ var TimeSelect = function TimeSelect(props) {
     var resultTimeData = _toConsumableArray(activeTime);
     resultTimeData.splice(curIndex, 1, curTimeData);
     setActiveTime(resultTimeData);
-    timeChange && timeChange(time, resultTimeData);
+    if (onTimeChange) {
+      onTimeChange(time, resultTimeData);
+    } else if (timeChange) {
+      timeChange(time, resultTimeData);
+    }
   };
   // 选择日期的回调
   var handleChange = function handleChange(pannelKey) {
@@ -108,7 +119,11 @@ var TimeSelect = function TimeSelect(props) {
         }]);
       }
     }
-    pannelChange && pannelChange(pannelKey, resultTimeData);
+    if (onPannelChange) {
+      onPannelChange(pannelKey, resultTimeData);
+    } else if (pannelChange) {
+      pannelChange(pannelKey, resultTimeData);
+    }
   };
   // 选中的日期增加 active 类名
   var getTimePannelClass = function getTimePannelClass(dataItem) {

package/dist/esm/Uploader.js

@@ -516,7 +516,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "link"
-    }), "\xA0", item.name), React__default.createElement(Icon, {
+    }), "\xA0", item.name), isDeletable && React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "#808080",

package/dist/esm/Video.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "source", "options", "className", "play", "pause", "playend"];
+var _excluded = ["children", "source", "options", "className", "play", "pause", "playend", "onPlayFuc", "onPauseFuc", "onPlayend"];
 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, { useRef, useEffect } from 'react';
@@ -30,6 +30,9 @@ var Video = function Video(props) {
     play = _defaultProps$props.play,
     pause = _defaultProps$props.pause,
     playend = _defaultProps$props.playend,
+    onPlayFuc = _defaultProps$props.onPlayFuc,
+    onPauseFuc = _defaultProps$props.onPauseFuc,
+    onPlayend = _defaultProps$props.onPlayend,
     restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var rootRef = useRef(null);
   var b = cn('video');
@@ -52,13 +55,16 @@ var Video = function Video(props) {
         videoRef.setAttribute('x5-video-player-fullscreen', 'false');
       }
       videoRef.addEventListener('play', function () {
+        onPlayFuc && onPlayFuc(videoRef);
         play && play(videoRef);
       });
       videoRef.addEventListener('pause', function () {
+        onPauseFuc && onPauseFuc(videoRef);
         pause && pause(videoRef);
       });
       videoRef.addEventListener('ended', function () {
         videoRef.currentTime = 0;
+        onPlayend && onPlayend(videoRef);
         playend && playend(videoRef);
       });
     }

package/dist/esm/VirtualList.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horizontal", "overscan", "key", "handleScroll", "className", "containerSize"];
+var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horizontal", "overscan", "key", "handleScroll", "onScroll", "className", "containerSize"];
 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, { useRef, useState, useEffect, useCallback } from 'react';
@@ -146,6 +146,7 @@ var VirtualList = function VirtualList(props) {
     overscan = _props$overscan === void 0 ? 2 : _props$overscan,
     key = props.key,
     handleScroll = props.handleScroll,
+    onScroll = props.onScroll,
     className = props.className,
     containerSize = props.containerSize,
     rest = _objectWithoutProperties(props, _excluded);
@@ -230,7 +231,7 @@ var VirtualList = function VirtualList(props) {
     var totalSize = getListTotalSize(positions, horizontal);
     setListTotalSize(totalSize);
   }, [positions, sizeKey, horizontal]);
-  var onScroll = useCallback(function () {
+  var scroll = useCallback(function () {
     requestAnimationFrame(function (e) {
       var scrollSize = getElement()[scrollKey];
       var startIndex = binarySearch(positions, scrollSize, horizontal);
@@ -258,17 +259,21 @@ var VirtualList = function VirtualList(props) {
       });
       // 无限下滑
       if (endIndex > sourceData.length - 1) {
-        handleScroll && handleScroll();
+        if (onScroll) {
+          onScroll();
+        } else if (handleScroll) {
+          handleScroll();
+        }
       }
     });
   }, [positions, getElement, sourceData, visibleCount, itemEqualSize, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, handleScroll, offSetSize]);
   useEffect(function () {
     var element = getElement();
-    element.addEventListener('scroll', onScroll, false);
+    element.addEventListener('scroll', scroll, false);
     return function () {
-      element.removeEventListener('scroll', onScroll, false);
+      element.removeEventListener('scroll', scroll, false);
     };
-  }, [getElement, onScroll]);
+  }, [getElement, scroll]);
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: className ? "".concat(className, " nut-virtualList-box") : 'nut-virtualList-box'
   }, rest), {}, {

package/dist/esm/date-710f8c7c.js

@@ -2,13 +2,15 @@ var Utils = {
   /**
    * 是否为闫年
    * @return {Boolse} true|false
-   */isLeapYear: function isLeapYear(y) {
+   */
+  isLeapYear: function isLeapYear(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
   },
   /**
    * 返回星期数
    * @return {String}
-   */getWhatDay: function getWhatDay(year, month, day) {
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
     var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
     var index = date.getDay();
     var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
@@ -17,7 +19,8 @@ var Utils = {
   /**
    * 返回星期数
    * @return {Number}
-   */getMonthPreDay: function getMonthPreDay(year, month) {
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
     var date = new Date("".concat(year, "/").concat(month, "/01"));
     var day = date.getDay();
     if (day == 0) {
@@ -28,7 +31,8 @@ var Utils = {
   /**
    * 返回月份天数
    * @return {Number}
-   */getMonthDays: function getMonthDays(year, month) {
+   */
+  getMonthDays: function getMonthDays(year, month) {
     if (/^0/.test(month)) {
       month = month.split('')[1];
     }
@@ -37,14 +41,16 @@ var Utils = {
   /**
    * 补齐数字位数
    * @return {string}
-   */getNumTwoBit: function getNumTwoBit(n) {
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
     n = Number(n);
     return (n > 9 ? '' : '0') + n;
   },
   /**
    * 日期对象转成字符串
    * @return {string}
-   */date2Str: function date2Str(date, split) {
+   */
+  date2Str: function date2Str(date, split) {
     split = split || '-';
     var y = date.getFullYear();
     var m = this.getNumTwoBit(date.getMonth() + 1);
@@ -55,7 +61,8 @@ var Utils = {
    * 返回日期格式字符串
    * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
    * @return {string} '2014-12-31'
-   */getDay: function getDay(i) {
+   */
+  getDay: function getDay(i) {
     i = i || 0;
     var date = new Date();
     var diff = i * (1000 * 60 * 60 * 24);
@@ -65,7 +72,8 @@ var Utils = {
   /**
    * 时间比较
    * @return {Boolean}
-   */compareDate: function compareDate(date1, date2) {
+   */
+  compareDate: function compareDate(date1, date2) {
     var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
     var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
     if (startTime >= endTime) {
@@ -76,7 +84,8 @@ var Utils = {
   /**
    * 时间是否相等
    * @return {Boolean}
-   */isEqual: function isEqual(date1, date2) {
+   */
+  isEqual: function isEqual(date1, date2) {
     var startTime = new Date(date1).getTime();
     var endTime = new Date(date2).getTime();
     if (startTime == endTime) {

package/dist/esm/{tabpane-c957ab14.js → tabpane-9b8ca8a8.js}

@@ -15,11 +15,12 @@ var TabPane = function TabPane(props) {
     children = _defaultProps$props.children,
     paneKey = _defaultProps$props.paneKey,
     activeKey = _defaultProps$props.activeKey,
-    autoHeightClassName = _defaultProps$props.autoHeightClassName;
+    autoHeightClassName = _defaultProps$props.autoHeightClassName,
+    className = _defaultProps$props.className;
   var b = cn('tabpane');
   var classes = classNames({
     active: paneKey === activeKey
-  }, b(''), autoHeightClassName);
+  }, b(''), autoHeightClassName, className);
   return React__default.createElement("div", {
     className: classes
   }, children);

package/dist/esm/{tabs-0896a61b.js → tabs-ee05fd2f.js}

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["value", "color", "tabStyle", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
 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, useRef, useEffect } from 'react';
@@ -21,6 +21,7 @@ function Title() {
   _defineProperty(this, "index", 0);
 });
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  tabStyle: {},
   value: 0,
   color: '',
   background: '',
@@ -41,6 +42,7 @@ var Tabs = function Tabs(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     value = _defaultProps$props.value,
     color = _defaultProps$props.color,
+    tabStyle = _defaultProps$props.tabStyle,
     background = _defaultProps$props.background,
     direction = _defaultProps$props.direction,
     type = _defaultProps$props.type,
@@ -119,9 +121,9 @@ var Tabs = function Tabs(props) {
     className: classes
   }, rest), React__default.createElement("div", {
     className: classesTitle,
-    style: {
+    style: _objectSpread(_objectSpread({}, tabStyle), {}, {
       background: background
-    }
+    })
   }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
     return React__default.createElement("div", {
       style: titleStyle,
@@ -150,6 +152,8 @@ var Tabs = function Tabs(props) {
       }, "".concat(b(''), "__titles-item__text"))
     }, item.title));
   })), React__default.createElement("div", {
+    className: "".concat(b(''), "__content__wrap")
+  }, React__default.createElement("div", {
     className: "".concat(b(''), "__content"),
     style: contentStyle
   }, React__default.Children.map(children, function (child, idx) {
@@ -166,7 +170,7 @@ var Tabs = function Tabs(props) {
       });
     }
     return React__default.cloneElement(child, childProps);
-  })));
+  }))));
 };
 Tabs.defaultProps = defaultProps;
 Tabs.displayName = 'NutTabs';

package/dist/esm/types/src/packages/avatar/avatar.d.ts

@@ -12,6 +12,7 @@ export interface AvatarProps extends IComponent {
     alt: string;
     style: React.CSSProperties;
     activeAvatar: (e: MouseEvent) => void;
+    onActiveAvatar: (e: MouseEvent) => void;
     onError: (e: any) => void;
 }
 export declare type AvatarShape = 'round' | 'square';

package/dist/esm/types/src/packages/cell/cell.d.ts

@@ -17,5 +17,6 @@ export interface CellProps extends IComponent {
     iconSlot: ReactNode;
     linkSlot: ReactNode;
     click: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

package/dist/esm/types/src/packages/cellgroup/cellgroup.d.ts

@@ -4,7 +4,7 @@ export interface CellGroupProps {
     desc: ReactNode;
     titleSlot: ReactNode;
     descSlot: ReactNode;
-    classPrefix: string;
+    className: string;
     children?: ReactNode;
 }
 export declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;

package/dist/esm/types/src/packages/collapse/collapse.d.ts

@@ -1,12 +1,14 @@
 import React, { FunctionComponent } from 'react';
 export interface CollapseProps {
+    className: string;
+    style: React.CSSProperties;
     activeName: Array<number | string> | number | string;
     accordion: boolean;
     icon: string;
     iconSize: string;
     iconColor: string;
     rotate: number;
-    change: (isOpen: boolean, name: string) => void;
+    onChange: (isOpen: boolean, name: string) => void;
     children?: React.ReactNode;
 }
 export declare const Collapse: FunctionComponent<Partial<CollapseProps>>;

package/dist/esm/types/src/packages/datepicker/datepicker.d.ts

@@ -22,6 +22,6 @@ export interface DatePickerProps {
     filter: (type: string, option: PickerOption[]) => PickerOption[];
     onCloseDatePicker: () => void;
     onConfirmDatePicker: (values: (string | number)[], options: PickerOption[]) => void;
-    onChangeDatePicker: (columnIndex: string | number, values: (string | number)[], options: PickerOption[]) => void;
+    onChange?: (columnIndex: string | number, values: (string | number)[], options: PickerOption[]) => void;
 }
-export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/esm/types/src/packages/input/input.d.ts

@@ -49,10 +49,18 @@ export interface InputProps extends IComponent {
     blur?: (value: any, event: Event) => void;
     focus?: (value: any, event: Event) => void;
     clear?: (value: any, event: Event) => void;
-    keypress?: (value: any, event: Event) => void;
     clickInput?: (value: any) => void;
     clickLeftIcon?: (value: any) => void;
     clickRightIcon?: (value: any) => void;
     click?: (value: any) => void;
+    onChange?: (value: any, event: Event) => void;
+    onBlur?: (value: any, event: Event) => void;
+    onFocus?: (value: any, event: Event) => void;
+    onClear?: (value: any, event: Event) => void;
+    keypress?: (value: any, event: Event) => void;
+    onClickInput?: (value: any) => void;
+    onClickLeftIcon?: (value: any) => void;
+    onClickRightIcon?: (value: any) => void;
+    onClick?: (value: any) => void;
 }
-export declare const Input: FunctionComponent<Partial<InputProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Input: FunctionComponent<Partial<InputProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onClick'>>;