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

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:54:53 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:15:31 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -214,8 +214,7 @@ const Button = (props) => {
     ...rest,
     onClick: (e2) => handleClick2(e2)
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-button__warp",
-    style: getStyle()
+    className: "nut-button__warp"
   }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
@@ -1469,12 +1468,15 @@ const defaultProps$1j = {
   iconSlot: null,
   linkSlot: null,
   click: (event) => {
+  },
+  onClick: (event) => {
   }
 };
 const Cell = (props) => {
   const {
     children,
     click,
+    onClick,
     title,
     subTitle,
     desc,
@@ -1501,6 +1503,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) {
@@ -1552,21 +1555,21 @@ Cell.displayName = "NutCell";
 const defaultProps$1i = {
   title: "",
   desc: "",
+  className: "",
   titleSlot: null,
-  descSlot: null,
-  classPrefix: "nutui-cell-group"
+  descSlot: null
 };
 const CellGroup = (props) => {
-  const { children, classPrefix, title, desc, titleSlot, descSlot } = {
+  const { children, className, title, desc, titleSlot, descSlot } = {
     ...defaultProps$1i,
     ...props
   };
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b2(null, [classPrefix])
+    className: b2(null, [className])
   }, titleSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
-  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
+  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, desc ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("desc")
   }, desc) : null), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("wrap")
@@ -2699,6 +2702,7 @@ const GridItem = (props) => {
     direction,
     iconClassPrefix,
     iconFontClassName,
+    onClick,
     ...rest
   } = {
     ...defaultProps$1a,
@@ -2729,10 +2733,14 @@ const GridItem = (props) => {
   const isIconName = () => {
     return typeof icon === "string";
   };
+  const handleClick2 = (e2) => {
+    onClick && onClick(e2);
+  };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(),
     style: rootStyle(),
-    ...rest
+    ...rest,
+    onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -3163,6 +3171,8 @@ const defaultProps$17 = {
   className: "",
   style: {},
   tabSwitch: () => {
+  },
+  onSwitch: () => {
   }
 };
 const Tabbar = (props) => {
@@ -3176,7 +3186,8 @@ const Tabbar = (props) => {
     safeAreaInsetBottom,
     className,
     style,
-    tabSwitch
+    tabSwitch,
+    onSwitch
   } = {
     ...defaultProps$17,
     ...props
@@ -3208,6 +3219,7 @@ const Tabbar = (props) => {
       handleClick: () => {
         handleClick2(idx);
         tabSwitch(child, idx);
+        onSwitch(child, idx);
       }
     };
     return React__default.cloneElement(child, childProps);
@@ -8648,6 +8660,7 @@ class Title {
 }
 const defaultProps$13 = {
   ...ComponentDefaults,
+  tabStyle: {},
   value: 0,
   color: "",
   background: "",
@@ -8667,6 +8680,7 @@ const Tabs = (props) => {
   const {
     value,
     color,
+    tabStyle,
     background,
     direction,
     type,
@@ -8748,7 +8762,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 +8795,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 +8815,7 @@ const Tabs = (props) => {
       };
     }
     return React__default.cloneElement(child, childProps);
-  })));
+  }))));
 };
 Tabs.defaultProps = defaultProps$13;
 Tabs.displayName = "NutTabs";
@@ -8810,7 +8826,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 +8836,8 @@ const TabPane = (props) => {
       active: paneKey === activeKey
     },
     b2(""),
-    autoHeightClassName
+    autoHeightClassName,
+    className
   );
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes
@@ -8911,7 +8928,7 @@ const SideNavBar = (props) => {
     children,
     className,
     showhead,
-    handleClose,
+    onClose,
     ...rest
   } = {
     ...defaultProps$10,
@@ -8922,7 +8939,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 +8965,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 +9002,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 +9026,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",
@@ -9628,7 +9645,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);
@@ -9792,6 +9812,7 @@ const Range = (props) => {
     }
     if ((marks || end) && !isSameValue(value, startValue)) {
       change && change(value);
+      onChange && onChange(value);
     }
   };
   const click = (event) => {
@@ -9839,6 +9860,7 @@ const Range = (props) => {
     }
     if (dragStatus === "start") {
       dragStart && dragStart();
+      onDragStart && onDragStart();
     }
     touch.move(event);
     SetDragStatus("draging");
@@ -9865,6 +9887,7 @@ const Range = (props) => {
     if (dragStatus === "draging") {
       updateValue(currentValue, true);
       dragEnd && dragEnd();
+      onDragEnd && onDragEnd();
     }
     SetDragStatus("");
   };
@@ -11447,6 +11470,7 @@ const DatePicker = (props) => {
     onCloseDatePicker,
     onConfirmDatePicker,
     filter,
+    onChange,
     threeDimensional,
     className,
     style,
@@ -11522,7 +11546,6 @@ const DatePicker = (props) => {
   };
   const ranges = (date) => {
     const curDate = date || currentDate;
-    console.log(11, currentDate);
     if (!curDate)
       return [];
     const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -11614,7 +11637,7 @@ const DatePicker = (props) => {
       const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
       date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
     }
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
   };
   const padZero = (num, targetLength = 2) => {
     let str = `${num}`;
@@ -11758,6 +11781,12 @@ const InputNumber = (props) => {
     overlimit,
     blur,
     focus,
+    onAdd,
+    onReduce,
+    onOverlimit,
+    onBlurFuc,
+    onFocus,
+    onChangeFuc,
     iconClassPrefix,
     iconFontClassName,
     ...restProps
@@ -11798,6 +11827,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)) {
@@ -11810,26 +11840,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);
@@ -11843,6 +11878,7 @@ const InputNumber = (props) => {
       return;
     if (readonly)
       return;
+    onFocus && onFocus(e2);
     focus && focus(e2);
   };
   const burValue = (e2) => {
@@ -11858,6 +11894,7 @@ const InputNumber = (props) => {
       value = Number(max);
     }
     emitChange(value, e2);
+    onBlurFuc && onBlurFuc(e2);
     blur && blur(e2);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -11990,12 +12027,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,
@@ -12061,20 +12106,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);
@@ -12083,15 +12130,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 = () => {
@@ -12107,6 +12158,7 @@ const Input = (props) => {
   };
   const handleClear = (event) => {
     updateValue("");
+    onClear && onClear("", event);
     clear && clear("", event);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -12114,41 +12166,42 @@ 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", {
+  }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__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,
     fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
-  })) : null, /* @__PURE__ */ React__default.createElement("div", {
+  })) : null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__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",
@@ -12164,13 +12217,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",
@@ -12184,13 +12237,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,
@@ -12204,7 +12257,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,
@@ -12358,9 +12411,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)
@@ -13433,7 +13486,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",
@@ -15328,7 +15381,7 @@ const Switch = (props) => {
     inactiveColor,
     activeText,
     inactiveText,
-    change,
+    onChange,
     className,
     style
   } = {
@@ -15356,7 +15409,7 @@ const Switch = (props) => {
     if (!isAsync) {
       setValue(!value);
     }
-    change && change(!value, event);
+    onChange && onChange(!value, event);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes(),
@@ -15903,6 +15956,8 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click,
+    onClose,
+    onClick,
     iconClassPrefix,
     iconFontClassName
   } = {
@@ -15988,11 +16043,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);
@@ -16042,9 +16099,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") {
@@ -16170,6 +16229,7 @@ const Steps = (props) => {
     className,
     progressDot,
     clickStep,
+    onClickStep,
     ...restProps
   } = propSteps;
   const parentSteps = {
@@ -16233,10 +16293,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(
@@ -16768,6 +16827,7 @@ const Avatar = (props) => {
     className,
     style,
     activeAvatar,
+    onActiveAvatar,
     onError,
     iconClassPrefix,
     iconFontClassName,
@@ -16812,7 +16872,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);
       }
@@ -16831,9 +16890,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,
@@ -17619,6 +17677,7 @@ const CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps$j;
 CountDown.displayName = "NutCountDown";
 const defaultProps$i = {
+  style: {},
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -17632,6 +17691,8 @@ function areEqual(prevProps, nextProps) {
 const Collapse = memo(
   (props) => {
     const {
+      className,
+      style,
       children,
       activeName,
       accordion,
@@ -17639,7 +17700,7 @@ const Collapse = memo(
       rotate,
       iconSize,
       iconColor,
-      change
+      onChange
     } = {
       ...defaultProps$i,
       ...props
@@ -17681,10 +17742,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),
@@ -18109,6 +18171,7 @@ const VirtualList = (props) => {
     overscan = 2,
     key,
     handleScroll,
+    onScroll,
     className,
     containerSize,
     ...rest
@@ -18175,7 +18238,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);
@@ -18196,7 +18259,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();
+        }
       }
     });
   }, [
@@ -18216,11 +18283,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,
@@ -18410,6 +18477,9 @@ const Video = (props) => {
     play,
     pause,
     playend,
+    onPlayFuc,
+    onPauseFuc,
+    onPlayend,
     ...restProps
   } = {
     ...defaultProps$b,
@@ -18436,13 +18506,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);
       });
     }
@@ -19566,7 +19639,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
   };
@@ -19631,15 +19715,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) => {
@@ -19654,8 +19739,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}`,
@@ -19672,11 +19758,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;
@@ -19803,6 +19889,7 @@ TimeDetail.defaultProps = defaultProps$1;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps = {
   className: "",
+  style: {},
   visible: false,
   height: "20%",
   multiple: false,
@@ -19815,7 +19902,6 @@ const defaultProps = {
 const TimeSelect = (props) => {
   useConfig();
   const {
-    children,
     visible,
     className,
     height,
@@ -19827,7 +19913,10 @@ const TimeSelect = (props) => {
     multiple,
     select,
     pannelChange,
-    timeChange
+    timeChange,
+    onSelect,
+    onPannelChange,
+    onTimeChange
   } = {
     ...defaultProps,
     ...props
@@ -19848,7 +19937,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 = {};
@@ -19871,7 +19964,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];
@@ -19897,7 +19994,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)) {