@nutui/nutui-react 1.3.6 → 1.3.8

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:06:20 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -1469,12 +1469,15 @@ const defaultProps$1j = {
   iconSlot: null,
   linkSlot: null,
   click: (event) => {
+  },
+  onClick: (event) => {
   }
 };
 const Cell = (props) => {
   const {
     children,
     click,
+    onClick,
     title,
     subTitle,
     desc,
@@ -1501,6 +1504,7 @@ const Cell = (props) => {
   const history = useHistory();
   const handleClick2 = (event) => {
     click(event);
+    onClick(event);
     if (to2 && history) {
       history[replace ? "replace" : "push"](to2);
     } else if (url) {
@@ -3163,6 +3167,8 @@ const defaultProps$17 = {
   className: "",
   style: {},
   tabSwitch: () => {
+  },
+  onSwitch: () => {
   }
 };
 const Tabbar = (props) => {
@@ -3176,7 +3182,8 @@ const Tabbar = (props) => {
     safeAreaInsetBottom,
     className,
     style,
-    tabSwitch
+    tabSwitch,
+    onSwitch
   } = {
     ...defaultProps$17,
     ...props
@@ -3208,6 +3215,7 @@ const Tabbar = (props) => {
       handleClick: () => {
         handleClick2(idx);
         tabSwitch(child, idx);
+        onSwitch(child, idx);
       }
     };
     return React__default.cloneElement(child, childProps);
@@ -8648,6 +8656,7 @@ class Title {
 }
 const defaultProps$13 = {
   ...ComponentDefaults,
+  tabStyle: {},
   value: 0,
   color: "",
   background: "",
@@ -8667,6 +8676,7 @@ const Tabs = (props) => {
   const {
     value,
     color,
+    tabStyle,
     background,
     direction,
     type,
@@ -8748,7 +8758,7 @@ const Tabs = (props) => {
     ...rest
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: classesTitle,
-    style: { background }
+    style: { ...tabStyle, background }
   }, !!titleNode && typeof titleNode === "function" ? titleNode() : titles.current.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       style: titleStyle,
@@ -8781,6 +8791,8 @@ const Tabs = (props) => {
       )
     }, item.title));
   })), /* @__PURE__ */ React__default.createElement("div", {
+    className: `${b2("")}__content__wrap`
+  }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2("")}__content`,
     style: contentStyle
   }, React__default.Children.map(children, (child, idx) => {
@@ -8799,7 +8811,7 @@ const Tabs = (props) => {
       };
     }
     return React__default.cloneElement(child, childProps);
-  })));
+  }))));
 };
 Tabs.defaultProps = defaultProps$13;
 Tabs.displayName = "NutTabs";
@@ -8810,7 +8822,7 @@ const defaultProps$12 = {
   disabled: false
 };
 const TabPane = (props) => {
-  const { children, paneKey, activeKey, autoHeightClassName } = {
+  const { children, paneKey, activeKey, autoHeightClassName, className } = {
     ...defaultProps$12,
     ...props
   };
@@ -8820,7 +8832,8 @@ const TabPane = (props) => {
       active: paneKey === activeKey
     },
     b2(""),
-    autoHeightClassName
+    autoHeightClassName,
+    className
   );
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes
@@ -8911,7 +8924,7 @@ const SideNavBar = (props) => {
     children,
     className,
     showhead,
-    handleClose,
+    onClose,
     ...rest
   } = {
     ...defaultProps$10,
@@ -8922,7 +8935,7 @@ const SideNavBar = (props) => {
     visible,
     style: { width, height: "100%" },
     position,
-    onClose: handleClose
+    onClose
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: className ? `${className} nut-sidenavbar` : "nut-sidenavbar",
     ...rest
@@ -8948,7 +8961,7 @@ const defaultProps$$ = {
   open: true
 };
 const SubSideNavBar = (props) => {
-  const { title, ikey, children, titleClick, open, ...rest } = {
+  const { title, ikey, children, onClick, open, ...rest } = {
     ...defaultProps$$,
     ...props
   };
@@ -8985,7 +8998,7 @@ const SubSideNavBar = (props) => {
     handleClick(e2);
     const currentClass = e2.currentTarget.className;
     const isShow = currentClass.includes("nutShow");
-    titleClick && titleClick({ title, ikey, isShow });
+    onClick && onClick({ title, ikey, isShow });
   };
   useEffect(() => {
     var _a, _b;
@@ -9009,10 +9022,10 @@ const SubSideNavBar = (props) => {
   }, children));
 };
 const SideNavBarItem = (props) => {
-  const { title, ikey, children, click, ...rest } = props;
+  const { title, ikey, children, onClick, ...rest } = props;
   const clickFn = (e2) => {
     e2.stopPropagation();
-    click && click({ title, ikey });
+    onClick && onClick({ title, ikey });
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-subsidenavbar__item border-bt",
@@ -9054,7 +9067,6 @@ const Menu = (props) => {
   const onScroll = () => {
     const { scrollFixed: scrollFixed2 } = props;
     const scrollTop = getScrollTop(window);
-    console.log(scrollTop);
     const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
     setIsScrollFixed(isFixed);
   };
@@ -9099,11 +9111,12 @@ const Menu = (props) => {
       });
     });
   };
-  console.log("isScrollFixed", isScrollFixed);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-menu ${className} ${isScrollFixed ? "scroll-fixed" : ""}`,
     ...rest,
     ref: parentRef
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-menu-relative"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-menu__bar ${itemShow.includes(true) ? "opened" : ""} ${className}`
   }, React__default.Children.toArray(children).map((child, index) => {
@@ -9146,7 +9159,7 @@ const Menu = (props) => {
       size: "10",
       name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
     })));
-  })), cloneChildren());
+  })), cloneChildren()));
 };
 Menu.defaultProps = defaultProps$_;
 Menu.displayName = "NutMenu";
@@ -9219,7 +9232,6 @@ const MenuItem = (props) => {
     setTimeout(() => {
       const p2 = parent.parent().current;
       const rect = p2.getBoundingClientRect();
-      console.log(rect, p2.offsetTop, window.screenTop);
       setPosition({
         height: rect.height,
         top: rect.top
@@ -9265,15 +9277,14 @@ const MenuItem = (props) => {
       parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
     }
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-menu-item__wrap",
+    className: direction === "down" ? "nut-menu-item__wrap" : "nut-menu-item__wrap-up",
     style: {
-      ...getPosition(),
       ...isShow()
     }
   }, /* @__PURE__ */ React__default.createElement(CSSTransition$1, {
     in: _showPopup,
     timeout: 100,
-    classNames: "menu-item"
+    classNames: direction === "down" ? "menu-item" : "menu-item-up"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-menu-item__content"
   }, options2 == null ? void 0 : options2.map((item, index) => {
@@ -9630,7 +9641,10 @@ const Range = (props) => {
     marks,
     change,
     dragStart,
-    dragEnd
+    dragEnd,
+    onChange,
+    onDragStart,
+    onDragEnd
   } = { ...defaultProps$Y, ...props };
   let { min, max, step } = { ...defaultProps$Y, ...props };
   min = Number(min);
@@ -9794,6 +9808,7 @@ const Range = (props) => {
     }
     if ((marks || end) && !isSameValue(value, startValue)) {
       change && change(value);
+      onChange && onChange(value);
     }
   };
   const click = (event) => {
@@ -9841,6 +9856,7 @@ const Range = (props) => {
     }
     if (dragStatus === "start") {
       dragStart && dragStart();
+      onDragStart && onDragStart();
     }
     touch.move(event);
     SetDragStatus("draging");
@@ -9867,6 +9883,7 @@ const Range = (props) => {
     if (dragStatus === "draging") {
       updateValue(currentValue, true);
       dragEnd && dragEnd();
+      onDragEnd && onDragEnd();
     }
     SetDragStatus("");
   };
@@ -11760,6 +11777,12 @@ const InputNumber = (props) => {
     overlimit,
     blur,
     focus,
+    onAdd,
+    onReduce,
+    onOverlimit,
+    onBlurFuc,
+    onFocus,
+    onChangeFuc,
     iconClassPrefix,
     iconFontClassName,
     ...restProps
@@ -11800,6 +11823,7 @@ const InputNumber = (props) => {
   };
   const emitChange = (value, e2) => {
     const outputValue = fixedDecimalPlaces(value);
+    onChangeFuc && onChangeFuc(outputValue, e2);
     change && change(outputValue, e2);
     if (!isAsync) {
       if (Number(outputValue) < Number(min)) {
@@ -11812,26 +11836,31 @@ const InputNumber = (props) => {
     }
   };
   const reduceNumber = (e2) => {
+    onReduce && onReduce(e2);
     reduce && reduce(e2);
     if (reduceAllow()) {
       const outputValue = Number(inputValue) - Number(step);
       emitChange(outputValue, e2);
     } else {
+      onOverlimit && onOverlimit(e2);
       overlimit && overlimit(e2);
     }
   };
   const addNumber = (e2) => {
+    onAdd && onAdd(e2);
     add && add(e2);
     if (addAllow()) {
       const outputValue = Number(inputValue) + Number(step);
       emitChange(outputValue, e2);
     } else {
+      onOverlimit && onOverlimit(e2);
       overlimit && overlimit(e2);
     }
   };
   const changeValue = (e2) => {
     const input = e2.target;
     change && change(input.valueAsNumber, e2);
+    onChangeFuc && onChangeFuc(input.valueAsNumber, e2);
     if (!isAsync) {
       if (Number.isNaN(input.valueAsNumber)) {
         setInputValue(inputValue);
@@ -11845,6 +11874,7 @@ const InputNumber = (props) => {
       return;
     if (readonly)
       return;
+    onFocus && onFocus(e2);
     focus && focus(e2);
   };
   const burValue = (e2) => {
@@ -11860,6 +11890,7 @@ const InputNumber = (props) => {
       value = Number(max);
     }
     emitChange(value, e2);
+    onBlurFuc && onBlurFuc(e2);
     blur && blur(e2);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -11992,12 +12023,20 @@ const Input = (props) => {
     rows,
     slotButton,
     slotInput,
+    onChange,
+    onBlur,
+    onFocus,
+    onClear,
+    formatter,
+    keypress,
+    onClickInput,
+    onClickLeftIcon,
+    onClickRightIcon,
+    onClick,
     change,
     blur,
     focus,
     clear,
-    formatter,
-    keypress,
     clickInput,
     clickLeftIcon,
     clickRightIcon,
@@ -12063,20 +12102,22 @@ const Input = (props) => {
     }
     SetInputValue(val);
   };
-  const onFocus = (event) => {
+  const handleFocus = (event) => {
     const val = event.target.value;
     SetActive(true);
+    onFocus && onFocus(val, event);
     focus && focus(val, event);
   };
-  const onInput = (event) => {
+  const handleInput = (event) => {
     let 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);
   };
-  const onBlur = (event) => {
+  const handleBlur = (event) => {
     setTimeout(() => {
       SetActive(false);
     }, 200);
@@ -12085,15 +12126,19 @@ const Input = (props) => {
       val = val.slice(0, Number(maxlength));
     }
     updateValue(getModelValue(), "onBlur");
+    onBlur && onBlur(val, event);
     blur && blur(val, event);
   };
-  const onClickInput = (event) => {
+  const handleClickInput = (event) => {
+    onClickInput && onClickInput(event);
     clickInput && clickInput(event);
   };
-  const onClickLeftIcon = (event) => {
+  const handleClickLeftIcon = (event) => {
+    onClickLeftIcon && onClickLeftIcon(event);
     clickLeftIcon && clickLeftIcon(event);
   };
-  const onClickRightIcon = (event) => {
+  const handleClickRightIcon = (event) => {
+    onClickRightIcon && onClickRightIcon(event);
     clickRightIcon && clickRightIcon(event);
   };
   const resetValidation = () => {
@@ -12109,6 +12154,7 @@ const Input = (props) => {
   };
   const handleClear = (event) => {
     updateValue("");
+    onClear && onClear("", event);
     clear && clear("", event);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -12116,6 +12162,7 @@ const Input = (props) => {
     style,
     ...rest,
     onClick: (e2) => {
+      onClick && onClick(e2);
       click && click(e2);
     }
   }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
@@ -12128,12 +12175,12 @@ const Input = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",
     onClick: (e2) => {
-      onClickInput(e2);
+      handleClickInput(e2);
     }
   }, slotInput))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, leftIcon && leftIcon.length > 0 ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-left-icon",
     onClick: (e2) => {
-      onClickLeftIcon(e2);
+      handleClickLeftIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
@@ -12150,7 +12197,7 @@ const Input = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",
     onClick: (e2) => {
-      onClickInput(e2);
+      handleClickInput(e2);
     }
   }, type === "textarea" ? /* @__PURE__ */ React__default.createElement("textarea", {
     className: "input-text",
@@ -12166,13 +12213,13 @@ const Input = (props) => {
     value: inputValue,
     autoFocus: autofocus,
     onBlur: (e2) => {
-      onBlur(e2);
+      handleBlur(e2);
     },
     onFocus: (e2) => {
-      onFocus(e2);
+      handleFocus(e2);
     },
     onInput: (e2) => {
-      onInput(e2);
+      handleInput(e2);
     }
   }) : /* @__PURE__ */ React__default.createElement("input", {
     className: "input-text",
@@ -12186,13 +12233,13 @@ const Input = (props) => {
     value: inputValue,
     autoFocus: autofocus,
     onBlur: (e2) => {
-      onBlur(e2);
+      handleBlur(e2);
     },
     onFocus: (e2) => {
-      onFocus(e2);
+      handleFocus(e2);
     },
     onInput: (e2) => {
-      onInput(e2);
+      handleInput(e2);
     }
   }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
@@ -12206,7 +12253,7 @@ const Input = (props) => {
   }) : null, rightIcon && rightIcon.length > 0 ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-right-icon",
     onClick: (e2) => {
-      onClickRightIcon(e2);
+      handleClickRightIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
@@ -12360,9 +12407,9 @@ const Radio = (props) => {
       return renderButton();
     }
     if (reverseState) {
-      return [renderLabel(), renderIcon()];
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
     }
-    return [renderIcon(), renderLabel()];
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   const handleClick2 = (e2) => {
     if (disabledStatement || checkedStatement)
@@ -13435,7 +13482,7 @@ const InternalUploader = (props, ref) => {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "link"
-    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "#808080",
@@ -15330,7 +15377,7 @@ const Switch = (props) => {
     inactiveColor,
     activeText,
     inactiveText,
-    change,
+    onChange,
     className,
     style
   } = {
@@ -15358,7 +15405,7 @@ const Switch = (props) => {
     if (!isAsync) {
       setValue(!value);
     }
-    change && change(!value, event);
+    onChange && onChange(!value, event);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes(),
@@ -15905,6 +15952,8 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click,
+    onClose,
+    onClick,
     iconClassPrefix,
     iconFontClassName
   } = {
@@ -15990,11 +16039,13 @@ const NoticeBar = (props) => {
   };
   const handleClick2 = (event) => {
     click && click(event);
+    onClick && onClick(event);
   };
   const onClickIcon = (event) => {
     event.stopPropagation();
     SetShowNoticeBar(!closeMode);
     close && close(event);
+    onClose && onClose(event);
   };
   const onAnimationEnd = () => {
     SetFirstRound(false);
@@ -16044,9 +16095,11 @@ const NoticeBar = (props) => {
   };
   const go = (item) => {
     click && click(item);
+    onClick && onClick(item);
   };
   const handleClickIcon = () => {
     close && close(scrollList[0]);
+    onClose && onClose(scrollList[0]);
   };
   const iconShow = () => {
     if (leftIcon === "close") {
@@ -16172,6 +16225,7 @@ const Steps = (props) => {
     className,
     progressDot,
     clickStep,
+    onClickStep,
     ...restProps
   } = propSteps;
   const parentSteps = {
@@ -16235,10 +16289,9 @@ const Step = (props) => {
     return index === +parent.propSteps.current ? "process" : "wait";
   };
   const handleClickStep = () => {
-    var _a, _b;
-    if ((_a = parent.propSteps) == null ? void 0 : _a.clickStep) {
-      (_b = parent.propSteps) == null ? void 0 : _b.clickStep(activeIndex);
-    }
+    var _a, _b, _c, _d;
+    ((_a = parent.propSteps) == null ? void 0 : _a.onClickStep) && ((_b = parent.propSteps) == null ? void 0 : _b.onClickStep(activeIndex));
+    ((_c = parent.propSteps) == null ? void 0 : _c.clickStep) && ((_d = parent.propSteps) == null ? void 0 : _d.clickStep(activeIndex));
   };
   const b2 = cn("step");
   const classes = classNames(
@@ -16770,6 +16823,7 @@ const Avatar = (props) => {
     className,
     style,
     activeAvatar,
+    onActiveAvatar,
     onError,
     iconClassPrefix,
     iconFontClassName,
@@ -16814,7 +16868,6 @@ const Avatar = (props) => {
   const avatarLength = (children2) => {
     var _a2, _b2, _c2;
     for (let i = 0; i < children2.length; i++) {
-      console.log("child", children2[i], children2[i].classList);
       if (children2[i] && children2[i].classList && children2[i].classList[0] === "nut-avatar") {
         children2[i].setAttribute("data-index", i + 1);
       }
@@ -16833,9 +16886,8 @@ const Avatar = (props) => {
     }
   };
   const clickAvatar = (e2) => {
-    if (props.activeAvatar) {
-      props.activeAvatar(e2);
-    }
+    activeAvatar && activeAvatar(e2);
+    onActiveAvatar && onActiveAvatar(e2);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (showMax || !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxCount) || avatarIndex <= ((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount)) && /* @__PURE__ */ React__default.createElement("div", {
     className: cls,
@@ -17621,6 +17673,7 @@ const CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps$j;
 CountDown.displayName = "NutCountDown";
 const defaultProps$i = {
+  style: {},
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -17634,6 +17687,8 @@ function areEqual(prevProps, nextProps) {
 const Collapse = memo(
   (props) => {
     const {
+      className,
+      style,
       children,
       activeName,
       accordion,
@@ -17641,7 +17696,7 @@ const Collapse = memo(
       rotate,
       iconSize,
       iconColor,
-      change
+      onChange
     } = {
       ...defaultProps$i,
       ...props
@@ -17683,10 +17738,11 @@ const Collapse = memo(
         }
       }
       setDefaultOpenIndex(newOpenIndex);
-      change && change(!isOpen, name);
+      onChange && onChange(!isOpen, name);
     };
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: colBem()
+      className: `${colBem()} ${className}`,
+      style
     }, childrenDom.map((item) => {
       return React__default.cloneElement(item, {
         isOpen: defaultOpenIndex.includes(item.props.name),
@@ -18111,6 +18167,7 @@ const VirtualList = (props) => {
     overscan = 2,
     key,
     handleScroll,
+    onScroll,
     className,
     containerSize,
     ...rest
@@ -18177,7 +18234,7 @@ const VirtualList = (props) => {
     const totalSize = getListTotalSize(positions, horizontal);
     setListTotalSize(totalSize);
   }, [positions, sizeKey, horizontal]);
-  const onScroll = useCallback(() => {
+  const scroll = useCallback(() => {
     requestAnimationFrame((e2) => {
       const scrollSize = getElement()[scrollKey];
       const startIndex = binarySearch(positions, scrollSize, horizontal);
@@ -18198,7 +18255,11 @@ const VirtualList = (props) => {
       const startOffset = positions[startIndex][offsetKey];
       setOptions({ startOffset, startIndex, overStart, endIndex });
       if (endIndex > sourceData.length - 1) {
-        handleScroll && handleScroll();
+        if (onScroll) {
+          onScroll();
+        } else if (handleScroll) {
+          handleScroll();
+        }
       }
     });
   }, [
@@ -18218,11 +18279,11 @@ const VirtualList = (props) => {
   ]);
   useEffect(() => {
     const element = getElement();
-    element.addEventListener("scroll", onScroll, false);
+    element.addEventListener("scroll", scroll, false);
     return () => {
-      element.removeEventListener("scroll", onScroll, false);
+      element.removeEventListener("scroll", scroll, false);
     };
-  }, [getElement, onScroll]);
+  }, [getElement, scroll]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
     ...rest,
@@ -18412,6 +18473,9 @@ const Video = (props) => {
     play,
     pause,
     playend,
+    onPlayFuc,
+    onPauseFuc,
+    onPlayend,
     ...restProps
   } = {
     ...defaultProps$b,
@@ -18438,13 +18502,16 @@ const Video = (props) => {
         videoRef.setAttribute("x5-video-player-fullscreen", "false");
       }
       videoRef.addEventListener("play", () => {
+        onPlayFuc && onPlayFuc(videoRef);
         play && play(videoRef);
       });
       videoRef.addEventListener("pause", () => {
+        onPauseFuc && onPauseFuc(videoRef);
         pause && pause(videoRef);
       });
       videoRef.addEventListener("ended", () => {
         videoRef.currentTime = 0;
+        onPlayend && onPlayend(videoRef);
         playend && playend(videoRef);
       });
     }
@@ -19568,7 +19635,18 @@ const defaultProps$4 = {
 };
 const Signature = (props) => {
   const { locale } = useConfig();
-  const { type, lineWidth, strokeStyle, unSupportTpl, className, ...rest } = {
+  const {
+    type,
+    lineWidth,
+    strokeStyle,
+    unSupportTpl,
+    className,
+    confirm: confirm2,
+    clear,
+    onConfirm,
+    onClear,
+    ...rest
+  } = {
     ...defaultProps$4,
     ...props
   };
@@ -19633,15 +19711,16 @@ const Signature = (props) => {
       canvasRef.current.removeEventListener(events[2], endEventHandler, false);
     }
   };
-  const clear = () => {
+  const handleClearBtn = () => {
     if (canvasRef.current && ctx2.current) {
       canvasRef.current.addEventListener(events[2], endEventHandler, false);
       ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
       ctx2.current.closePath();
     }
-    props.clear && props.clear();
+    clear && clear();
+    onClear && onClear();
   };
-  const confirm2 = () => {
+  const handleConfirmBtn = () => {
     onSave(canvasRef.current);
   };
   const onSave = (canvas) => {
@@ -19656,8 +19735,9 @@ const Signature = (props) => {
       default:
         dataurl = canvas.toDataURL("image/png");
     }
-    clear();
-    props.confirm && props.confirm(canvas, dataurl);
+    handleClearBtn();
+    confirm2 && confirm2(canvas, dataurl);
+    onConfirm && onConfirm(canvas, dataurl);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2()} ${className}`,
@@ -19674,11 +19754,11 @@ const Signature = (props) => {
   }, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
     className: `${b2("btn")}`,
     type: "default",
-    onClick: () => clear()
+    onClick: () => handleClearBtn()
   }, locale.signature.reSign), /* @__PURE__ */ React__default.createElement(Button, {
     className: `${b2("btn")}`,
     type: "primary",
-    onClick: () => confirm2()
+    onClick: () => handleConfirmBtn()
   }, locale.confirm));
 };
 Signature.defaultProps = defaultProps$4;
@@ -19805,6 +19885,7 @@ TimeDetail.defaultProps = defaultProps$1;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps = {
   className: "",
+  style: {},
   visible: false,
   height: "20%",
   multiple: false,
@@ -19817,7 +19898,6 @@ const defaultProps = {
 const TimeSelect = (props) => {
   useConfig();
   const {
-    children,
     visible,
     className,
     height,
@@ -19829,7 +19909,10 @@ const TimeSelect = (props) => {
     multiple,
     select,
     pannelChange,
-    timeChange
+    timeChange,
+    onSelect,
+    onPannelChange,
+    onTimeChange
   } = {
     ...defaultProps,
     ...props
@@ -19850,7 +19933,11 @@ const TimeSelect = (props) => {
   };
   const b2 = cn("timeselect");
   const closeFun = () => {
-    select && select(activeTime);
+    if (onSelect) {
+      onSelect(activeTime);
+    } else if (select) {
+      select(activeTime);
+    }
   };
   const handleSelectTime = (time) => {
     let curTimeData = {};
@@ -19873,7 +19960,11 @@ const TimeSelect = (props) => {
     const resultTimeData = [...activeTime];
     resultTimeData.splice(curIndex, 1, curTimeData);
     setActiveTime(resultTimeData);
-    timeChange && timeChange(time, resultTimeData);
+    if (onTimeChange) {
+      onTimeChange(time, resultTimeData);
+    } else if (timeChange) {
+      timeChange(time, resultTimeData);
+    }
   };
   const handleChange = (pannelKey) => {
     const resultTimeData = [...activeTime];
@@ -19899,7 +19990,11 @@ const TimeSelect = (props) => {
         ]);
       }
     }
-    pannelChange && pannelChange(pannelKey, resultTimeData);
+    if (onPannelChange) {
+      onPannelChange(pannelKey, resultTimeData);
+    } else if (pannelChange) {
+      pannelChange(pannelKey, resultTimeData);
+    }
   };
   const getTimePannelClass = (dataItem) => {
     if (String(dataItem["pannel-key"]) === String(activeKey)) {