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

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.7 Wed Oct 19 2022 16:59:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.3.9-beta.0 Wed Nov 02 2022 15:21:20 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -1511,12 +1511,15 @@
     iconSlot: null,
     linkSlot: null,
     click: (event) => {
+    },
+    onClick: (event) => {
     }
   };
   const Cell = (props) => {
     const {
       children,
       click,
+      onClick,
       title,
       subTitle,
       desc,
@@ -1543,6 +1546,7 @@
     const history = useHistory();
     const handleClick2 = (event) => {
       click(event);
+      onClick(event);
       if (to2 && history) {
         history[replace ? "replace" : "push"](to2);
       } else if (url) {
@@ -1598,21 +1602,21 @@
   const defaultProps$1l = {
     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$1l,
       ...props
     };
     const b2 = cn("cell-group");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2(null, [classPrefix])
+      className: b2(null, [className])
     }, titleSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("title")
-    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, desc ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("desc")
     }, desc) : null), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("wrap")
@@ -2745,6 +2749,7 @@
       direction,
       iconClassPrefix,
       iconFontClassName,
+      onClick,
       ...rest
     } = {
       ...defaultProps$1d,
@@ -2775,10 +2780,14 @@
     const isIconName = () => {
       return typeof icon === "string";
     };
+    const handleClick2 = (e2) => {
+      onClick && onClick(e2);
+    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2(),
       style: rootStyle(),
-      ...rest
+      ...rest,
+      onClick: handleClick2
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -3020,6 +3029,8 @@
     className: "",
     style: {},
     tabSwitch: () => {
+    },
+    onSwitch: () => {
     }
   };
   const Tabbar = (props) => {
@@ -3033,7 +3044,8 @@
       safeAreaInsetBottom,
       className,
       style,
-      tabSwitch
+      tabSwitch,
+      onSwitch
     } = {
       ...defaultProps$19,
       ...props
@@ -3065,6 +3077,7 @@
         handleClick: () => {
           handleClick2(idx);
           tabSwitch(child, idx);
+          onSwitch(child, idx);
         }
       };
       return React__default["default"].cloneElement(child, childProps);
@@ -3149,6 +3162,11 @@
       ])
     }, tabTitle)));
   };
+  var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null
+  }, Symbol.toStringTag, { value: "Module" }));
+  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
+  var index_cjs = require$$0;
   const elevatorContext = React.createContext({});
   const defaultProps$17 = {
     height: "200px",
@@ -3219,7 +3237,7 @@
         const query = Taro__default["default"].createSelectorQuery();
         query.selectAll(`.${className} .elevator__item__${i}`).boundingClientRect();
         query.exec((res) => {
-          height2 += res[0].height;
+          height2 += res[0][0].height;
           state.current.listHeight.push(height2);
         });
       }
@@ -3272,10 +3290,8 @@
       onClickIndex && onClickIndex(key);
     };
     const setListGroup = () => {
-      console.log(Taro__default["default"].createSelectorQuery().selectAll(`.${className}`));
       if (listview.current) {
         Taro__default["default"].createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
-          console.log(el, "el");
           state.current.listGroup = [...Object.keys(el)];
           calculateHeight();
         }).exec();
@@ -3303,7 +3319,9 @@
     };
     React.useEffect(() => {
       if (listview.current) {
-        setListGroup();
+        Taro__default["default"].nextTick(() => {
+          setListGroup();
+        });
       }
     }, [listview]);
     React.useEffect(() => {
@@ -3318,7 +3336,6 @@
         return;
       state.current.fixedTop = fixedTop;
     }, [state.current.diff, titleHeight]);
-    console.log(currentIndex, "currentIndex");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className} `,
       ...rest
@@ -3329,12 +3346,15 @@
     }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("list"),
       style: { height: Number.isNaN(+height) ? height : `${height}px` }
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, /* @__PURE__ */ React__default["default"].createElement(index_cjs.ScrollView, {
+      scrollTop,
+      scrollY: true,
       className: b2("list__inner"),
-      ref: listview
+      ref: listview,
+      onScroll: listViewScroll
     }, indexList.map((item, idx) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("list__item"),
+        className: `${b2("list__item")} elevator__item__${idx}`,
         key: idx
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("list__item__code")
@@ -3358,13 +3378,12 @@
       onTouchStart: (event) => touchStart(event),
       onTouchMove: (event) => touchMove(event),
       onTouchEnd: touchEnd,
-      style: { touchAction: "pan-y" },
-      onScroll: listViewScroll
+      style: { touchAction: "pan-y" }
     }, indexList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("bars__inner__item", {
           active: item[acceptKey] === indexList[currentIndex][acceptKey]
-        })} elevator__item__${index}`,
+        })} `,
         "data-index": index,
         key: index,
         onClick: () => handleClickIndex(item[acceptKey])
@@ -3519,6 +3538,7 @@
   }
   const defaultProps$15 = {
     ...ComponentDefaults,
+    tabStyle: {},
     value: 0,
     color: "",
     background: "",
@@ -3538,6 +3558,7 @@
     const {
       value,
       color,
+      tabStyle,
       background,
       direction,
       type,
@@ -3619,7 +3640,7 @@
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classesTitle,
-      style: { background }
+      style: { ...tabStyle, background }
     }, !!titleNode && typeof titleNode === "function" ? titleNode() : titles.current.map((item, index2) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         style: titleStyle,
@@ -3652,6 +3673,8 @@
         )
       }, item.title));
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2("")}__content__wrap`
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2("")}__content`,
       style: contentStyle
     }, React__default["default"].Children.map(children, (child, idx) => {
@@ -3670,7 +3693,7 @@
         };
       }
       return React__default["default"].cloneElement(child, childProps);
-    })));
+    }))));
   };
   Tabs.defaultProps = defaultProps$15;
   Tabs.displayName = "NutTabs";
@@ -3681,7 +3704,7 @@
     disabled: false
   };
   const TabPane = (props) => {
-    const { children, paneKey, activeKey, autoHeightClassName } = {
+    const { children, paneKey, activeKey, autoHeightClassName, className } = {
       ...defaultProps$14,
       ...props
     };
@@ -3691,7 +3714,8 @@
         active: paneKey === activeKey
       },
       b2(""),
-      autoHeightClassName
+      autoHeightClassName,
+      className
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes
@@ -3782,7 +3806,7 @@
       children,
       className,
       showhead,
-      handleClose,
+      onClose,
       ...rest
     } = {
       ...defaultProps$12,
@@ -3793,7 +3817,7 @@
       visible,
       style: { width, height: "100%" },
       position,
-      onClose: handleClose
+      onClose
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: className ? `${className} nut-sidenavbar` : "nut-sidenavbar",
       ...rest
@@ -3819,7 +3843,7 @@
     open: true
   };
   const SubSideNavBar = (props) => {
-    const { title, ikey, children, titleClick, open, ...rest } = {
+    const { title, ikey, children, onClick, open, ...rest } = {
       ...defaultProps$11,
       ...props
     };
@@ -3856,7 +3880,7 @@
       handleClick(e2);
       const currentClass = e2.currentTarget.className;
       const isShow = currentClass.includes("nutShow");
-      titleClick && titleClick({ title, ikey, isShow });
+      onClick && onClick({ title, ikey, isShow });
     };
     React.useEffect(() => {
       var _a, _b;
@@ -3880,10 +3904,10 @@
     }, 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["default"].createElement("div", {
       className: "nut-subsidenavbar__item border-bt",
@@ -4464,7 +4488,10 @@
       marks,
       change,
       dragStart,
-      dragEnd
+      dragEnd,
+      onChange,
+      onDragStart,
+      onDragEnd
     } = { ...defaultProps$Y, ...props };
     let { min, max, step } = { ...defaultProps$Y, ...props };
     min = Number(min);
@@ -4634,6 +4661,7 @@
       }
       if ((marks || end) && !isSameValue(value, startValue)) {
         change && change(value);
+        onChange && onChange(value);
       }
     };
     const click = async (event) => {
@@ -4681,6 +4709,7 @@
       }
       if (dragStatus === "start") {
         dragStart && dragStart();
+        onDragStart && onDragStart();
       }
       touch.move(event);
       SetDragStatus("draging");
@@ -4707,6 +4736,7 @@
       if (dragStatus === "draging") {
         updateValue(currentValue, true);
         dragEnd && dragEnd();
+        onDragEnd && onDragEnd();
       }
       SetDragStatus("");
     };
@@ -6096,6 +6126,7 @@
       onCloseDatePicker,
       onConfirmDatePicker,
       filter,
+      onChange,
       threeDimensional,
       className,
       style,
@@ -6261,7 +6292,7 @@
         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}`;
@@ -6405,6 +6436,12 @@
       overlimit,
       blur,
       focus,
+      onAdd,
+      onReduce,
+      onOverlimit,
+      onBlurFuc,
+      onFocus,
+      onChangeFuc,
       iconClassPrefix,
       iconFontClassName,
       ...restProps
@@ -6445,6 +6482,7 @@
     };
     const emitChange = (value, e2) => {
       const outputValue = fixedDecimalPlaces(value);
+      onChangeFuc && onChangeFuc(outputValue, e2);
       change && change(outputValue, e2);
       if (!isAsync) {
         if (Number(outputValue) < Number(min)) {
@@ -6457,26 +6495,31 @@
       }
     };
     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 value = Number(e2.detail.value);
       change && change(value, e2);
+      onChangeFuc && onChangeFuc(value, e2);
       if (!isAsync) {
         if (Number.isNaN(value)) {
           setInputValue(inputValue);
@@ -6490,6 +6533,7 @@
         return;
       if (readonly)
         return;
+      onFocus && onFocus(e2);
       focus && focus(e2);
     };
     const burValue = (e2) => {
@@ -6504,6 +6548,7 @@
         value = Number(max);
       }
       emitChange(value, e2);
+      onBlurFuc && onBlurFuc(e2);
       blur && blur(e2);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -6636,12 +6681,20 @@
       rows,
       slotButton,
       slotInput,
+      onChange,
+      onBlur,
+      onFocus,
+      onClear,
+      formatter,
+      keypress,
+      onClickInput,
+      onClickLeftIcon,
+      onClickRightIcon,
+      onClick,
       change,
       blur,
       focus,
       clear,
-      formatter,
-      keypress,
       clickInput,
       clickLeftIcon,
       clickRightIcon,
@@ -6707,20 +6760,22 @@
       }
       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);
@@ -6729,15 +6784,19 @@
         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 = () => {
@@ -6753,6 +6812,7 @@
     };
     const handleClear = (event) => {
       updateValue("");
+      onClear && onClear("", event);
       clear && clear("", event);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -6760,41 +6820,42 @@
       style,
       ...rest,
       onClick: (e2) => {
+        onClick && onClick(e2);
         click && click(e2);
       }
-    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",
       onClick: (e2) => {
-        onClickInput(e2);
+        handleClickInput(e2);
       }
     }, slotInput))) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, leftIcon && leftIcon.length > 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-left-icon",
       onClick: (e2) => {
-        onClickLeftIcon(e2);
+        handleClickLeftIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: leftIcon,
       size: leftIconSize
-    })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    })) : null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",
       onClick: (e2) => {
-        onClickInput(e2);
+        handleClickInput(e2);
       }
     }, type === "textarea" ? /* @__PURE__ */ React__default["default"].createElement("textarea", {
       className: "input-text",
@@ -6810,13 +6871,13 @@
       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["default"].createElement("input", {
       className: "input-text",
@@ -6830,13 +6891,13 @@
       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["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
@@ -6850,7 +6911,7 @@
     }) : null, rightIcon && rightIcon.length > 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-right-icon",
       onClick: (e2) => {
-        onClickRightIcon(e2);
+        handleClickRightIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
@@ -7948,7 +8009,7 @@
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         name: "link"
-      }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "#808080",
@@ -8987,80 +9048,23 @@
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
-    const [scrollTop, SetScrollTop] = React.useState(0);
-    let startTime = 0;
-    const scrollEl = React.useRef(null);
-    React.useEffect(() => {
-      init();
-      return () => removeEventListener();
-    }, []);
-    const init = () => {
-      if (elId && document.getElementById(elId)) {
-        scrollEl.current = document.getElementById(elId);
-      }
-      addEventListener();
-      initCancelAniFrame();
-    };
-    const scrollListener = () => {
-      let top = null;
-      if (scrollEl.current instanceof Window) {
-        top = scrollEl.current.pageYOffset;
-        SetScrollTop(top);
-      } else {
-        top = scrollEl.current.scrollTop;
-        SetScrollTop(top);
-      }
-      const showBtn = top >= distance;
-      SetBackTop(showBtn);
-    };
-    const scroll = (y2 = 0) => {
-      if (scrollEl.current instanceof Window) {
-        window.scrollTo(0, y2);
-      } else {
-        scrollEl.current.scrollTop = y2;
-      }
-    };
-    const scrollAnimation = () => {
-      let cid = requestAniFrame2()(function fn() {
-        const t2 = duration - Math.max(0, startTime - +new Date() + duration / 2);
-        const y2 = t2 * -scrollTop / duration + scrollTop;
-        scroll(y2);
-        cid = requestAniFrame2()(fn);
-        if (t2 === duration || y2 === 0) {
-          window.cancelAnimationFrame(cid);
-        }
-      });
-    };
-    const initCancelAniFrame = () => {
-      window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-    };
-    const requestAniFrame2 = () => {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
-        window.setTimeout(callback, 1e3 / 60);
-      };
-    };
-    function addEventListener() {
-      var _a, _b;
-      (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
-      (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
-    }
-    function removeEventListener() {
-      var _a, _b;
-      (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
-      (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
-    }
+    Taro.usePageScroll((res) => {
+      const { scrollTop } = res;
+      scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
+    });
     const goTop = (e2) => {
       onClick && onClick(e2);
-      const otime = +new Date();
-      startTime = otime;
-      isAnimation && duration > 0 ? scrollAnimation() : scroll();
+      Taro__default["default"].pageScrollTo({
+        scrollTop: 0,
+        duration: isAnimation && duration > 0 ? duration : 0
+      });
     };
     const backTopClass = {
       right: `${right}px`,
       bottom: `${bottom}px`,
       zIndex
     };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-backtop ${backTop ? "show" : ""} ${className || ""}`,
       style: { ...backTopClass, ...style },
       onClick: (e2) => {
@@ -9072,7 +9076,7 @@
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
-    }));
+    })));
   };
   BackTop.defaultProps = defaultProps$E;
   BackTop.displayName = "NutBackTop";
@@ -9361,11 +9365,6 @@
   const Dialog = React.forwardRef(BaseDialog);
   Dialog.defaultProps = defaultProps$C;
   Dialog.displayName = "NutDialog";
-  var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null
-  }, Symbol.toStringTag, { value: "Module" }));
-  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
-  var index_cjs = require$$0;
   const defaultProps$B = {
     ...ComponentDefaults,
     hasMore: true,
@@ -9650,7 +9649,7 @@
       inactiveColor,
       activeText,
       inactiveText,
-      change,
+      onChange,
       className,
       style
     } = {
@@ -9678,7 +9677,7 @@
       if (!isAsync) {
         setValue(!value);
       }
-      change && change(!value, event);
+      onChange && onChange(!value, event);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes(),
@@ -14714,6 +14713,8 @@
       rightIcon,
       close,
       click,
+      onClose,
+      onClick,
       iconClassPrefix,
       iconFontClassName
     } = {
@@ -14801,11 +14802,13 @@
     };
     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);
@@ -14855,9 +14858,11 @@
     };
     const go = (item) => {
       click && click(item);
+      onClick && onClick(item);
     };
     const handleClickIcon = () => {
       close && close(scrollList[0]);
+      onClose && onClose(scrollList[0]);
     };
     const iconShow = () => {
       if (leftIcon === "close") {
@@ -14983,6 +14988,7 @@
       className,
       progressDot,
       clickStep,
+      onClickStep,
       ...restProps
     } = propSteps;
     const parentSteps = {
@@ -15046,10 +15052,9 @@
       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(
@@ -15592,6 +15597,7 @@
       className,
       style,
       activeAvatar,
+      onActiveAvatar,
       onError,
       iconClassPrefix,
       iconFontClassName,
@@ -15654,9 +15660,8 @@
       }
     };
     const clickAvatar = (e2) => {
-      if (props.activeAvatar) {
-        props.activeAvatar(e2);
-      }
+      activeAvatar && activeAvatar(e2);
+      onActiveAvatar && onActiveAvatar(e2);
     };
     console.log(
       "!parent?.propAvatarGroup?.maxCount",
@@ -16461,6 +16466,8 @@
   const Collapse = React.memo(
     (props) => {
       const {
+        className,
+        style,
         children,
         activeName,
         accordion,
@@ -16468,7 +16475,7 @@
         rotate,
         iconSize,
         iconColor,
-        change
+        onChange
       } = {
         ...defaultProps$i,
         ...props
@@ -16510,10 +16517,11 @@
           }
         }
         setDefaultOpenIndex(newOpenIndex);
-        change && change(!isOpen, name);
+        onChange && onChange(!isOpen, name);
       };
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: colBem()
+        className: `${colBem()} ${className}`,
+        style
       }, childrenDom.map((item) => {
         return React__default["default"].cloneElement(item, {
           isOpen: defaultOpenIndex.includes(item.props.name),
@@ -16943,6 +16951,7 @@
       overscan = 2,
       key,
       handleScroll,
+      onScroll,
       className,
       containerSize,
       ...rest
@@ -17009,7 +17018,7 @@
       const totalSize = getListTotalSize(positions, horizontal);
       setListTotalSize(totalSize);
     }, [positions, sizeKey, horizontal]);
-    const onScroll = React.useCallback(() => {
+    const scroll = React.useCallback(() => {
       requestAnimationFrame((e2) => {
         const scrollSize = getElement()[scrollKey];
         const startIndex = binarySearch(positions, scrollSize, horizontal);
@@ -17030,7 +17039,11 @@
         const startOffset = positions[startIndex][offsetKey];
         setOptions({ startOffset, startIndex, overStart, endIndex });
         if (endIndex > sourceData.length - 1) {
-          handleScroll && handleScroll();
+          if (onScroll) {
+            onScroll();
+          } else if (handleScroll) {
+            handleScroll();
+          }
         }
       });
     }, [
@@ -17050,11 +17063,11 @@
     ]);
     React.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["default"].createElement("div", {
       className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
       ...rest,
@@ -17244,6 +17257,9 @@
       play,
       pause,
       playend,
+      onPlayFuc,
+      onPauseFuc,
+      onPlayend,
       ...restProps
     } = {
       ...defaultProps$b,
@@ -17270,13 +17286,16 @@
           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);
         });
       }
@@ -18345,6 +18364,10 @@
       strokeStyle,
       unSupportTpl,
       className,
+      confirm,
+      clear,
+      onConfirm,
+      onClear,
       ...rest
     } = {
       ...defaultProps$4,
@@ -18374,14 +18397,15 @@
     const endEventHandler = (event) => {
       event.preventDefault();
     };
-    const clear = () => {
+    const handleClearBtn = () => {
       if (ctx2.current) {
         ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
         ctx2.current.closePath();
       }
-      props.clear && props.clear();
+      clear && clear();
+      onClear && onClear();
     };
-    const confirm = () => {
+    const handleConfirmBtn = () => {
       onSave();
     };
     const onSave = () => {
@@ -18393,8 +18417,9 @@
           canvas: res[0].node,
           fileType: props.type,
           success: (res2) => {
-            clear();
-            props.confirm && props.confirm(res2.tempFilePath);
+            handleClearBtn();
+            confirm && confirm(res2.tempFilePath);
+            onConfirm && onConfirm(res2.tempFilePath);
           },
           fail: (res2) => {
             console.log("\u4FDD\u5B58\u5931\u8D25");
@@ -18443,11 +18468,11 @@
     })), /* @__PURE__ */ React__default["default"].createElement(Button, {
       className: `${b2("btn")}`,
       type: "default",
-      onClick: () => clear()
+      onClick: () => handleClearBtn()
     }, locale.signature.reSign), /* @__PURE__ */ React__default["default"].createElement(Button, {
       className: `${b2("btn")}`,
       type: "primary",
-      onClick: () => confirm()
+      onClick: () => handleConfirmBtn()
     }, locale.confirm));
   };
   Signature.defaultProps = defaultProps$4;
@@ -18574,6 +18599,7 @@
   TimeDetail.displayName = "NutTimeDetail";
   const defaultProps = {
     className: "",
+    style: {},
     visible: false,
     height: "20%",
     multiple: false,
@@ -18586,7 +18612,6 @@
   const TimeSelect = (props) => {
     useConfig$1();
     const {
-      children,
       visible,
       className,
       height,
@@ -18598,7 +18623,10 @@
       multiple,
       select,
       pannelChange,
-      timeChange
+      timeChange,
+      onSelect,
+      onPannelChange,
+      onTimeChange
     } = {
       ...defaultProps,
       ...props
@@ -18619,7 +18647,11 @@
     };
     const b2 = cn("timeselect");
     const closeFun = () => {
-      select && select(activeTime);
+      if (onSelect) {
+        onSelect(activeTime);
+      } else if (select) {
+        select(activeTime);
+      }
     };
     const handleSelectTime = (time) => {
       let curTimeData = {};
@@ -18642,7 +18674,11 @@
       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];
@@ -18668,7 +18704,11 @@
           ]);
         }
       }
-      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)) {