@nutui/nutui-react 1.3.7 → 1.3.8

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/{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/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/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'>>;

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

@@ -19,5 +19,11 @@ export interface InputNumberProps extends IComponent {
     blur: (e: ChangeEvent<HTMLInputElement>) => void;
     focus: (e: FocusEvent<HTMLInputElement>) => void;
     change: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
+    onAdd: (e: MouseEvent) => void;
+    onReduce: (e: MouseEvent) => void;
+    onOverlimit: (e: MouseEvent) => void;
+    onBlurFuc: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus: (e: FocusEvent<HTMLInputElement>) => void;
+    onChangeFuc: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -20,5 +20,7 @@ export interface NoticeBarProps extends IComponent {
     rightIcon?: HTMLElement | any;
     close?: (list?: any) => void;
     click?: (item?: any) => void;
+    onClose?: (list?: any) => void;
+    onClick?: (item?: any) => void;
 }
-export declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

@@ -20,6 +20,9 @@ export interface RangeProps {
     change?: (value: number) => void;
     dragStart?: () => void;
     dragEnd?: () => void;
+    onChange?: (value: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
 }
-export declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
 export {};

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

@@ -8,7 +8,7 @@ export interface SideNavBarProps extends React.HTMLAttributes<HTMLDivElement>, N
     width?: string;
     offset?: number;
     position?: 'left' | 'right';
-    handleClose: () => void;
+    onClose: () => void;
     children?: React.ReactNode;
 }
 export declare const SideNavBar: FunctionComponent<SideNavBarProps>;

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

@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 export declare type SideNavBarItemProps = {
     title: string;
     ikey: string | number;
-    click?: ({ title, ikey }: {
+    onClick?: ({ title, ikey }: {
         title: string;
         ikey: string | number;
     }) => void;

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

@@ -7,5 +7,7 @@ export interface SignatureProps {
     className: string;
     confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
     clear?: () => void;
+    onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
+    onClear?: () => void;
 }
 export declare const Signature: FunctionComponent<Partial<SignatureProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -6,5 +6,6 @@ export interface StepsProps {
     className: string;
     style: React.CSSProperties;
     clickStep: (index: number) => void;
+    onClickStep: (index: number) => void;
 }
 export declare const Steps: FunctionComponent<Partial<StepsProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -4,7 +4,7 @@ export declare type SubSideNavBarProps = {
     ikey: string | number;
     open?: boolean;
     children?: React.ReactNode;
-    titleClick?: ({ title, ikey, isShow, }: {
+    onClick?: ({ title, ikey, isShow, }: {
         title: string;
         ikey: string | number;
         isShow: boolean;

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

@@ -9,6 +9,6 @@ export interface SwitchProps {
     inactiveText: string;
     className: string;
     style: React.CSSProperties;
-    change: (val: boolean, event: React.MouseEvent) => void;
+    onChange: (val: boolean, event: React.MouseEvent) => void;
 }
 export declare const Switch: FunctionComponent<Partial<SwitchProps>>;

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

@@ -9,6 +9,7 @@ export interface TabbarProps {
     className: string;
     style: React.CSSProperties;
     tabSwitch: (child: React.ReactElement<any>, active: number) => void;
+    onSwitch: (child: React.ReactElement<any>, active: number) => void;
     children?: React.ReactNode;
 }
 export declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;

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

@@ -1,10 +1,14 @@
 import React, { FunctionComponent } from 'react';
+interface TabPanelInnerProps {
+    autoHeightClassName: string;
+}
 export interface TabPaneProps {
     title: string | number;
     paneKey: string | number;
     activeKey: string | number;
     disabled: boolean;
-    autoHeightClassName: string;
+    className: string;
     children?: React.ReactNode;
 }
-export declare const TabPane: FunctionComponent<Partial<TabPaneProps>>;
+export declare const TabPane: FunctionComponent<Partial<TabPaneProps & TabPanelInnerProps>>;
+export {};

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

@@ -11,6 +11,7 @@ export declare type TabsSize = 'large' | 'normal' | 'small';
 export interface TabsProps extends IComponent {
     className: string;
     style: React.CSSProperties;
+    tabStyle: React.CSSProperties;
     value: string | number;
     color: string;
     background: string;

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

@@ -6,6 +6,7 @@ export interface DateType {
 }
 export interface TimeSelectProps {
     className?: string;
+    style: React.CSSProperties;
     visible?: boolean;
     height?: string;
     multiple?: boolean;
@@ -17,5 +18,8 @@ export interface TimeSelectProps {
     select?: (selectTimeData: TimeType[]) => void;
     pannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
     timeChange?: (time: string, selectTimeData: TimeType[]) => void;
+    onSelect?: (selectTimeData: TimeType[]) => void;
+    onPannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
+    onTimeChange?: (time: string, selectTimeData: TimeType[]) => void;
 }
-export declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;

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

@@ -17,5 +17,8 @@ export interface VideoProps {
     play: (e: HTMLVideoElement) => void;
     pause: (e: HTMLVideoElement) => void;
     playend: (e: HTMLVideoElement) => void;
+    onPlayFuc: (e: HTMLVideoElement) => void;
+    onPauseFuc: (e: HTMLVideoElement) => void;
+    onPlayend: (e: HTMLVideoElement) => void;
 }
 export declare const Video: FunctionComponent<Partial<VideoProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/virtuallist/type.d.ts

@@ -16,6 +16,8 @@ export interface PositionType {
     right: number;
 }
 export interface IVirtualListProps {
+    className?: string;
+    style?: React.CSSProperties;
     sourceData: Array<Data>;
     containerSize?: number;
     ItemRender?: React.FC<any>;
@@ -24,9 +26,9 @@ export interface IVirtualListProps {
     horizontal?: boolean;
     overscan?: number;
     handleScroll?: (...args: any[]) => any;
+    onScroll?: (...args: any[]) => any;
     key?: string;
     locale?: {
         [key in string]: string;
     };
-    className?: string;
 }

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

@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { IVirtualListProps } from './type';
 export declare type VirtualListProps = IVirtualListProps;
-export declare const VirtualList: FunctionComponent<VirtualListProps & React.HTMLAttributes<HTMLDivElement>>;
+export declare const VirtualList: FunctionComponent<VirtualListProps>;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:55:35 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:55:35 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:55:35 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:55:35 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:55:35 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */