@nutui/nutui-react 1.3.7 → 1.3.8

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v1.3.8
+`2022-10-26`
+
+* :sparkles: feat: tabs 组件支持 css 粘性布局 (#346) @leiyu0932
+* :sparkles: feat: tabpane 组件增加 className 属性 (#343) @oasis-cloud
+* :sparkles: feat: sidenavbar 事件名修改为 onClick (#359) @oasis-cloud
+* :sparkles: feat: collapse 组件增加 className 和 style 支持 (#360) @oasis-cloud
+* :sparkles: feat: tabbar 组件增加 onSwitch 事件 (#361) @oasis-cloud
+* :sparkles: feat: timeselect 组件增加 onSelect onPannelChange onTimeChange 事件 (#362) @oasis-cloud
+* :sparkles: feat: virtuallist 组件增加 onScroll 事件 (#363) @oasis-cloud
+* :sparkles: feat: input、noticebar、range组件 event 事件修改, divider组件demo优化 (#365) @vickyYE
+* :sparkles: feat: avartar、steps、video、inputnumber 组件事件优化 (#371)  @junjun666
+* :bug: fix: 修改 signature 组件taro demo文案 (#344)  @irisSong
+* :bug: fix: switch 组件-事件命名修改 (#352)  @libin0824
+* :bug: fix: radio 组件中的 render 数组改成 fragment (#353) @oasis-cloud
+* :bug: fix: taro/components 组件的使用，taro:h5 启动报错 (#357) @oasis-cloud
+* :bug: fix: uploader 使用 isDeletable 无法隐藏 删除按钮 (#366)  @junjun666
+* :bug: fix: cell 和 signature 修改 Event (#367) @irisSong
+* :bug: fix: 修改 collapse 组件的事件名称 (#369)  @zhenyulei
+* 📖 docs: button 组件文档中事件 click 改为 onClick (#356) @oasis-cloud
+* 📖 docs: icon 组件文档中事件 click 改为 onClick (#358) @oasis-cloud
+* 📖 docs: input 数据变化控制例子补充 (#364) @vickyYE
+* 📖 docs: layout 文档修改 (#368) @Ymm0008 
+* 📖 docs: tabs 文档优化 (#370) @oasis-cloud
+
+
 # v1.3.7
 `2022-10-19`
 * :sparkles: feat: 优化 menu 组件的弹出动画效果 (#341) @oasis-cloud

package/dist/esm/Avatar.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onError", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onActiveAvatar", "onError", "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, useContext, useEffect } from 'react';
@@ -35,6 +35,7 @@ var Avatar = function Avatar(props) {
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
     activeAvatar = _defaultProps$props.activeAvatar,
+    onActiveAvatar = _defaultProps$props.onActiveAvatar,
     onError = _defaultProps$props.onError,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
@@ -80,7 +81,6 @@ var Avatar = function Avatar(props) {
   var avatarLength = function avatarLength(children) {
     var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
     for (var i = 0; i < children.length; i++) {
-      console.log('child', children[i], children[i].classList);
       if (children[i] && children[i].classList && children[i].classList[0] === 'nut-avatar') {
         children[i].setAttribute('data-index', i + 1);
       }
@@ -99,9 +99,8 @@ var Avatar = function Avatar(props) {
     }
   };
   var clickAvatar = function clickAvatar(e) {
-    if (props.activeAvatar) {
-      props.activeAvatar(e);
-    }
+    activeAvatar && activeAvatar(e);
+    onActiveAvatar && onActiveAvatar(e);
   };
   return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
     className: cls

package/dist/esm/Cascader.js

@@ -13,8 +13,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useEffect, useState } from 'react';
 import classNames from 'classnames';
 import Popup from './Popup.js';
-import { T as Tabs } from './tabs-0896a61b.js';
-import { T as TabPane } from './tabpane-c957ab14.js';
+import { T as Tabs } from './tabs-ee05fd2f.js';
+import { T as TabPane } from './tabpane-9b8ca8a8.js';
 import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 import './Icon.js';

package/dist/esm/Cell.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "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 from 'react';
@@ -25,12 +25,14 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   iconSlot: null,
   linkSlot: null,
-  click: function click(event) {}
+  click: function click(event) {},
+  onClick: function onClick(event) {}
 });
 var Cell = function Cell(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
     click = _defaultProps$props.click,
+    onClick = _defaultProps$props.onClick,
     title = _defaultProps$props.title,
     subTitle = _defaultProps$props.subTitle,
     desc = _defaultProps$props.desc,
@@ -53,6 +55,7 @@ var Cell = function Cell(props) {
   var history = useHistory();
   var handleClick = function handleClick(event) {
     click(event);
+    onClick(event);
     if (to && history) {
       history[replace ? 'replace' : 'push'](to);
     } else if (url) {

package/dist/esm/Collapse.js

@@ -7,6 +7,7 @@ import React__default, { memo, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
+  style: {},
   activeName: ['0'],
   accordion: false,
   icon: '',
@@ -19,6 +20,8 @@ function areEqual(prevProps, nextProps) {
 }
 var Collapse = memo(function (props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
     children = _defaultProps$props.children,
     activeName = _defaultProps$props.activeName,
     accordion = _defaultProps$props.accordion,
@@ -26,7 +29,7 @@ var Collapse = memo(function (props) {
     rotate = _defaultProps$props.rotate,
     iconSize = _defaultProps$props.iconSize,
     iconColor = _defaultProps$props.iconColor,
-    change = _defaultProps$props.change;
+    onChange = _defaultProps$props.onChange;
   var childrenDom = React__default.Children.toArray(children);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -71,10 +74,11 @@ var Collapse = memo(function (props) {
       }
     }
     setDefaultOpenIndex(newOpenIndex);
-    change && change(!isOpen, name);
+    onChange && onChange(!isOpen, name);
   };
   return React__default.createElement("div", {
-    className: colBem()
+    className: "".concat(colBem(), " ").concat(className),
+    style: style
   }, childrenDom.map(function (item) {
     return React__default.cloneElement(item, {
       isOpen: defaultOpenIndex.includes(item.props.name),

package/dist/esm/Input.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "type", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "change", "blur", "focus", "clear", "formatter", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "type", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "change", "blur", "focus", "clear", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "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, useLayoutEffect, useEffect, useCallback } from 'react';
@@ -107,12 +107,20 @@ var Input = function Input(props) {
     rows = _defaultProps$props.rows,
     slotButton = _defaultProps$props.slotButton,
     slotInput = _defaultProps$props.slotInput,
+    onChange = _defaultProps$props.onChange,
+    onBlur = _defaultProps$props.onBlur,
+    onFocus = _defaultProps$props.onFocus,
+    onClear = _defaultProps$props.onClear,
+    formatter = _defaultProps$props.formatter,
+    keypress = _defaultProps$props.keypress,
+    onClickInput = _defaultProps$props.onClickInput,
+    onClickLeftIcon = _defaultProps$props.onClickLeftIcon,
+    onClickRightIcon = _defaultProps$props.onClickRightIcon,
+    _onClick = _defaultProps$props.onClick,
     change = _defaultProps$props.change,
     blur = _defaultProps$props.blur,
     focus = _defaultProps$props.focus,
     clear = _defaultProps$props.clear,
-    formatter = _defaultProps$props.formatter,
-    keypress = _defaultProps$props.keypress,
     clickInput = _defaultProps$props.clickInput,
     clickLeftIcon = _defaultProps$props.clickLeftIcon,
     clickRightIcon = _defaultProps$props.clickRightIcon,
@@ -182,20 +190,22 @@ var Input = function Input(props) {
     // }
   };
 
-  var _onFocus = function onFocus(event) {
+  var handleFocus = function handleFocus(event) {
     var val = event.target.value;
     SetActive(true);
+    onFocus && onFocus(val, event);
     focus && focus(val, event);
   };
-  var _onInput = function onInput(event) {
+  var handleInput = function handleInput(event) {
     var val = event.target.value;
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
     updateValue(val);
+    onChange && onChange(val, event);
     change && change(val, event);
   };
-  var _onBlur = function onBlur(event) {
+  var handleBlur = function handleBlur(event) {
     setTimeout(function () {
       SetActive(false);
     }, 200);
@@ -204,15 +214,19 @@ var Input = function Input(props) {
       val = val.slice(0, Number(maxlength));
     }
     updateValue(getModelValue(), 'onBlur');
+    onBlur && onBlur(val, event);
     blur && blur(val, event);
   };
-  var onClickInput = function onClickInput(event) {
+  var handleClickInput = function handleClickInput(event) {
+    onClickInput && onClickInput(event);
     clickInput && clickInput(event);
   };
-  var onClickLeftIcon = function onClickLeftIcon(event) {
+  var handleClickLeftIcon = function handleClickLeftIcon(event) {
+    onClickLeftIcon && onClickLeftIcon(event);
     clickLeftIcon && clickLeftIcon(event);
   };
-  var onClickRightIcon = function onClickRightIcon(event) {
+  var handleClickRightIcon = function handleClickRightIcon(event) {
+    onClickRightIcon && onClickRightIcon(event);
     clickRightIcon && clickRightIcon(event);
   };
   var resetValidation = function resetValidation() {};
@@ -227,6 +241,7 @@ var Input = function Input(props) {
   };
   var handleClear = function handleClear(event) {
     updateValue('');
+    onClear && onClear('', event);
     clear && clear('', event);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
@@ -234,6 +249,7 @@ var Input = function Input(props) {
     style: style
   }, rest), {}, {
     onClick: function onClick(e) {
+      _onClick && _onClick(e);
       click && click(e);
     }
   }), slotInput ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
@@ -249,12 +265,12 @@ var Input = function Input(props) {
   }, React__default.createElement("div", {
     className: "nut-input-inner",
     onClick: function onClick(e) {
-      onClickInput(e);
+      handleClickInput(e);
     }
   }, slotInput))) : React__default.createElement(React__default.Fragment, null, leftIcon && leftIcon.length > 0 ? React__default.createElement("div", {
     className: "nut-input-left-icon",
     onClick: function onClick(e) {
-      onClickLeftIcon(e);
+      handleClickLeftIcon(e);
     }
   }, React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
@@ -274,7 +290,7 @@ var Input = function Input(props) {
   }, React__default.createElement("div", {
     className: "nut-input-inner",
     onClick: function onClick(e) {
-      onClickInput(e);
+      handleClickInput(e);
     }
   }, type === 'textarea' ? React__default.createElement("textarea", {
     className: "input-text",
@@ -290,13 +306,13 @@ var Input = function Input(props) {
     value: inputValue,
     autoFocus: autofocus,
     onBlur: function onBlur(e) {
-      _onBlur(e);
+      handleBlur(e);
     },
     onFocus: function onFocus(e) {
-      _onFocus(e);
+      handleFocus(e);
     },
     onInput: function onInput(e) {
-      _onInput(e);
+      handleInput(e);
     }
   }) : React__default.createElement("input", {
     className: "input-text",
@@ -312,13 +328,13 @@ var Input = function Input(props) {
     value: inputValue,
     autoFocus: autofocus,
     onBlur: function onBlur(e) {
-      _onBlur(e);
+      handleBlur(e);
     },
     onFocus: function onFocus(e) {
-      _onFocus(e);
+      handleFocus(e);
     },
     onInput: function onInput(e) {
-      _onInput(e);
+      handleInput(e);
     }
   }), clearable && !readonly && active && inputValue.length > 0 ? React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
@@ -332,7 +348,7 @@ var Input = function Input(props) {
   }) : null, rightIcon && rightIcon.length > 0 ? React__default.createElement("div", {
     className: "nut-input-right-icon",
     onClick: function onClick(e) {
-      onClickRightIcon(e);
+      handleClickRightIcon(e);
     }
   }, React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,

package/dist/esm/InputNumber.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "onAdd", "onReduce", "onOverlimit", "onBlurFuc", "onFocus", "onChangeFuc", "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, useEffect } from 'react';
@@ -46,6 +46,12 @@ var InputNumber = function InputNumber(props) {
     overlimit = _defaultProps$props.overlimit,
     blur = _defaultProps$props.blur,
     focus = _defaultProps$props.focus,
+    onAdd = _defaultProps$props.onAdd,
+    onReduce = _defaultProps$props.onReduce,
+    onOverlimit = _defaultProps$props.onOverlimit,
+    onBlurFuc = _defaultProps$props.onBlurFuc,
+    onFocus = _defaultProps$props.onFocus,
+    onChangeFuc = _defaultProps$props.onChangeFuc,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
     restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
@@ -80,6 +86,7 @@ var InputNumber = function InputNumber(props) {
   };
   var emitChange = function emitChange(value, e) {
     var outputValue = fixedDecimalPlaces(value);
+    onChangeFuc && onChangeFuc(outputValue, e);
     change && change(outputValue, e);
     if (!isAsync) {
       if (Number(outputValue) < Number(min)) {
@@ -92,26 +99,31 @@ var InputNumber = function InputNumber(props) {
     }
   };
   var reduceNumber = function reduceNumber(e) {
+    onReduce && onReduce(e);
     reduce && reduce(e);
     if (reduceAllow()) {
       var outputValue = Number(inputValue) - Number(step);
       emitChange(outputValue, e);
     } else {
+      onOverlimit && onOverlimit(e);
       overlimit && overlimit(e);
     }
   };
   var addNumber = function addNumber(e) {
+    onAdd && onAdd(e);
     add && add(e);
     if (addAllow()) {
       var outputValue = Number(inputValue) + Number(step);
       emitChange(outputValue, e);
     } else {
+      onOverlimit && onOverlimit(e);
       overlimit && overlimit(e);
     }
   };
   var changeValue = function changeValue(e) {
     var input = e.target;
     change && change(input.valueAsNumber, e);
+    onChangeFuc && onChangeFuc(input.valueAsNumber, e);
     if (!isAsync) {
       if (Number.isNaN(input.valueAsNumber)) {
         setInputValue(inputValue);
@@ -123,6 +135,7 @@ var InputNumber = function InputNumber(props) {
   var focusValue = function focusValue(e) {
     if (disabled) return;
     if (readonly) return;
+    onFocus && onFocus(e);
     focus && focus(e);
   };
   var burValue = function burValue(e) {
@@ -136,6 +149,7 @@ var InputNumber = function InputNumber(props) {
       value = Number(max);
     }
     emitChange(value, e);
+    onBlurFuc && onBlurFuc(e);
     blur && blur(e);
   };
   return React__default.createElement("div", _objectSpread({

package/dist/esm/NoticeBar.js

@@ -48,6 +48,8 @@ var NoticeBar = function NoticeBar(props) {
     rightIcon = _defaultProps$props.rightIcon,
     close = _defaultProps$props.close,
     click = _defaultProps$props.click,
+    onClose = _defaultProps$props.onClose,
+    onClick = _defaultProps$props.onClick,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName;
   var wrap = useRef(null);
@@ -160,11 +162,13 @@ var NoticeBar = function NoticeBar(props) {
   };
   var handleClick = function handleClick(event) {
     click && click(event);
+    onClick && onClick(event);
   };
   var onClickIcon = function onClickIcon(event) {
     event.stopPropagation();
     SetShowNoticeBar(!closeMode);
     close && close(event);
+    onClose && onClose(event);
   };
   var onAnimationEnd = function onAnimationEnd() {
     SetFirstRound(false);
@@ -217,9 +221,11 @@ var NoticeBar = function NoticeBar(props) {
    */
   var go = function go(item) {
     click && click(item);
+    onClick && onClick(item);
   };
   var handleClickIcon = function handleClickIcon() {
     close && close(scrollList[0]);
+    onClose && onClose(scrollList[0]);
   };
   var iconShow = function iconShow() {
     if (leftIcon === 'close') {

package/dist/esm/Radio.js

@@ -93,9 +93,9 @@ var Radio = function Radio(props) {
       return renderButton();
     }
     if (reverseState) {
-      return [renderLabel(), renderIcon()];
+      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
     }
-    return [renderIcon(), renderLabel()];
+    return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   var handleClick = function handleClick(e) {
     if (disabledStatement || checkedStatement) return;

package/dist/esm/Range.js

@@ -38,7 +38,10 @@ var Range = function Range(props) {
     marks = _defaultProps$props.marks,
     change = _defaultProps$props.change,
     dragStart = _defaultProps$props.dragStart,
-    dragEnd = _defaultProps$props.dragEnd;
+    dragEnd = _defaultProps$props.dragEnd,
+    onChange = _defaultProps$props.onChange,
+    onDragStart = _defaultProps$props.onDragStart,
+    onDragEnd = _defaultProps$props.onDragEnd;
   var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
     min = _defaultProps$props2.min,
     max = _defaultProps$props2.max,
@@ -219,6 +222,7 @@ var Range = function Range(props) {
     }
     if ((marks || end) && !isSameValue(value, startValue)) {
       change && change(value);
+      onChange && onChange(value);
     }
   };
   var click = function click(event) {
@@ -269,6 +273,7 @@ var Range = function Range(props) {
     }
     if (dragStatus === 'start') {
       dragStart && dragStart();
+      onDragStart && onDragStart();
     }
     touch.move(event);
     SetDragStatus('draging');
@@ -295,6 +300,7 @@ var Range = function Range(props) {
     if (dragStatus === 'draging') {
       updateValue(currentValue, true);
       dragEnd && dragEnd();
+      onDragEnd && onDragEnd();
     }
     SetDragStatus('');
   };

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