@nutui/nutui-react 1.2.3-beta.1 → 1.2.3-beta.4

package/dist/nutui.react.es.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui-react v1.2.2 Fri Aug 12 2022 15:37:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:33 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, useLayoutEffect as useLayoutEffect$1, forwardRef, useMemo, memo } from "react";
+import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, useLayoutEffect, forwardRef, useMemo, memo } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, unstable_batchedUpdates } from "react-dom";
 var classname = { exports: {} };
@@ -89,21 +89,25 @@ const Icon = (props) => {
       return { src: name };
     return {};
   };
-  return React__default.createElement(type, {
-    className: isImage ? `${className || ""} ${b2("img")}` : `${className || ""} ${fontClassName} ${b2(null, [
-      classPrefix
-    ])} nut-icon-${name} `,
-    style: {
-      color,
-      fontSize: pxCheck$2(size),
-      width: pxCheck$2(size),
-      height: pxCheck$2(size),
-      ...style
+  return React__default.createElement(
+    type,
+    {
+      className: isImage ? `${className || ""} ${b2("img")}` : `${className || ""} ${fontClassName} ${b2(null, [
+        classPrefix
+      ])} nut-icon-${name} `,
+      style: {
+        color,
+        fontSize: pxCheck$2(size),
+        width: pxCheck$2(size),
+        height: pxCheck$2(size),
+        ...style
+      },
+      ...rest,
+      onClick: handleClick2,
+      ...hasSrc()
     },
-    ...rest,
-    onClick: handleClick2,
-    ...hasSrc()
-  }, children);
+    children
+  );
 };
 Icon.defaultProps = defaultProps$1a;
 Icon.displayName = "NutIcon";
@@ -241,7 +245,9 @@ var factoryWithThrowingShims = function() {
     if (secret === ReactPropTypesSecret) {
       return;
     }
-    var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+    var err = new Error(
+      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+    );
     err.name = "Invariant Violation";
     throw err;
   }
@@ -1490,7 +1496,10 @@ const Cell = (props) => {
     flex: 1
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2({ clickable: !!(isLink || to2), center, large: size === "large" }, [className])} `,
+    className: `${b2(
+      { clickable: !!(isLink || to2), center, large: size === "large" },
+      [className]
+    )} `,
     onClick: (event) => handleClick2(event),
     style: baseStyle,
     ...rest
@@ -1628,12 +1637,16 @@ const Overlay = (props) => {
     };
   }, []);
   const b2 = cn("overlay");
-  const classes = classNames({
-    "overlay-fade-leave-active": !renderRef.current && !visible,
-    "overlay-fade-enter-active": visible,
-    "first-render": renderRef.current && !visible,
-    "hidden-render": !visible
-  }, overlayClass, b2(""));
+  const classes = classNames(
+    {
+      "overlay-fade-leave-active": !renderRef.current && !visible,
+      "overlay-fade-enter-active": visible,
+      "first-render": renderRef.current && !visible,
+      "hidden-render": !visible
+    },
+    overlayClass,
+    b2("")
+  );
   const styles = {
     zIndex,
     animationDuration: `${props.duration}s`,
@@ -1695,6 +1708,9 @@ var config$1 = {
   disabled: false
 };
 var TransitionGroupContext = React__default.createContext(null);
+var forceReflow = function forceReflow2(node) {
+  return node.scrollTop;
+};
 var UNMOUNTED = "unmounted";
 var EXITED = "exited";
 var ENTERING = "entering";
@@ -1783,6 +1799,11 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     if (nextStatus !== null) {
       this.cancelNextCallback();
       if (nextStatus === ENTERING) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this);
+          if (node)
+            forceReflow(node);
+        }
         this.performEnter(mounting);
       } else {
         this.performExit();
@@ -2040,7 +2061,8 @@ var CSSTransition = /* @__PURE__ */ function(_React$Component) {
       className += " " + doneClassName;
     }
     if (phase === "active") {
-      node && node.scrollTop;
+      if (node)
+        forceReflow(node);
     }
     if (className) {
       this.appliedClasses[type][phase] = className;
@@ -2156,12 +2178,15 @@ const Popup = (props) => {
     ...style,
     ...baseStyle
   };
-  const classes = classNames({
-    round,
-    [`popup-${position}`]: true,
-    [`${popClass}`]: true,
-    [`${className}`]: true
-  }, b2(""));
+  const classes = classNames(
+    {
+      round,
+      [`popup-${position}`]: true,
+      [`${popClass}`]: true,
+      [`${className}`]: true
+    },
+    b2("")
+  );
   const closeClasses = classNames({
     "nutui-popup__close-icon": true,
     [`nutui-popup__close-icon--${closeIconPosition}`]: true
@@ -2467,12 +2492,16 @@ const Row = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(DataContext$2.Provider, {
     value: parentRow
-  }, React__default.createElement("div", {
-    className: getClasses(),
-    onClick: (e2) => {
-      onClick && onClick(e2, "row");
-    }
-  }, children));
+  }, React__default.createElement(
+    "div",
+    {
+      className: getClasses(),
+      onClick: (e2) => {
+        onClick && onClick(e2, "row");
+      }
+    },
+    children
+  ));
 };
 Row.defaultProps = defaultProps$12;
 Row.displayName = "NutRow";
@@ -2618,8 +2647,8 @@ NavBar.defaultProps = defaultProps$10;
 NavBar.displayName = "NutNavBar";
 const defaultProps$$ = {
   fixednavClass: "nut-fixednav",
-  activeText: "\u6536\u8D77\u5BFC\u822A",
-  unActiveText: "\u5FEB\u901F\u5BFC\u822A",
+  activeText: "",
+  unActiveText: "",
   type: "right",
   position: {
     top: "auto",
@@ -2644,9 +2673,14 @@ const FixedNav = (props) => {
     ...rest
   } = { ...defaultProps$$, ...props };
   const b2 = cn("fixednav");
-  const classes = classNames({
-    active: visible
-  }, type, fixednavClass, b2(""));
+  const classes = classNames(
+    {
+      active: visible
+    },
+    type,
+    fixednavClass,
+    b2("")
+  );
   const onSelectCb = (event, item) => {
     onSelected(item, event);
   };
@@ -2686,7 +2720,7 @@ const FixedNav = (props) => {
     color: "#fff"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "text"
-  }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
+  }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
 };
 FixedNav.defaultProps = defaultProps$$;
 FixedNav.displayName = "NutFixedNav";
@@ -2867,7 +2901,9 @@ const Elevator = (props) => {
     y2: 0
   });
   const [scrollY, setScrollY] = useState(0);
-  const [currentData, setCurrentData] = useState({});
+  const [currentData, setCurrentData] = useState(
+    {}
+  );
   const [currentKey, setCurrentKey] = useState("");
   const [currentIndex, setCurrentIndex] = useState(0);
   const [codeIndex, setCodeIndex] = useState(0);
@@ -3247,11 +3283,14 @@ const Tabs = (props) => {
   }, [children]);
   const b2 = cn("tabs");
   const classes = classNames(direction, b2(""), className);
-  const classesTitle = classNames({
-    [type]: type,
-    scrollable: titleScroll,
-    [size]: size
-  }, `${b2("")}__titles`);
+  const classesTitle = classNames(
+    {
+      [type]: type,
+      scrollable: titleScroll,
+      [size]: size
+    },
+    `${b2("")}__titles`
+  );
   const titleStyle = {
     marginLeft: pxCheck$1(titleGutter),
     marginRight: pxCheck$1(titleGutter)
@@ -3283,10 +3322,13 @@ const Tabs = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       style: titleStyle,
       onClick: (e2) => tabChange(item),
-      className: classNames({
-        active: String(item.paneKey) === String(value),
-        disabled: item.disabled
-      }, `${b2("")}__titles-item`),
+      className: classNames(
+        {
+          active: String(item.paneKey) === String(value),
+          disabled: item.disabled
+        },
+        `${b2("")}__titles-item`
+      ),
       key: item.paneKey
     }, type === "line" && /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("")}__titles-item__line`,
@@ -3298,9 +3340,12 @@ const Tabs = (props) => {
       color,
       name: "joy-smile"
     })), /* @__PURE__ */ React__default.createElement("div", {
-      className: classNames({
-        ellipsis: ellipsis && !titleScroll && direction === "horizontal"
-      }, `${b2("")}__titles-item__text`)
+      className: classNames(
+        {
+          ellipsis: ellipsis && !titleScroll && direction === "horizontal"
+        },
+        `${b2("")}__titles-item__text`
+      )
     }, item.title));
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2("")}__content`,
@@ -3337,9 +3382,13 @@ const TabPane = (props) => {
     ...props
   };
   const b2 = cn("tabpane");
-  const classes = classNames({
-    active: paneKey === activeKey
-  }, b2(""), autoHeightClassName);
+  const classes = classNames(
+    {
+      active: paneKey === activeKey
+    },
+    b2(""),
+    autoHeightClassName
+  );
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes
   }, children);
@@ -3368,21 +3417,26 @@ const Indicator = (props) => {
     ...props
   };
   const b2 = cn("indicator");
-  const classes = classNames({
-    [`${b2("block")}`]: block,
-    [`${b2("align")}__${align}`]: block && align,
-    [`${b2("vertical")}`]: vertical
-  }, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("block")}`]: block,
+      [`${b2("align")}__${align}`]: block && align,
+      [`${b2("vertical")}`]: vertical
+    },
+    b2("")
+  );
   const renderEles = () => {
     const childs = [];
     for (let item = 1; item <= size; item++) {
-      childs.push(item === current ? /* @__PURE__ */ React__default.createElement("div", {
-        key: item,
-        className: b2("number")
-      }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default.createElement("div", {
-        key: item,
-        className: b2("dot")
-      }));
+      childs.push(
+        item === current ? /* @__PURE__ */ React__default.createElement("div", {
+          key: item,
+          className: b2("number")
+        }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default.createElement("div", {
+          key: item,
+          className: b2("dot")
+        })
+      );
     }
     return childs;
   };
@@ -3468,27 +3522,32 @@ const SubSideNavBar = (props) => {
   const offset = useContext$1(OffsetContext);
   console.log("offset>>>>>>>", offset);
   const listRef = useRef(null);
-  const setListLevel = useCallback((nodeList, level = 1) => {
-    const titleClass = nodeList[0].className;
-    if (titleClass.includes("nut-subsidenavbar__title")) {
-      const left = offset * (level + 1);
-      nodeList[0].style.paddingLeft = `${left}px`;
-    }
-    const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter((item) => item.nodeType !== 3 && item.nodeType !== 8);
-    childNodes.forEach((item) => {
-      const itemClass = item.className;
-      if (itemClass.includes("nut-subsidenavbar__item")) {
-        const left = offset * (level + 2);
-        item.style.paddingLeft = `${left}px`;
-      }
-      if (itemClass.includes("nut-subsidenavbar__list")) {
-        let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
-        level2 += 1;
-        item.setAttribute("level", level2.toString());
-        item.children && setListLevel(item.children, level2);
+  const setListLevel = useCallback(
+    (nodeList, level = 1) => {
+      const titleClass = nodeList[0].className;
+      if (titleClass.includes("nut-subsidenavbar__title")) {
+        const left = offset * (level + 1);
+        nodeList[0].style.paddingLeft = `${left}px`;
       }
-    });
-  }, [offset]);
+      const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(
+        (item) => item.nodeType !== 3 && item.nodeType !== 8
+      );
+      childNodes.forEach((item) => {
+        const itemClass = item.className;
+        if (itemClass.includes("nut-subsidenavbar__item")) {
+          const left = offset * (level + 2);
+          item.style.paddingLeft = `${left}px`;
+        }
+        if (itemClass.includes("nut-subsidenavbar__list")) {
+          let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
+          level2 += 1;
+          item.setAttribute("level", level2.toString());
+          item.children && setListLevel(item.children, level2);
+        }
+      });
+    },
+    [offset]
+  );
   const clickFn = (e2) => {
     handleClick(e2);
     const currentClass = e2.currentTarget.className;
@@ -3887,23 +3946,26 @@ const Range = (props) => {
     const prefixCls = "nut-range-container";
     return [prefixCls, `${vertical ? `${prefixCls}-vertical` : ""}`, className].filter(Boolean).join(" ");
   }, [vertical, className]);
-  const markClassName = useCallback((mark) => {
-    const classPrefix = "nut-range-mark";
-    let lowerBound = Number(min);
-    let upperBound = Number(max);
-    if (range) {
-      const [left, right] = modelValue;
-      lowerBound = left;
-      upperBound = right;
-    } else {
-      upperBound = modelValue;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    return [
-      `${classPrefix}-text`,
-      `${isActive ? `${classPrefix}-text-active` : ""}`
-    ].filter(Boolean).join(" ");
-  }, [range, modelValue, min, max]);
+  const markClassName = useCallback(
+    (mark) => {
+      const classPrefix = "nut-range-mark";
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      } else {
+        upperBound = modelValue;
+      }
+      const isActive = mark <= upperBound && mark >= lowerBound;
+      return [
+        `${classPrefix}-text`,
+        `${isActive ? `${classPrefix}-text-active` : ""}`
+      ].filter(Boolean).join(" ");
+    },
+    [range, modelValue, min, max]
+  );
   const [rangeName, setRangeName] = useState(classes());
   const [containerName, setContainerName] = useState(containerClasses());
   useEffect(() => {
@@ -4330,10 +4392,13 @@ const CalendarItem = (props) => {
   const months = useRef(null);
   const monthsPanel = useRef(null);
   const b2 = cn("calendar");
-  const classes = classNames({
-    [`${b2("")}-tile`]: !poppable,
-    [`${b2("")}-nofooter`]: !!isAutoBackFill
-  }, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-tile`]: !poppable,
+      [`${b2("")}-nofooter`]: !!isAutoBackFill
+    },
+    b2("")
+  );
   const headerClasses = classNames({
     [`${b2("")}-header`]: true,
     [`${b2("")}-header-tile`]: !poppable
@@ -4352,7 +4417,11 @@ const CalendarItem = (props) => {
     return Utils.isEqual(state.currDate[1], currDate);
   };
   const getCurrDate = (day, month, isRange) => {
-    return isRange ? `${month.curData[3]}-${month.curData[4]}-${Utils.getNumTwoBit(+day.day)}` : `${month.curData[0]}-${month.curData[1]}-${Utils.getNumTwoBit(+day.day)}`;
+    return isRange ? `${month.curData[3]}-${month.curData[4]}-${Utils.getNumTwoBit(
+      +day.day
+    )}` : `${month.curData[0]}-${month.curData[1]}-${Utils.getNumTwoBit(
+      +day.day
+    )}`;
   };
   const getClass = (day, month, isRange) => {
     const currDate = getCurrDate(day, month, isRange);
@@ -4473,10 +4542,19 @@ const CalendarItem = (props) => {
       ]
     };
     if (type2 == "next") {
-      if (!state.endData || !Utils.compareDate(`${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`, `${curData[0]}-${curData[1]}-${curData[2]}`)) {
+      if (!state.endData || !Utils.compareDate(
+        `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(
+          state.endData[0],
+          state.endData[1]
+        )}`,
+        `${curData[0]}-${curData[1]}-${curData[2]}`
+      )) {
         state.monthsData.push(monthInfo);
       }
-    } else if (!state.startData || !Utils.compareDate(`${curData[0]}-${curData[1]}-${curData[2]}`, `${state.startData[0]}-${state.startData[1]}-01`)) {
+    } else if (!state.startData || !Utils.compareDate(
+      `${curData[0]}-${curData[1]}-${curData[2]}`,
+      `${state.startData[0]}-${state.startData[1]}-01`
+    )) {
       state.monthsData.unshift(monthInfo);
     } else {
       setUnLoadPrev(true);
@@ -4628,10 +4706,23 @@ const CalendarItem = (props) => {
       getMonth(getCurrData("next"), "next");
     } while (i++ < 4);
     if (state.isRange) {
-      chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
-      chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[0], true, true);
+      chooseDay(
+        { day: state.defaultData[2], type: "curr" },
+        state.monthsData[0],
+        true
+      );
+      chooseDay(
+        { day: state.defaultData[5], type: "curr" },
+        state.monthsData[0],
+        true,
+        true
+      );
     } else {
-      chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
+      chooseDay(
+        { day: state.defaultData[2], type: "curr" },
+        state.monthsData[0],
+        true
+      );
     }
   };
   useEffect(() => {
@@ -4777,83 +4868,87 @@ const defaultProps$O = {
   onChange: (value) => {
   }
 };
-const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$O, ...props };
-  const b2 = cn("checkboxgroup");
-  const { className, disabled, onChange, checkedValue, max, ...rest } = props;
-  const [innerDisabled, setInnerDisabled] = useState(disabled);
-  const [innerValue, setInnerValue] = useState(checkedValue);
-  useImperativeHandle(ref, () => ({
-    toggleAll(state) {
-      if (state === false) {
-        setInnerValue([]);
-      } else {
+const CheckboxGroup = React__default.forwardRef(
+  (props, ref) => {
+    const { children } = { ...defaultProps$O, ...props };
+    const b2 = cn("checkboxgroup");
+    const { className, disabled, onChange, checkedValue, max, ...rest } = props;
+    const [innerDisabled, setInnerDisabled] = useState(disabled);
+    const [innerValue, setInnerValue] = useState(checkedValue);
+    useImperativeHandle(ref, () => ({
+      toggleAll(state) {
+        if (state === false) {
+          setInnerValue([]);
+        } else {
+          const childrenLabel = [];
+          React__default.Children.map(children, (child) => {
+            const childProps = child.props;
+            console.log(child);
+            childrenLabel.push(childProps.label || child.children);
+          });
+          setInnerValue(childrenLabel);
+        }
+      },
+      toggleReverse() {
         const childrenLabel = [];
         React__default.Children.map(children, (child) => {
           const childProps = child.props;
-          console.log(child);
           childrenLabel.push(childProps.label || child.children);
         });
-        setInnerValue(childrenLabel);
+        const reverse = childrenLabel.filter(
+          (c6) => (innerValue == null ? void 0 : innerValue.findIndex((v2) => v2 === c6)) === -1
+        );
+        setInnerValue(reverse);
       }
-    },
-    toggleReverse() {
-      const childrenLabel = [];
-      React__default.Children.map(children, (child) => {
-        const childProps = child.props;
-        childrenLabel.push(childProps.label || child.children);
-      });
-      const reverse = childrenLabel.filter((c6) => (innerValue == null ? void 0 : innerValue.findIndex((v2) => v2 === c6)) === -1);
-      setInnerValue(reverse);
-    }
-  }));
-  useEffect(() => {
-    setInnerDisabled(disabled);
-    setInnerValue(checkedValue);
-  }, [disabled, checkedValue]);
-  function handleChildChange(state, label) {
-    if (max !== void 0 && innerValue && innerValue.length > max)
-      return;
-    if (innerValue) {
-      let clippedValue = [];
-      if (state) {
-        clippedValue = [...innerValue, label];
-      } else {
-        innerValue == null ? void 0 : innerValue.splice(innerValue == null ? void 0 : innerValue.indexOf(label), 1);
-        clippedValue = [...innerValue];
+    }));
+    useEffect(() => {
+      setInnerDisabled(disabled);
+      setInnerValue(checkedValue);
+    }, [disabled, checkedValue]);
+    function handleChildChange(state, label) {
+      if (max !== void 0 && innerValue && innerValue.length > max)
+        return;
+      if (innerValue) {
+        let clippedValue = [];
+        if (state) {
+          clippedValue = [...innerValue, label];
+        } else {
+          innerValue == null ? void 0 : innerValue.splice(innerValue == null ? void 0 : innerValue.indexOf(label), 1);
+          clippedValue = [...innerValue];
+        }
+        setInnerValue(clippedValue);
+        onChange && onChange(clippedValue);
       }
-      setInnerValue(clippedValue);
-      onChange && onChange(clippedValue);
     }
-  }
-  function validateChildChecked(child) {
-    if (!innerValue)
-      return false;
-    return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-  }
-  function getParentVals() {
-    return innerValue;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, (child) => {
-      const childChecked = validateChildChecked(child);
-      if (child.type.displayName !== "NutCheckBox") {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        disabled: innerDisabled,
-        checked: childChecked,
-        onChange: handleChildChange,
-        getParentVals,
-        max
+    function validateChildChecked(child) {
+      if (!innerValue)
+        return false;
+      return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
+    }
+    function getParentVals() {
+      return innerValue;
+    }
+    function cloneChildren() {
+      return React__default.Children.map(children, (child) => {
+        const childChecked = validateChildChecked(child);
+        if (child.type.displayName !== "NutCheckBox") {
+          return React__default.cloneElement(child);
+        }
+        return React__default.cloneElement(child, {
+          disabled: innerDisabled,
+          checked: childChecked,
+          onChange: handleChildChange,
+          getParentVals,
+          max
+        });
       });
-    });
+    }
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: `${b2()} ${className || ""}`,
+      ...rest
+    }, cloneChildren());
   }
-  return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2()} ${className || ""}`,
-    ...rest
-  }, cloneChildren());
-});
+);
 CheckboxGroup.defaultProps = defaultProps$O;
 CheckboxGroup.displayName = "NutCheckboxGroup";
 const defaultProps$N = {
@@ -5173,7 +5268,9 @@ const InternalPicker = (props, ref) => {
     const optins = [];
     columnsList.map((column, index2) => {
       let currOptions = [];
-      currOptions = column.filter((item) => item.value === chooseValueData[index2]);
+      currOptions = column.filter(
+        (item) => item.value === chooseValueData[index2]
+      );
       if (currOptions[0]) {
         optins.push(currOptions[0]);
       } else {
@@ -5206,7 +5303,10 @@ const InternalPicker = (props, ref) => {
         } else {
           setchooseValueData((data) => {
             const cdata = [...data];
-            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(option, "value") ? option.value : "";
+            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(
+              option,
+              "value"
+            ) ? option.value : "";
             return cdata;
           });
         }
@@ -5248,7 +5348,9 @@ const InternalPicker = (props, ref) => {
     while (cursor && cursor.children) {
       const options2 = cursor.children;
       const value = defaultValues[columnIndex2];
-      let index2 = options2.findIndex((columnItem) => columnItem.value === value);
+      let index2 = options2.findIndex(
+        (columnItem) => columnItem.value === value
+      );
       if (index2 === -1)
         index2 = 0;
       cursor = cursor.children[index2];
@@ -5457,25 +5559,38 @@ const DatePicker = (props) => {
     return result;
   };
   const updateChooseValueCustmer = (index2, selectedValue, cacheValueData) => {
-    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
+    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
+      type.toLocaleLowerCase()
+    )) {
       const formatDate = [];
       selectedValue.forEach((item) => {
         formatDate.push(item);
       });
       if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+        formatDate.unshift(
+          new Date(modelValue || minDate || maxDate).getFullYear()
+        );
       }
       if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
         formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
       }
       const year = Number(formatDate[0]);
       const month = Number(formatDate[1]) - 1;
-      const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      const day = Math.min(
+        Number(formatDate[2]),
+        getMonthEndDay(Number(formatDate[0]), Number(formatDate[1]))
+      );
       let date = null;
       if (type.toLocaleLowerCase() === "date" || type.toLocaleLowerCase() === "month-day" || type.toLocaleLowerCase() === "year-month") {
         date = new Date(year, month, day);
       } else if (type.toLocaleLowerCase() === "datetime") {
-        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
+        date = new Date(
+          year,
+          month,
+          day,
+          Number(formatDate[3]),
+          Number(formatDate[4])
+        );
       } else if (type.toLocaleLowerCase() === "datehour") {
         date = new Date(year, month, day, Number(formatDate[3]));
       }
@@ -5548,7 +5663,13 @@ const DatePicker = (props) => {
   };
   const columns = (date) => {
     const val = ranges(date).map((res, columnIndex) => {
-      return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
+      return generateValue(
+        res.range[0],
+        res.range[1],
+        getDateIndex(res.type),
+        res.type,
+        columnIndex
+      );
     });
     return val || [];
   };
@@ -5629,9 +5750,13 @@ const InputNumber = (props) => {
     setInputValue(modelValue);
   }, [modelValue]);
   const b2 = cn("inputnumber");
-  const classes = classNames({
-    [`${b2("")}--disabled`]: disabled
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}--disabled`]: disabled
+    },
+    className,
+    b2("")
+  );
   const styles = {
     height: pxCheck(buttonSize),
     ...style
@@ -5858,7 +5983,7 @@ const Input = (props) => {
   const [classes, setClasses] = useState("");
   const getModelValue = () => String(inputValue != null ? inputValue : "");
   const inputRef = useRef(null);
-  useLayoutEffect$1(() => {
+  useLayoutEffect(() => {
     updateValue(getModelValue(), formatTrigger);
   });
   useEffect(() => {
@@ -6072,43 +6197,45 @@ const defaultProps$J = {
   },
   direction: "vertical"
 };
-const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$J, ...props };
-  cn("RadioGroup");
-  const { className, value, onChange, textPosition, direction, ...rest } = props;
-  const [val2State, setVal2State] = useState(value);
-  useEffect(() => {
-    setVal2State(value);
-  }, [value]);
-  function validateChildChecked(child) {
-    if (val2State === null)
-      return false;
-    return val2State === child.props.value;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, (child, index2) => {
-      const childChecked = validateChildChecked(child);
-      if (child.type.displayName !== "NutRadio") {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        textPosition,
-        checked: childChecked
+const RadioGroup = React__default.forwardRef(
+  (props, ref) => {
+    const { children } = { ...defaultProps$J, ...props };
+    cn("RadioGroup");
+    const { className, value, onChange, textPosition, direction, ...rest } = props;
+    const [val2State, setVal2State] = useState(value);
+    useEffect(() => {
+      setVal2State(value);
+    }, [value]);
+    function validateChildChecked(child) {
+      if (val2State === null)
+        return false;
+      return val2State === child.props.value;
+    }
+    function cloneChildren() {
+      return React__default.Children.map(children, (child, index2) => {
+        const childChecked = validateChildChecked(child);
+        if (child.type.displayName !== "NutRadio") {
+          return React__default.cloneElement(child);
+        }
+        return React__default.cloneElement(child, {
+          textPosition,
+          checked: childChecked
+        });
       });
-    });
-  }
-  return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
-    value: {
-      onChange: (val) => {
-        setVal2State(val);
-        onChange && onChange(val);
-      }
     }
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-radiogroup nut-radiogroup--${props.direction}`,
-    ...rest
-  }, cloneChildren()));
-});
+    return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
+      value: {
+        onChange: (val) => {
+          setVal2State(val);
+          onChange && onChange(val);
+        }
+      }
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: `nut-radiogroup nut-radiogroup--${props.direction}`,
+      ...rest
+    }, cloneChildren()));
+  }
+);
 RadioGroup.defaultProps = defaultProps$J;
 RadioGroup.displayName = "NutRadioGroup";
 const defaultProps$I = {
@@ -6287,7 +6414,9 @@ const Rate = (props) => {
       size: iconSize,
       name: checkedIcon
     }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default.createElement(Icon, {
-      className: `${bi("icon")} ${bi("icon--disabled")} ${bi("icon--half")}`,
+      className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
+        "icon--half"
+      )}`,
       color: voidColor,
       size: iconSize,
       name: uncheckedIcon
@@ -6297,9 +6426,9 @@ const Rate = (props) => {
 Rate.defaultProps = defaultProps$H;
 Rate.displayName = "NutRate";
 const defaultProps$G = {
-  title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
-  desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
-  tips: "\u5FD8\u8BB0\u5BC6\u7801",
+  title: "",
+  desc: "",
+  tips: "",
   visible: false,
   modelValue: "",
   errorMsg: "",
@@ -6307,7 +6436,7 @@ const defaultProps$G = {
   closeOnClickOverlay: true,
   length: 6,
   className: "",
-  change: (value) => {
+  onChange: (value) => {
   },
   onOk: (value) => {
   },
@@ -6317,7 +6446,7 @@ const defaultProps$G = {
   },
   onTips: () => {
   },
-  complete: (value) => {
+  onComplete: (value) => {
   }
 };
 const ShortPassword = (props) => {
@@ -6334,12 +6463,12 @@ const ShortPassword = (props) => {
     length,
     style,
     className,
-    change,
+    onChange,
     onOk,
     onTips,
     onCancel,
     onClose,
-    complete,
+    onComplete,
     ...reset
   } = props;
   const b2 = cn("shortpassword");
@@ -6354,7 +6483,7 @@ const ShortPassword = (props) => {
     setInnerVisible(visible);
   }, [visible]);
   useEffect(() => {
-    if (modelValue) {
+    if (typeof modelValue !== "undefined") {
       setInputValue(modelValue);
     }
   }, [modelValue]);
@@ -6365,25 +6494,28 @@ const ShortPassword = (props) => {
     }
     setInputValue(inputValue2);
     if (String(inputValue2).length === comLen) {
-      complete && complete(inputValue2);
+      onComplete && onComplete(inputValue2);
     }
-    change && change(inputValue2);
+    onChange && onChange(inputValue2);
   };
   const systemStyle = () => {
     const u = navigator.userAgent;
     const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
     const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+    let style2 = {};
+    console.log(isIOS, isAndroid);
     if (isIOS) {
-      return {
+      style2 = {
         paddingRight: "1200px"
       };
     }
     if (isAndroid) {
-      return {
+      style2 = {
         opacity: 0,
         zIndex: 10
       };
     }
+    return style2;
   };
   const focus = () => {
     if (textInput.current) {
@@ -6410,9 +6542,9 @@ const ShortPassword = (props) => {
     ...reset
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
-  }, locale.shortpassword.title || title), /* @__PURE__ */ React__default.createElement("div", {
+  }, title || locale.shortpassword.title), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("subtitle")
-  }, locale.shortpassword.desc || desc), /* @__PURE__ */ React__default.createElement("div", {
+  }, desc || locale.shortpassword.desc), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("input")
   }, /* @__PURE__ */ React__default.createElement("input", {
     ref: textInput,
@@ -6438,7 +6570,7 @@ const ShortPassword = (props) => {
     className: b2("message")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("message__error")
-  }, errorMsg2), tips ? /* @__PURE__ */ React__default.createElement("div", {
+  }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("message__forget")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     className: "icon",
@@ -6446,7 +6578,7 @@ const ShortPassword = (props) => {
     name: "tips"
   }), /* @__PURE__ */ React__default.createElement("div", {
     onClick: onTips
-  }, locale.shortpassword.tips || tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
+  }, tips || locale.shortpassword.tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("footer")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("footer__cancel"),
@@ -6573,10 +6705,14 @@ class Upload {
     const xhr = new XMLHttpRequest();
     xhr.timeout = options2.timeout;
     if (xhr.upload) {
-      xhr.upload.addEventListener("progress", (e2) => {
-        var _a2;
-        (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
-      }, false);
+      xhr.upload.addEventListener(
+        "progress",
+        (e2) => {
+          var _a2;
+          (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
+        },
+        false
+      );
       xhr.onreadystatechange = () => {
         var _a2, _b;
         if (xhr.readyState === 4) {
@@ -6775,9 +6911,11 @@ const InternalUploader = (props, ref) => {
     if (props.autoUpload) {
       task.upload();
     } else {
-      uploadQueue.push(new Promise((resolve, reject) => {
-        resolve(task);
-      }));
+      uploadQueue.push(
+        new Promise((resolve, reject) => {
+          resolve(task);
+        })
+      );
       setUploadQueue(uploadQueue);
     }
   };
@@ -6846,10 +6984,12 @@ const InternalUploader = (props, ref) => {
     const $el = event.target;
     const { files } = $el;
     if (beforeUpload) {
-      beforeUpload(new Array().slice.call(files)).then((f2) => {
-        const _files = filterFiles(new Array().slice.call(f2));
-        readFile(_files);
-      });
+      beforeUpload(new Array().slice.call(files)).then(
+        (f2) => {
+          const _files = filterFiles(new Array().slice.call(f2));
+          readFile(_files);
+        }
+      );
     } else {
       const _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
@@ -7231,12 +7371,23 @@ const NumberKeyboard = (props) => {
     }
     if (customKeys.length === 1) {
       if (props.title && props.type !== "rightColumn") {
-        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
+        keys.push(
+          { id: customKeys[0], type: "custom" },
+          { id: 0, type: "number" },
+          { id: "delete", type: "delete" }
+        );
       } else {
-        keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
+        keys.push(
+          { id: 0, type: "number" },
+          { id: customKeys[0], type: "custom" }
+        );
       }
     } else if (customKeys.length === 2) {
-      keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
+      keys.push(
+        { id: customKeys[0], type: "custom" },
+        { id: 0, type: "number" },
+        { id: customKeys[1], type: "custom" }
+      );
     }
     return keys;
   };
@@ -8795,9 +8946,9 @@ let findTimeout = (time) => ~(~timeouts.findIndex((t2) => t2.time > time) || ~ti
 raf.cancel = (fn) => {
   onStartQueue.delete(fn);
   onFrameQueue.delete(fn);
+  onFinishQueue.delete(fn);
   updateQueue.delete(fn);
   writeQueue.delete(fn);
-  onFinishQueue.delete(fn);
 };
 raf.sync = (fn) => {
   sync = true;
@@ -8875,14 +9026,15 @@ function update() {
     eachSafely(timeouts.splice(0, count), (t2) => t2.handler());
     pendingCount -= count;
   }
+  if (!pendingCount) {
+    stop();
+    return;
+  }
   onStartQueue.flush();
   updateQueue.flush(prevTs ? Math.min(64, ts - prevTs) : 16.667);
   onFrameQueue.flush();
   writeQueue.flush();
   onFinishQueue.flush();
-  if (!pendingCount) {
-    stop();
-  }
 }
 function makeQueue() {
   let next = /* @__PURE__ */ new Set();
@@ -9564,10 +9716,10 @@ function deprecateDirectCall() {
 function isAnimatedString(value) {
   return is.str(value) && (value[0] == "#" || /\d/.test(value) || !isSSR() && cssVariableRegex.test(value) || value in (colors$1 || {}));
 }
-const useLayoutEffect = typeof window !== "undefined" && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = isSSR() ? useEffect : useLayoutEffect;
 const useIsMounted = () => {
   const isMounted = useRef(false);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -9849,7 +10001,7 @@ const withAnimated = (Component2, host2) => {
     };
     const observer = new PropsObserver(callback, deps);
     const observerRef = useRef();
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       observerRef.current = observer;
       each(deps, (dep) => addFluidObserver(dep, observer));
       return () => {
@@ -11585,7 +11737,7 @@ function useSprings(length, props, deps) {
   const context2 = useContext$1(SpringContext);
   const prevContext = usePrev(context2);
   const hasContext = context2 !== prevContext && hasProps(context2);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     layoutId.current++;
     state.ctrls = ctrls.current;
     const {
@@ -11973,26 +12125,29 @@ const Drag = (props) => {
       middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
     }
   };
-  const bind = useDrag(({ down, last, offset: [x2, y2] }) => {
-    api.start({ x: x2, y: y2, immediate: down });
-    if (last) {
-      if (props.direction != "y" && props.attract) {
-        if (x2 < middleLine.current) {
-          api.start({ x: boundaryState.left, y: y2, immediate: down });
-        } else {
-          api.start({
-            x: boundaryState.right,
-            y: y2,
-            immediate: down
-          });
+  const bind = useDrag(
+    ({ down, last, offset: [x2, y2] }) => {
+      api.start({ x: x2, y: y2, immediate: down });
+      if (last) {
+        if (props.direction != "y" && props.attract) {
+          if (x2 < middleLine.current) {
+            api.start({ x: boundaryState.left, y: y2, immediate: down });
+          } else {
+            api.start({
+              x: boundaryState.right,
+              y: y2,
+              immediate: down
+            });
+          }
         }
       }
+    },
+    {
+      from: () => [currstyle.x.get(), currstyle.y.get()],
+      axis: direction,
+      bounds: boundaryState
     }
-  }, {
-    from: () => [currstyle.x.get(), currstyle.y.get()],
-    axis: direction,
-    bounds: boundaryState
-  });
+  );
   useEffect(() => {
     getInfo();
   }, [myDrag]);
@@ -12146,12 +12301,15 @@ function confirm(config2, renderFunc) {
     }
     if (ret && ret.then) {
       renderFunction(dialogConfig);
-      ret.then(() => {
-        onCancel(true);
-      }, (e2) => {
-        console.error(e2);
-        renderFunction(dialogConfig);
-      });
+      ret.then(
+        () => {
+          onCancel(true);
+        },
+        (e2) => {
+          console.error(e2);
+          renderFunction(dialogConfig);
+        }
+      );
     }
     if (!ret) {
       onCancel(true);
@@ -12340,7 +12498,9 @@ const Infiniteloading = (props) => {
   const b2 = cn("infiniteloading");
   const classes = classNames(className, b2());
   useEffect(() => {
-    const parentElement = getParentElement(scroller.current);
+    const parentElement = getParentElement(
+      scroller.current
+    );
     scrollEl.current = useWindow ? window : parentElement;
     scrollEl.current.addEventListener("scroll", handleScroll, useCapture);
     return () => {
@@ -12372,6 +12532,7 @@ const Infiniteloading = (props) => {
       }
       setIsInfiniting(true);
       loadMore && loadMore(infiniteDone);
+      return true;
     });
   };
   const infiniteDone = () => {
@@ -12415,7 +12576,7 @@ const Infiniteloading = (props) => {
     }
   };
   const requestAniFrame2 = () => {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
       window.setTimeout(callback, 1e3 / 60);
     };
   };
@@ -12447,7 +12608,7 @@ const Infiniteloading = (props) => {
     }
     beforeScrollTop.current = resScrollTop;
     scrollChange && scrollChange(resScrollTop);
-    return offsetDistance <= threshold && direction == "down";
+    return offsetDistance <= threshold && direction === "down";
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes,
@@ -12467,7 +12628,7 @@ const Infiniteloading = (props) => {
     name: pullIcon
   }), /* @__PURE__ */ React__default.createElement("span", {
     className: "top-text"
-  }, locale.infiniteloading.pullRefreshText || pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
+  }, pullTxt || locale.infiniteloading.pullRefreshText))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-bottom"
@@ -12478,9 +12639,9 @@ const Infiniteloading = (props) => {
     name: loadIcon
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-text"
-  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
+  }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
     className: "tips"
-  }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
+  }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
 };
 Infiniteloading.defaultProps = defaultProps$x;
 Infiniteloading.displayName = "NutInfiniteloading";
@@ -12764,7 +12925,9 @@ const CircleProgress = (props) => {
       return;
     }
     const color = circleColor;
-    const colorArr = Object.keys(color).sort((a, b22) => parseFloat(a) - parseFloat(b22));
+    const colorArr = Object.keys(color).sort(
+      (a, b22) => parseFloat(a) - parseFloat(b22)
+    );
     const stopArr = [];
     colorArr.map((item) => {
       const obj = {
@@ -12946,7 +13109,10 @@ const NoticeBar = (props) => {
   };
   const startRollEasy = () => {
     showhorseLamp();
-    const timerCurr = window.setInterval(showhorseLamp, ~~(height / speed / 4) * 1e3 + Number(standTime));
+    const timerCurr = window.setInterval(
+      showhorseLamp,
+      ~~(height / speed / 4) * 1e3 + Number(standTime)
+    );
     SetTimer(timerCurr);
   };
   const showhorseLamp = () => {
@@ -13090,16 +13256,24 @@ const Steps = (props) => {
     propSteps
   };
   const b2 = cn("steps");
-  const classes = classNames({
-    [`${b2("")}-${direction}`]: true,
-    [`${b2("")}-dot`]: !!props.progressDot
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-${direction}`]: true,
+      [`${b2("")}-dot`]: !!props.progressDot
+    },
+    className,
+    b2("")
+  );
   return /* @__PURE__ */ React__default.createElement(DataContext$1.Provider, {
     value: parentSteps
-  }, React__default.createElement("div", {
-    className: classes,
-    ...restProps
-  }, children));
+  }, React__default.createElement(
+    "div",
+    {
+      className: classes,
+      ...restProps
+    },
+    children
+  ));
 };
 Steps.defaultProps = defaultProps$t;
 Steps.displayName = "NutSteps";
@@ -13142,9 +13316,13 @@ const Step = (props) => {
     }
   };
   const b2 = cn("step");
-  const classes = classNames({
-    [`${b2("")}-${getCurrentStatus()}`]: true
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-${getCurrentStatus()}`]: true
+    },
+    className,
+    b2("")
+  );
   const renderIconClass = () => {
     if (!dot && icon) {
       return "nut-step-icon is-icon";
@@ -14458,72 +14636,75 @@ const defaultProps$h = {
 function areEqual(prevProps, nextProps) {
   return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
 }
-const Collapse = memo((props) => {
-  const {
-    children,
-    activeName,
-    accordion,
-    icon,
-    rotate,
-    iconSize,
-    iconColor,
-    change
-  } = {
-    ...defaultProps$h,
-    ...props
-  };
-  const childrenDom = React__default.Children.toArray(children);
-  const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
-  const handleActiveName = () => {
-    let activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      if (accordion && activeName.length > 1) {
-        console.warn("\u624B\u98CE\u7434\u6A21\u5F0F\u4E0D\u652F\u6301\u4F20\u9012\u591A\u4E2A\u6253\u5F00\u9875\u7B7E");
-      }
-      const activeNameStr = activeName.map((item) => {
-        return item.toString();
-      });
-      activeArr = [...activeNameStr];
-    }
-    return activeArr;
-  };
-  const colBem = cn("collapse");
-  useEffect(() => {
-    const activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  const onToggle = (isOpen, name) => {
-    let newOpenIndex = [...defaultOpenIndex];
-    if (isOpen) {
-      const removeIndex = newOpenIndex.findIndex((value) => {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    change && change(!isOpen, name);
-  };
-  return /* @__PURE__ */ React__default.createElement("div", {
-    className: colBem()
-  }, childrenDom.map((item) => {
-    return React__default.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: (isOpen, name) => onToggle(isOpen, name),
+const Collapse = memo(
+  (props) => {
+    const {
+      children,
+      activeName,
+      accordion,
       icon,
       rotate,
       iconSize,
-      iconColor
-    });
-  }));
-}, areEqual);
+      iconColor,
+      change
+    } = {
+      ...defaultProps$h,
+      ...props
+    };
+    const childrenDom = React__default.Children.toArray(children);
+    const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
+    const handleActiveName = () => {
+      let activeArr = [];
+      if (!Array.isArray(activeName)) {
+        activeArr.push(activeName.toString());
+      } else {
+        if (accordion && activeName.length > 1) {
+          console.warn("\u624B\u98CE\u7434\u6A21\u5F0F\u4E0D\u652F\u6301\u4F20\u9012\u591A\u4E2A\u6253\u5F00\u9875\u7B7E");
+        }
+        const activeNameStr = activeName.map((item) => {
+          return item.toString();
+        });
+        activeArr = [...activeNameStr];
+      }
+      return activeArr;
+    };
+    const colBem = cn("collapse");
+    useEffect(() => {
+      const activeArr = handleActiveName();
+      setDefaultOpenIndex(activeArr);
+    }, [activeName]);
+    const onToggle = (isOpen, name) => {
+      let newOpenIndex = [...defaultOpenIndex];
+      if (isOpen) {
+        const removeIndex = newOpenIndex.findIndex((value) => {
+          return value === name;
+        });
+        newOpenIndex.splice(removeIndex, 1);
+      } else {
+        if (accordion) {
+          newOpenIndex = [name];
+        } else {
+          newOpenIndex.push(name);
+        }
+      }
+      setDefaultOpenIndex(newOpenIndex);
+      change && change(!isOpen, name);
+    };
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: colBem()
+    }, childrenDom.map((item) => {
+      return React__default.cloneElement(item, {
+        isOpen: defaultOpenIndex.includes(item.props.name),
+        onToggle: (isOpen, name) => onToggle(isOpen, name),
+        icon,
+        rotate,
+        iconSize,
+        iconColor
+      });
+    }));
+  },
+  areEqual
+);
 Collapse.defaultProps = defaultProps$h;
 Collapse.displayName = "NutCollapse";
 const defaultProps$g = {
@@ -14574,18 +14755,23 @@ const CollapseItem = (props) => {
     setCurrHeight("auto");
     setUpdate(!update2);
   }, [children]);
-  const measuredRef = useCallback((node) => {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [children, update2]);
+  const measuredRef = useCallback(
+    (node) => {
+      if (node !== null) {
+        setDomHeight(node.getBoundingClientRect().height);
+      }
+    },
+    [update2]
+  );
   useEffect(() => {
-    if (domHeight !== -1) {
-      isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
-    }
-    const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
-    setIconStyle(newIconStyle);
-  }, [isOpen, domHeight]);
+    setTimeout(() => {
+      if (domHeight !== -1) {
+        isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
+      }
+      const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
+      setIconStyle(newIconStyle);
+    }, 10);
+  }, [isOpen, domHeight, rotate]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: colBem(),
     ...rest
@@ -14665,8 +14851,12 @@ const CountUp = (props) => {
   const numerArr = getShowNumber();
   const setNumberTransform = () => {
     if (countupRef.current) {
-      const numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
-      const numberFilterArr = numerArr.filter((item) => !Number.isNaN(Number(item)));
+      const numberItems = countupRef.current.querySelectorAll(
+        ".nut-countup__number"
+      );
+      const numberFilterArr = numerArr.filter(
+        (item) => !Number.isNaN(Number(item))
+      );
       Object.keys(numberItems).forEach((key) => {
         const elem = numberItems[Number(key)];
         const idx = Number(numberFilterArr[Number(key)]);
@@ -15123,7 +15313,10 @@ const Table = (props) => {
   const renderHeadCells = () => {
     return columns.map((item, index2) => {
       return /* @__PURE__ */ React__default.createElement("span", {
-        className: classNames("nut-table__main__head__tr__th", cellClasses(item)),
+        className: classNames(
+          "nut-table__main__head__tr__th",
+          cellClasses(item)
+        ),
         key: item.key,
         onClick: () => handleSorterClick(item)
       }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon, {
@@ -15140,7 +15333,10 @@ const Table = (props) => {
   const renderBodyTds = (item) => {
     return sortDataItem().map(([value, render], index2) => {
       return /* @__PURE__ */ React__default.createElement("span", {
-        className: classNames("nut-table__main__body__tr__td", cellClasses(getColumnItem(value))),
+        className: classNames(
+          "nut-table__main__body__tr__td",
+          cellClasses(getColumnItem(value))
+        ),
         key: value
       }, typeof item[value] === "function" || typeof render === "function" ? /* @__PURE__ */ React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
     });
@@ -15512,7 +15708,9 @@ const CustomRender = (props) => {
       return [];
     data.forEach((item) => {
       if (!item.title) {
-        console.error("[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 .");
+        console.error(
+          "[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 ."
+        );
       }
     });
     const newData = [];
@@ -15520,7 +15718,9 @@ const CustomRender = (props) => {
       return a.title.localeCompare(b22.title);
     });
     data.forEach((item) => {
-      const index2 = newData.findIndex((value) => value.title === item.title);
+      const index2 = newData.findIndex(
+        (value) => value.title === item.title
+      );
       if (index2 <= -1) {
         newData.push({
           title: item.title,
@@ -15631,13 +15831,17 @@ const CustomRender = (props) => {
           const val = modelValue[index2];
           const arr = regionList[tabName[index2]];
           if (privateType === "custom") {
-            selectedRegionC[[tabName[index2]]] = arr.filter((item) => item.id === val)[0];
+            selectedRegionC[[tabName[index2]]] = arr.filter(
+              (item) => item.id === val
+            )[0];
           } else if (privateType === "custom2") {
             const sumArr = [];
             arr.forEach((item) => {
               sumArr.push(...item.list);
             });
-            selectedRegionC[[tabName[index2]]] = sumArr.filter((item) => item.id === val)[0];
+            selectedRegionC[[tabName[index2]]] = sumArr.filter(
+              (item) => item.id === val
+            )[0];
           }
           tagIndex = index2;
           setSelectedRegion(selectedRegionC);
@@ -15685,14 +15889,23 @@ const CustomRender = (props) => {
     className: b2("custom")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("region-tab")
-  }, selectedRegion && Object.keys(selectedRegion).map((key, index2) => {
-    return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
-      key: index2,
-      ref: mapRef[key],
-      onClick: () => changeRegionTab(selectedRegion[key], index2, key)
-    }, index2 <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(selectedRegion[key], index2)));
-  }), /* @__PURE__ */ React__default.createElement("div", {
+  }, selectedRegion && Object.keys(selectedRegion).map(
+    (key, index2) => {
+      return /* @__PURE__ */ React__default.createElement("div", {
+        className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
+        key: index2,
+        ref: mapRef[key],
+        onClick: () => changeRegionTab(
+          selectedRegion[key],
+          index2,
+          key
+        )
+      }, index2 <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(
+        selectedRegion[key],
+        index2
+      )));
+    }
+  ), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("tab-line"),
     ref: regionLine,
     style: { left: `${lineDistance}px` }
@@ -15700,21 +15913,23 @@ const CustomRender = (props) => {
     className: b2("region-con")
   }, /* @__PURE__ */ React__default.createElement("ul", {
     className: b2("region-group")
-  }, regionList[tabName[tabIndex]].map((item, index2) => {
-    return /* @__PURE__ */ React__default.createElement("li", {
-      key: index2,
-      className: b2("region-item")
-    }, /* @__PURE__ */ React__default.createElement("div", {
-      onClick: () => {
-        nextAreaList(item);
-      }
-    }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
-      className: b2("region-item--icon"),
-      name: "Check",
-      color: "#FA2C19",
-      size: "13px"
-    }), item.name));
-  }))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
+  }, regionList[tabName[tabIndex]].map(
+    (item, index2) => {
+      return /* @__PURE__ */ React__default.createElement("li", {
+        key: index2,
+        className: b2("region-item")
+      }, /* @__PURE__ */ React__default.createElement("div", {
+        onClick: () => {
+          nextAreaList(item);
+        }
+      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
+        className: b2("region-item--icon"),
+        name: "Check",
+        color: "#FA2C19",
+        size: "13px"
+      }), item.name));
+    }
+  ))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
     className: b2("elevator-group")
   }, /* @__PURE__ */ React__default.createElement(Elevator, {
     height,
@@ -16220,7 +16435,9 @@ const TimeDetail = (props) => {
   const b2 = cn("timedetail");
   const [renderData, setRenderData] = useState([]);
   useEffect(() => {
-    const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
+    const currentData = times.find(
+      (timesItem) => String(timesItem.key) === String(currentKey)
+    );
     const renderData2 = currentData ? currentData.list : [];
     setRenderData(renderData2);
   }, [times, currentKey]);
@@ -16229,7 +16446,9 @@ const TimeDetail = (props) => {
   };
   const getDetailClass = (item) => {
     let initClass = "nut-timedetail__item";
-    const curTimeData = currentTime.find((item2) => String(item2.key) === String(currentKey));
+    const curTimeData = currentTime.find(
+      (item2) => String(item2.key) === String(currentKey)
+    );
     if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
       initClass += " nut-timedetail__item-active";
     }
@@ -16277,12 +16496,14 @@ const TimeSelect = (props) => {
     ...props
   };
   const [activeKey, setActiveKey] = useState(currentKey);
-  const [activeTime, setActiveTime] = useState(currentTime.length ? currentTime : [
-    {
-      key: currentKey,
-      list: []
-    }
-  ]);
+  const [activeTime, setActiveTime] = useState(
+    currentTime.length ? currentTime : [
+      {
+        key: currentKey,
+        list: []
+      }
+    ]
+  );
   const [popVisible, setPopVisible] = useState(visible);
   const popStyle = {
     width: "100%",
@@ -16302,7 +16523,9 @@ const TimeSelect = (props) => {
         break;
       }
     }
-    const curTimeIndex = curTimeData.list.findIndex((item) => String(item) === String(time));
+    const curTimeIndex = curTimeData.list.findIndex(
+      (item) => String(item) === String(time)
+    );
     if (curTimeIndex === -1) {
       curTimeData.list.push(time);
     } else {
@@ -16318,7 +16541,9 @@ const TimeSelect = (props) => {
     if (String(pannelKey) !== String(activeKey)) {
       setActiveKey == null ? void 0 : setActiveKey(pannelKey);
       if (multiple) {
-        const curTimeDataIndex = activeTime.findIndex((item) => String(item.key) === String(pannelKey));
+        const curTimeDataIndex = activeTime.findIndex(
+          (item) => String(item.key) === String(pannelKey)
+        );
         if (curTimeDataIndex === -1) {
           resultTimeData.push({
             key: pannelKey,