@nutui/nutui-react-taro 1.3.6 → 1.3.8

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.6 Wed Oct 12 2022 18:14:05 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.3.8 Wed Oct 26 2022 17:33:31 GMT+0800 (中国标准时间)
 * (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) {
@@ -3020,6 +3024,8 @@
     className: "",
     style: {},
     tabSwitch: () => {
+    },
+    onSwitch: () => {
     }
   };
   const Tabbar = (props) => {
@@ -3033,7 +3039,8 @@
       safeAreaInsetBottom,
       className,
       style,
-      tabSwitch
+      tabSwitch,
+      onSwitch
     } = {
       ...defaultProps$19,
       ...props
@@ -3065,6 +3072,7 @@
         handleClick: () => {
           handleClick2(idx);
           tabSwitch(child, idx);
+          onSwitch(child, idx);
         }
       };
       return React__default["default"].cloneElement(child, childProps);
@@ -3519,6 +3527,7 @@
   }
   const defaultProps$15 = {
     ...ComponentDefaults,
+    tabStyle: {},
     value: 0,
     color: "",
     background: "",
@@ -3538,6 +3547,7 @@
     const {
       value,
       color,
+      tabStyle,
       background,
       direction,
       type,
@@ -3619,7 +3629,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 +3662,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 +3682,7 @@
         };
       }
       return React__default["default"].cloneElement(child, childProps);
-    })));
+    }))));
   };
   Tabs.defaultProps = defaultProps$15;
   Tabs.displayName = "NutTabs";
@@ -3681,7 +3693,7 @@
     disabled: false
   };
   const TabPane = (props) => {
-    const { children, paneKey, activeKey, autoHeightClassName } = {
+    const { children, paneKey, activeKey, autoHeightClassName, className } = {
       ...defaultProps$14,
       ...props
     };
@@ -3691,7 +3703,8 @@
         active: paneKey === activeKey
       },
       b2(""),
-      autoHeightClassName
+      autoHeightClassName,
+      className
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes
@@ -3782,7 +3795,7 @@
       children,
       className,
       showhead,
-      handleClose,
+      onClose,
       ...rest
     } = {
       ...defaultProps$12,
@@ -3793,7 +3806,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 +3832,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 +3869,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 +3893,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",
@@ -3965,6 +3978,8 @@
       className: `nut-menu ${className}`,
       ...rest,
       ref: parentRef
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-menu-relative"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-menu__bar ${itemShow.includes(true) ? "opened" : ""} ${className}`
     }, React__default["default"].Children.toArray(children).map((child, index) => {
@@ -4007,7 +4022,7 @@
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
       })));
-    })), cloneChildren());
+    })), cloneChildren()));
   };
   Menu.defaultProps = defaultProps$10;
   Menu.displayName = "NutMenu";
@@ -4125,15 +4140,14 @@
         parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
       }
     }), /* @__PURE__ */ React__default["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["default"].createElement(CSSTransition$1, {
       in: _showPopup,
       timeout: 100,
-      classNames: "menu-item"
+      classNames: direction === "down" ? "menu-item" : "menu-item-up"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-menu-item__content"
     }, options == null ? void 0 : options.map((item, index) => {
@@ -4463,7 +4477,10 @@
       marks,
       change,
       dragStart,
-      dragEnd
+      dragEnd,
+      onChange,
+      onDragStart,
+      onDragEnd
     } = { ...defaultProps$Y, ...props };
     let { min, max, step } = { ...defaultProps$Y, ...props };
     min = Number(min);
@@ -4633,6 +4650,7 @@
       }
       if ((marks || end) && !isSameValue(value, startValue)) {
         change && change(value);
+        onChange && onChange(value);
       }
     };
     const click = async (event) => {
@@ -4680,6 +4698,7 @@
       }
       if (dragStatus === "start") {
         dragStart && dragStart();
+        onDragStart && onDragStart();
       }
       touch.move(event);
       SetDragStatus("draging");
@@ -4706,6 +4725,7 @@
       if (dragStatus === "draging") {
         updateValue(currentValue, true);
         dragEnd && dragEnd();
+        onDragEnd && onDragEnd();
       }
       SetDragStatus("");
     };
@@ -6404,6 +6424,12 @@
       overlimit,
       blur,
       focus,
+      onAdd,
+      onReduce,
+      onOverlimit,
+      onBlurFuc,
+      onFocus,
+      onChangeFuc,
       iconClassPrefix,
       iconFontClassName,
       ...restProps
@@ -6444,6 +6470,7 @@
     };
     const emitChange = (value, e2) => {
       const outputValue = fixedDecimalPlaces(value);
+      onChangeFuc && onChangeFuc(outputValue, e2);
       change && change(outputValue, e2);
       if (!isAsync) {
         if (Number(outputValue) < Number(min)) {
@@ -6456,26 +6483,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);
@@ -6489,6 +6521,7 @@
         return;
       if (readonly)
         return;
+      onFocus && onFocus(e2);
       focus && focus(e2);
     };
     const burValue = (e2) => {
@@ -6503,6 +6536,7 @@
         value = Number(max);
       }
       emitChange(value, e2);
+      onBlurFuc && onBlurFuc(e2);
       blur && blur(e2);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -6635,12 +6669,20 @@
       rows,
       slotButton,
       slotInput,
+      onChange,
+      onBlur,
+      onFocus,
+      onClear,
+      formatter,
+      keypress,
+      onClickInput,
+      onClickLeftIcon,
+      onClickRightIcon,
+      onClick,
       change,
       blur,
       focus,
       clear,
-      formatter,
-      keypress,
       clickInput,
       clickLeftIcon,
       clickRightIcon,
@@ -6706,20 +6748,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);
@@ -6728,15 +6772,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 = () => {
@@ -6752,6 +6800,7 @@
     };
     const handleClear = (event) => {
       updateValue("");
+      onClear && onClear("", event);
       clear && clear("", event);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -6759,6 +6808,7 @@
       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", {
@@ -6771,12 +6821,12 @@
     }, /* @__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,
@@ -6793,7 +6843,7 @@
     }, /* @__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",
@@ -6809,13 +6859,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",
@@ -6829,13 +6879,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,
@@ -6849,7 +6899,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,
@@ -7947,7 +7997,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",
@@ -9649,7 +9699,7 @@
       inactiveColor,
       activeText,
       inactiveText,
-      change,
+      onChange,
       className,
       style
     } = {
@@ -9677,7 +9727,7 @@
       if (!isAsync) {
         setValue(!value);
       }
-      change && change(!value, event);
+      onChange && onChange(!value, event);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes(),
@@ -14713,6 +14763,8 @@
       rightIcon,
       close,
       click,
+      onClose,
+      onClick,
       iconClassPrefix,
       iconFontClassName
     } = {
@@ -14800,11 +14852,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);
@@ -14854,9 +14908,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") {
@@ -14982,6 +15038,7 @@
       className,
       progressDot,
       clickStep,
+      onClickStep,
       ...restProps
     } = propSteps;
     const parentSteps = {
@@ -15045,10 +15102,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(
@@ -15591,6 +15647,7 @@
       className,
       style,
       activeAvatar,
+      onActiveAvatar,
       onError,
       iconClassPrefix,
       iconFontClassName,
@@ -15653,9 +15710,8 @@
       }
     };
     const clickAvatar = (e2) => {
-      if (props.activeAvatar) {
-        props.activeAvatar(e2);
-      }
+      activeAvatar && activeAvatar(e2);
+      onActiveAvatar && onActiveAvatar(e2);
     };
     console.log(
       "!parent?.propAvatarGroup?.maxCount",
@@ -16460,6 +16516,8 @@
   const Collapse = React.memo(
     (props) => {
       const {
+        className,
+        style,
         children,
         activeName,
         accordion,
@@ -16467,7 +16525,7 @@
         rotate,
         iconSize,
         iconColor,
-        change
+        onChange
       } = {
         ...defaultProps$i,
         ...props
@@ -16509,10 +16567,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),
@@ -16942,6 +17001,7 @@
       overscan = 2,
       key,
       handleScroll,
+      onScroll,
       className,
       containerSize,
       ...rest
@@ -17008,7 +17068,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);
@@ -17029,7 +17089,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();
+          }
         }
       });
     }, [
@@ -17049,11 +17113,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,
@@ -17243,6 +17307,9 @@
       play,
       pause,
       playend,
+      onPlayFuc,
+      onPauseFuc,
+      onPlayend,
       ...restProps
     } = {
       ...defaultProps$b,
@@ -17269,13 +17336,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);
         });
       }
@@ -18344,6 +18414,10 @@
       strokeStyle,
       unSupportTpl,
       className,
+      confirm,
+      clear,
+      onConfirm,
+      onClear,
       ...rest
     } = {
       ...defaultProps$4,
@@ -18373,14 +18447,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 = () => {
@@ -18392,8 +18467,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");
@@ -18442,11 +18518,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;
@@ -18573,6 +18649,7 @@
   TimeDetail.displayName = "NutTimeDetail";
   const defaultProps = {
     className: "",
+    style: {},
     visible: false,
     height: "20%",
     multiple: false,
@@ -18585,7 +18662,6 @@
   const TimeSelect = (props) => {
     useConfig$1();
     const {
-      children,
       visible,
       className,
       height,
@@ -18597,7 +18673,10 @@
       multiple,
       select,
       pannelChange,
-      timeChange
+      timeChange,
+      onSelect,
+      onPannelChange,
+      onTimeChange
     } = {
       ...defaultProps,
       ...props
@@ -18618,7 +18697,11 @@
     };
     const b2 = cn("timeselect");
     const closeFun = () => {
-      select && select(activeTime);
+      if (onSelect) {
+        onSelect(activeTime);
+      } else if (select) {
+        select(activeTime);
+      }
     };
     const handleSelectTime = (time) => {
       let curTimeData = {};
@@ -18641,7 +18724,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];
@@ -18667,7 +18754,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)) {