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

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/Button.js

@@ -85,8 +85,7 @@ var Button = function Button(props) {
       return handleClick(e);
     }
   }), React__default.createElement("div", {
-    className: "nut-button__warp",
-    style: getStyle()
+    className: "nut-button__warp"
   }, loading && React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,

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

@@ -1,4 +1,4 @@
-
 import '../../Price/style'
-import '../../Tag/style'
+import '../../Tag/style'
+
 import '../../../packages/card/card.scss'

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/CellGroup.js

@@ -7,24 +7,24 @@ import '@bem-react/classname';
 var defaultProps = {
   title: '',
   desc: '',
+  className: '',
   titleSlot: null,
-  descSlot: null,
-  classPrefix: 'nutui-cell-group'
+  descSlot: null
 };
 var CellGroup = function CellGroup(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
-    classPrefix = _defaultProps$props.classPrefix,
+    className = _defaultProps$props.className,
     title = _defaultProps$props.title,
     desc = _defaultProps$props.desc,
     titleSlot = _defaultProps$props.titleSlot,
     descSlot = _defaultProps$props.descSlot;
   var b = cn('cell-group');
   return React__default.createElement("div", {
-    className: b(null, [classPrefix])
+    className: b(null, [className])
   }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
     className: b('title')
-  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", {
     className: b('desc')
   }, desc) : null), React__default.createElement("div", {
     className: b('wrap')

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/DatePicker.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "threeDimensional", "className", "style"];
+var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "onChange", "threeDimensional", "className", "style"];
 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';
@@ -34,6 +34,7 @@ var DatePicker = function DatePicker(props) {
     onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
     onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
     filter = _defaultProps$props.filter,
+    onChange = _defaultProps$props.onChange,
     threeDimensional = _defaultProps$props.threeDimensional,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
@@ -138,7 +139,6 @@ var DatePicker = function DatePicker(props) {
   };
   var ranges = function ranges(date) {
     var curDate = date || currentDate;
-    console.log(11, currentDate);
     if (!curDate) return [];
     var _getBoundary = getBoundary('max', curDate),
       maxYear = _getBoundary.maxYear,
@@ -222,7 +222,7 @@ var DatePicker = function DatePicker(props) {
       var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
       date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
     }
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
   };
   var padZero = function padZero(num) {
     var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;

package/dist/esm/GridItem.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "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';
@@ -44,6 +44,7 @@ var GridItem = function GridItem(props) {
     direction = _defaultProps$props.direction,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
+    onClick = _defaultProps$props.onClick,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('grid-item');
   var pxCheck = function pxCheck(value) {
@@ -69,10 +70,15 @@ var GridItem = function GridItem(props) {
   var isIconName = function isIconName() {
     return typeof icon === 'string';
   };
-  return React__default.createElement("div", _objectSpread({
+  var handleClick = function handleClick(e) {
+    onClick && onClick(e);
+  };
+  return React__default.createElement("div", _objectSpread(_objectSpread({
     className: b(),
     style: rootStyle()
-  }, rest), React__default.createElement("div", {
+  }, rest), {}, {
+    onClick: handleClick
+  }), React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,

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,9 +249,10 @@ 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", {
+  }), slotInput ? React__default.createElement(React__default.Fragment, null, label ? React__default.createElement("div", {
     className: "nut-input-label ".concat(labelClass),
     style: {
       width: "".concat(labelWidth, "px"),
@@ -244,24 +260,24 @@ var Input = function Input(props) {
     }
   }, React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ':' : '')), React__default.createElement("div", {
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
     className: "nut-input-value"
   }, 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,
     fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
-  })) : null, React__default.createElement("div", {
+  })) : null, label ? React__default.createElement("div", {
     className: "nut-input-label ".concat(labelClass),
     style: {
       width: "".concat(labelWidth, "px"),
@@ -269,12 +285,12 @@ var Input = function Input(props) {
     }
   }, React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ':' : '')), React__default.createElement("div", {
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
     className: "nut-input-value"
   }, 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('');
   };