@nutui/nutui-react 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.0-beta.1 Wed Jun 21 2023 15:03:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:20:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2498,6 +2498,28 @@ Check the top-level render call using <` + t + ">.");
   );
   Button.displayName = "NutButton";
   const defaultProps$1p = {
+    ...ComponentDefaults,
+    title: "",
+    description: "",
+    divider: true
+  };
+  const classPrefix$n = "nut-cell-group";
+  const CellGroup = (props) => {
+    const { children, className, style, title, description, divider, ...rest } = {
+      ...defaultProps$1p,
+      ...props
+    };
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$n, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `${classPrefix$n}__wrap ${divider ? `${classPrefix$n}__wrap--divider` : ""}`
+      },
+      children
+    ));
+  };
+  CellGroup.defaultProps = defaultProps$1p;
+  CellGroup.displayName = "NutCellGroup";
+  const defaultProps$1o = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2507,7 +2529,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$n = "nut-cell";
+  const classPrefix$m = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2521,7 +2543,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1o,
       ...props
     };
     const handleClick2 = (event) => {
@@ -2538,45 +2560,24 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$n, className),
+        className: classNames(classPrefix$m, className),
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$n}__extra`,
+          className: `${classPrefix$m}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1p;
+  Cell.defaultProps = defaultProps$1o;
   Cell.displayName = "NutCell";
-  const defaultProps$1o = {
-    ...ComponentDefaults,
-    title: "",
-    description: "",
-    divider: true
-  };
-  const classPrefix$m = "nut-cell-group";
-  const CellGroup = (props) => {
-    const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1o,
-      ...props
-    };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${classPrefix$m}__wrap ${divider ? `${classPrefix$m}__wrap--divider` : ""}`
-      },
-      children
-    ));
-  };
-  CellGroup.defaultProps = defaultProps$1o;
-  CellGroup.displayName = "NutCellGroup";
+  Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
   var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
@@ -9015,8 +9016,8 @@ Please add \`${key}Action\` when creating your handler.`);
       showKeys,
       className,
       style,
-      onClickItem,
-      onClickIndex,
+      onItemClick,
+      onIndexClick,
       children,
       ...rest
     } = {
@@ -9098,12 +9099,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     const handleClickItem = (key, item) => {
-      onClickItem && onClickItem(key, item);
+      onItemClick && onItemClick(key, item);
       setCurrentData(item);
       setCurrentKey(key);
     };
     const handleClickIndex = (key) => {
-      onClickIndex && onClickIndex(key);
+      onIndexClick && onIndexClick(key);
     };
     const setListGroup = () => {
       if (listview.current) {
@@ -9301,7 +9302,7 @@ Please add \`${key}Action\` when creating your handler.`);
       safeAreaInsetTop,
       placeholder,
       zIndex,
-      onClickBack
+      onBackClick
     } = {
       ...defaultProps$1b,
       ...props
@@ -9319,7 +9320,7 @@ Please add \`${key}Action\` when creating your handler.`);
         "div",
         {
           className: `${classPrefix2}__left__back`,
-          onClick: (e) => onClickBack(e)
+          onClick: (e) => onBackClick(e)
         },
         back
       ), left);
@@ -11100,8 +11101,8 @@ Please add \`${key}Action\` when creating your handler.`);
     },
     onClose: () => {
     },
-    onClickOverlay: (e) => true,
-    onClickCloseIcon: (e) => true,
+    onOverlayClick: (e) => true,
+    onCloseIconClick: (e) => true,
     ...defaultOverlayProps
   };
   let _zIndex = 1e3;
@@ -11130,8 +11131,8 @@ Please add \`${key}Action\` when creating your handler.`);
       portal,
       onOpen,
       onClose,
-      onClickOverlay,
-      onClickCloseIcon,
+      onOverlayClick,
+      onCloseIconClick,
       afterShow,
       afterClose,
       onClick
@@ -11187,7 +11188,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const onHandleClickOverlay = (e) => {
       e.stopPropagation();
       if (closeOnOverlayClick) {
-        const closed = onClickOverlay && onClickOverlay(e);
+        const closed = onOverlayClick && onOverlayClick(e);
         closed && close();
       }
     };
@@ -11195,7 +11196,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick && onClick(e);
     };
     const onHandleClickCloseIcon = (e) => {
-      const closed = onClickCloseIcon && onClickCloseIcon(e);
+      const closed = onCloseIconClick && onCloseIconClick(e);
       closed && close();
     };
     const onHandleOpened = (e) => {
@@ -12290,8 +12291,8 @@ Please add \`${key}Action\` when creating your handler.`);
         closeIconPosition,
         title: popup && props.title,
         left: props.left,
-        onClickOverlay: closePopup,
-        onClickCloseIcon: closePopup
+        onOverlayClick: closePopup,
+        onCloseIconClick: closePopup
       },
       renderTabs()
     ) : renderTabs());
@@ -12543,7 +12544,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return dayNames[index];
     },
     /**
-     * 返回星期数
+     * 返回上一个月在当前面板中的天数
      * @return {Number}
      */
     getMonthPreDay(year, month) {
@@ -12632,9 +12633,140 @@ Please add \`${key}Action\` when creating your handler.`);
         return true;
       }
       return false;
+    },
+    getMonthWeek(year, month, date2, firstDayOfWeek = 0) {
+      const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date2));
+      let w = dateNow.getDay();
+      const d = dateNow.getDate();
+      let remainder = 6 - w;
+      if (firstDayOfWeek !== 0) {
+        w = w === 0 ? 7 : w;
+        remainder = 7 - w;
+      }
+      return Math.ceil((d + remainder) / 7);
+    },
+    getYearWeek(year, month, date2, firstDayOfWeek = 0) {
+      const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date2));
+      const dateFirst = new Date(Number(year), 0, 1);
+      const dataNumber = Math.round(
+        (dateNow.valueOf() - dateFirst.valueOf()) / 864e5
+      );
+      return Math.ceil((dataNumber + (dateFirst.getDay() + 1 - 1)) / 7);
+    },
+    getWeekDate(year, month, date2, firstDayOfWeek = 0) {
+      const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date2));
+      const nowTime = dateNow.getTime();
+      let day = dateNow.getDay();
+      if (firstDayOfWeek === 0) {
+        const oneDayTime2 = 24 * 60 * 60 * 1e3;
+        const SundayTime2 = nowTime - day * oneDayTime2;
+        const SaturdayTime = nowTime + (6 - day) * oneDayTime2;
+        const sunday2 = this.date2Str(new Date(SundayTime2));
+        const saturday = this.date2Str(new Date(SaturdayTime));
+        return [sunday2, saturday];
+      }
+      day = day === 0 ? 7 : day;
+      const oneDayTime = 24 * 60 * 60 * 1e3;
+      const MondayTime = nowTime - (day - 1) * oneDayTime;
+      const SundayTime = nowTime + (7 - day) * oneDayTime;
+      const monday = this.date2Str(new Date(MondayTime));
+      const sunday = this.date2Str(new Date(SundayTime));
+      return [monday, sunday];
+    },
+    formatResultDate(date2) {
+      const days = [...date2.split("-")];
+      days[2] = Utils.getNumTwoBit(Number(days[2]));
+      days[3] = `${days[0]}-${days[1]}-${days[2]}`;
+      days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+      return days;
+    }
+  };
+  const getCurrMonthData = (type2, year, month) => {
+    switch (type2) {
+      case "prev":
+        month === 1 && (year -= 1);
+        month = month === 1 ? 12 : --month;
+        break;
+      case "next":
+        month === 12 && (year += 1);
+        month = month === 12 ? 1 : ++month;
+        break;
+    }
+    return [
+      year,
+      Utils.getNumTwoBit(month),
+      Utils.getMonthDays(String(year), String(month))
+    ];
+  };
+  const getDaysStatus = (type2, year, month) => {
+    let days = Utils.getMonthDays(`${year}`, `${month}`);
+    if (type2 === "prev" && days >= 7) {
+      days -= 7;
+    }
+    return Array.from(Array(days), (v, k2) => {
+      return {
+        day: k2 + 1,
+        type: type2,
+        year,
+        month
+      };
+    });
+  };
+  const getPreMonthDates = (type2, year, month, firstDayOfWeek) => {
+    let preMonth = +month - 1;
+    let preYear = year;
+    if (preMonth <= 0) {
+      preMonth = 12;
+      preYear += 1;
+    }
+    let days = Utils.getMonthPreDay(+year, +month);
+    days -= firstDayOfWeek;
+    if (type2 === "prev" && days >= 7) {
+      days -= 7;
+    }
+    const preDates = Utils.getMonthDays(`${preYear}`, `${preMonth}`);
+    const months = Array.from(Array(preDates), (v, k2) => {
+      return {
+        day: k2 + 1,
+        type: type2,
+        preYear,
+        preMonth
+      };
+    });
+    return months.slice(preDates - days);
+  };
+  const splitDate = (date2) => {
+    const split = date2.indexOf("-") !== -1 ? "-" : "/";
+    return date2.split(split);
+  };
+  const isMultiple = (day, days) => {
+    if (days.length > 0) {
+      return days.some((item) => {
+        return Utils.isEqual(item, day);
+      });
     }
+    return false;
+  };
+  const isCurrDay = (month, day) => {
+    const date2 = `${month.curData[0]}/${month.curData[1]}/${day}`;
+    return Utils.isEqual(date2, Utils.date2Str(/* @__PURE__ */ new Date(), "/"));
+  };
+  const getCurrDate = (day, month) => {
+    return `${month.curData[0]}/${month.curData[1]}/${Utils.getNumTwoBit(
+      +day.day
+    )}`;
+  };
+  const isStart = (day, days) => {
+    return Utils.isEqual(days[0], day);
+  };
+  const isEnd = (day, days) => {
+    return Utils.isEqual(days[1], day);
+  };
+  const isStartAndEnd = (days) => {
+    return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
   const defaultProps$_ = {
+    ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -12648,6 +12780,7 @@ Please add \`${key}Action\` when creating your handler.`);
     showTitle: true,
     showSubTitle: true,
     scrollAnimation: true,
+    firstDayOfWeek: 0,
     renderHeaderButtons: void 0,
     renderDay: void 0,
     renderDayTop: void 0,
@@ -12656,7 +12789,7 @@ Please add \`${key}Action\` when creating your handler.`);
     },
     onUpdate: () => {
     },
-    onClickDay: (data) => {
+    onDayClick: (data) => {
     },
     onPageChange: (data) => {
     }
@@ -12664,11 +12797,13 @@ Please add \`${key}Action\` when creating your handler.`);
   const CalendarItem = React.forwardRef((props, ref) => {
     const { locale } = useConfig();
     const {
+      popup,
       type: type2,
       autoBackfill,
-      popup,
       title,
       defaultValue,
+      startDate,
+      endDate,
       showToday,
       startText,
       endText,
@@ -12676,28 +12811,29 @@ Please add \`${key}Action\` when creating your handler.`);
       showTitle,
       showSubTitle,
       scrollAnimation,
+      firstDayOfWeek,
       renderHeaderButtons,
       renderDay,
       renderDayTop,
       renderDayBottom,
       onConfirm,
       onUpdate,
-      onClickDay,
+      onDayClick,
       onPageChange
     } = { ...defaultProps$_, ...props };
-    const weeks = locale.calendaritem.weekdays;
+    const weekdays = locale.calendaritem.weekdays;
+    const weeks = [
+      ...weekdays.slice(firstDayOfWeek, 7),
+      ...weekdays.slice(0, firstDayOfWeek)
+    ];
     const monthTitle = locale.calendaritem.monthTitle;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
     const [monthsNum, setMonthsNum] = React.useState(0);
     const [translateY, setTranslateY] = React.useState(0);
     const [monthDefaultRange, setMonthDefaultRange] = React.useState([]);
-    const propStartDate = props.startDate || Utils.getDay(0);
-    const propEndDate = props.endDate || Utils.getDay(365);
-    const splitDate = (date2) => {
-      const split = date2.indexOf("-") !== -1 ? "-" : "/";
-      return date2.split(split);
-    };
+    const propStartDate = startDate || Utils.getDay(0);
+    const propEndDate = endDate || Utils.getDay(365);
     const startDates = splitDate(propStartDate);
     const endDates = splitDate(propEndDate);
     const [state] = React.useState({
@@ -12724,171 +12860,49 @@ Please add \`${key}Action\` when creating your handler.`);
     let viewHeight = 0;
     const classPrefix2 = "nut-calendar";
     const dayPrefix = "nut-calendar-day";
-    const classes = classNames(
-      {
-        [`${classPrefix2}-title`]: !popup,
-        [`${classPrefix2}-nofooter`]: !!autoBackfill
-      },
-      classPrefix2
-    );
-    const headerClasses = classNames({
-      [`${classPrefix2}-header`]: true,
-      [`${classPrefix2}-header-title`]: !popup
-    });
-    const isMultiple = (d) => {
-      if (currentDate.length > 0) {
-        return currentDate.some((item) => {
-          return Utils.isEqual(item, d);
-        });
-      }
-      return false;
-    };
-    const getCurrDate = (day, month) => {
-      return `${month.curData[0]}/${month.curData[1]}/${Utils.getNumTwoBit(
-        +day.day
-      )}`;
-    };
-    const getClasses = (day, month) => {
-      const dateStr = getCurrDate(day, month);
-      if (day.type === "active") {
-        if (propStartDate && Utils.compareDate(dateStr, propStartDate) || propEndDate && Utils.compareDate(propEndDate, dateStr)) {
-          return `${dayPrefix}-disabled`;
-        }
-        if (type2 === "range") {
-          if (isStart(dateStr) || isEnd(dateStr)) {
-            return `${dayPrefix}-active ${isStart(dateStr) ? "active-start" : ""} ${isEnd(dateStr) ? "active-end" : ""}`;
-          }
-          if (Array.isArray(currentDate) && Object.values(currentDate).length === 2 && Utils.compareDate(currentDate[0], dateStr) && Utils.compareDate(dateStr, currentDate[1])) {
-            return `${dayPrefix}-choose`;
-          }
-          return null;
-        }
-        if (type2 === "multiple" && isMultiple(dateStr) || !Array.isArray(currentDate) && Utils.isEqual(currentDate, dateStr)) {
-          return `${dayPrefix}-active`;
-        }
-        return null;
-      }
-      return `${dayPrefix}-disabled`;
-    };
-    const isCurrDay = (month, day) => {
-      const date2 = `${month.curData[0]}/${month.curData[1]}/${day}`;
-      return Utils.isEqual(date2, Utils.date2Str(/* @__PURE__ */ new Date(), "/"));
-    };
-    const isStart = (d) => {
-      return Utils.isEqual(currentDate[0], d);
-    };
-    const isEnd = (d) => {
-      return Utils.isEqual(currentDate[1], d);
-    };
-    const isStartTip = (day, month) => {
-      return type2 === "range" && day.type === "active" && isStart(getCurrDate(day, month));
-    };
-    const isEndTip = (day, month) => {
-      return currentDate.length >= 2 && type2 === "range" && day.type === "active" && isEnd(getCurrDate(day, month));
-    };
-    const isStartAndEnd = () => {
-      return currentDate.length >= 2 && Utils.isEqual(currentDate[0], currentDate[1]);
-    };
-    const getCurrMonthData = (type22) => {
-      const monthData = type22 === "prev" ? monthsData[0] : monthsData[monthsData.length - 1];
-      let year = parseInt(monthData.curData[0]);
-      let month = parseInt(monthData.curData[1].toString().replace(/^0/, ""));
-      switch (type22) {
-        case "prev":
-          month === 1 && (year -= 1);
-          month = month === 1 ? 12 : --month;
-          break;
-        case "next":
-          month === 12 && (year += 1);
-          month = month === 12 ? 1 : ++month;
-          break;
-      }
-      return [
-        year,
-        Utils.getNumTwoBit(month),
-        Utils.getMonthDays(String(year), String(month))
-      ];
-    };
-    const getDaysStatus = (days, type22, year, month) => {
-      if (type22 === "prev" && days >= 7) {
-        days -= 7;
-      }
-      return Array.from(Array(days), (v, k2) => {
-        return {
-          day: k2 + 1,
-          type: type22,
-          year,
-          month
-        };
-      });
-    };
-    const getPreDaysStatus = (days, type22, year, month, preCurrMonthDays) => {
-      if (type22 === "prev" && days >= 7) {
-        days -= 7;
-      }
-      const months = Array.from(Array(preCurrMonthDays), (v, k2) => {
-        return {
-          day: k2 + 1,
-          type: type22,
-          year,
-          month
+    const getMonthData = (curData, monthNum, type22) => {
+      let i = 0;
+      let date2 = curData;
+      const monthData = monthsData;
+      do {
+        const y2 = parseInt(date2[0], 10);
+        const m = parseInt(date2[1], 10);
+        const days = [
+          ...getPreMonthDates("prev", y2, m, firstDayOfWeek),
+          ...getDaysStatus("active", y2, m)
+        ];
+        const cssHeight = 39 + (days.length > 35 ? 384 : 320);
+        let scrollTop = 0;
+        if (monthData.length > 0) {
+          const monthEle = monthData[monthData.length - 1];
+          scrollTop = monthEle.scrollTop + monthEle.cssHeight;
+        }
+        const monthInfo = {
+          curData: date2,
+          title: monthTitle(y2, m),
+          monthData: days,
+          cssHeight,
+          scrollTop
         };
-      });
-      return months.slice(preCurrMonthDays - days);
-    };
-    const getMonthData = (curData, type22) => {
-      let preMonth = +curData[1] - 1;
-      let preYear = curData[0];
-      if (preMonth <= 0) {
-        preMonth = 12;
-        preYear += 1;
-      }
-      const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
-      const currMonthDays = Utils.getMonthDays(curData[0], curData[1]);
-      const preCurrMonthDays = Utils.getMonthDays(`${preYear}`, `${preMonth}`);
-      const monthInfo = {
-        curData,
-        title: monthTitle(curData[0], curData[1]),
-        monthData: [
-          ...getPreDaysStatus(
-            preMonthDays,
-            "prev",
-            `${preMonth}`,
-            preYear,
-            preCurrMonthDays
-          ),
-          ...getDaysStatus(
-            currMonthDays,
-            "active",
-            curData[0],
-            curData[1]
-          )
-        ]
-      };
-      monthInfo.cssHeight = 39 + (monthInfo.monthData.length > 35 ? 384 : 320);
-      let scrollTop = 0;
-      if (monthsData.length > 0) {
-        const monthEle = monthsData[monthsData.length - 1];
-        scrollTop = monthEle.scrollTop + monthEle.cssHeight;
-      }
-      monthInfo.scrollTop = scrollTop;
-      if (type22 === "next") {
-        if (!endDates || !Utils.compareDate(
-          `${endDates[0]}/${endDates[1]}/${Utils.getMonthDays(
-            endDates[0],
-            endDates[1]
-          )}`,
-          `${curData[0]}/${curData[1]}/${curData[2]}`
+        if (type22 === "next") {
+          if (!endDates || !Utils.compareDate(
+            `${endDates[0]}/${endDates[1]}/${Utils.getMonthDays(
+              endDates[0],
+              endDates[1]
+            )}`,
+            `${curData[0]}/${curData[1]}/${curData[2]}`
+          )) {
+            monthData.push(monthInfo);
+          }
+        } else if (!startDates || !Utils.compareDate(
+          `${curData[0]}/${curData[1]}/${curData[2]}`,
+          `${startDates[0]}/${startDates[1]}/01`
         )) {
-          monthsData.push(monthInfo);
+          monthData.unshift(monthInfo);
         }
-      } else if (!startDates || !Utils.compareDate(
-        `${curData[0]}/${curData[1]}/${curData[2]}`,
-        `${startDates[0]}/${startDates[1]}/01`
-      )) {
-        monthsData.unshift(monthInfo);
-      }
-      setMonthsData(monthsData);
+        date2 = getCurrMonthData("next", y2, m);
+      } while (i++ < monthNum);
+      setMonthsData(monthData);
     };
     const setReachedYearMonthInfo = (current) => {
       const currentMonthsData = monthsData[current];
@@ -12920,48 +12934,11 @@ Please add \`${key}Action\` when creating your handler.`);
       setTranslateY(monthsData[start2].scrollTop);
       setReachedYearMonthInfo(current);
     };
-    const monthsViewScroll = (e) => {
-      if (monthsData.length <= 1) {
-        return;
-      }
-      const scrollTop = e.target.scrollTop;
-      let current = Math.floor(scrollTop / avgHeight);
-      const nextTop = monthsData[current + 1].scrollTop;
-      const nextHeight = monthsData[current + 1].cssHeight;
-      if (current === 0) {
-        if (scrollTop >= nextTop) {
-          current += 1;
-        }
-      } else if (current > 0 && current < monthsNum - 1) {
-        if (scrollTop >= nextTop) {
-          current += 1;
-        }
-        if (scrollTop < monthsData[current].scrollTop) {
-          current -= 1;
-        }
-      } else {
-        const viewPosition = Math.round(scrollTop + viewHeight);
-        if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
-          current += 1;
-        }
-        if (current >= 1 && scrollTop < monthsData[current - 1].scrollTop) {
-          current -= 1;
-        }
-      }
-      setDefaultRange(monthsNum, current);
-    };
     const getMonthNum = () => {
-      const startDate = {
-        year: Number(startDates[0]),
-        month: Number(startDates[1])
-      };
-      const endDate = {
-        year: Number(endDates[0]),
-        month: Number(endDates[1])
-      };
-      let monthNum = endDate.month - startDate.month;
-      if (endDate.year - startDate.year > 0) {
-        monthNum += 12 * (endDate.year - startDate.year);
+      let monthNum = Number(endDates[1]) - Number(startDates[1]);
+      const yearNum = Number(endDates[0]) - Number(startDates[0]);
+      if (yearNum > 0) {
+        monthNum += 12 * yearNum;
       }
       if (monthNum <= 0) {
         monthNum = 1;
@@ -12969,26 +12946,7 @@ Please add \`${key}Action\` when creating your handler.`);
       setMonthsNum(monthNum);
       return monthNum;
     };
-    const getMonthsData = (monthNum) => {
-      getMonthData(startDates, "next");
-      let i = 1;
-      do {
-        getMonthData(getCurrMonthData("next"), "next");
-      } while (i++ < monthNum);
-    };
-    const requestAniFrameFunc = (current, monthNum) => {
-      const lastItem = monthsData[monthsData.length - 1];
-      const containerHeight = lastItem.cssHeight + lastItem.scrollTop;
-      requestAniFrame$1(() => {
-        if (monthsRef && monthsPanel && viewAreaRef) {
-          viewHeight = monthsRef.current.clientHeight;
-          monthsPanel.current.style.height = `${containerHeight}px`;
-          monthsRef.current.scrollTop = monthsData[current].scrollTop;
-        }
-      });
-      setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
-    };
-    const renderCurrentDate = () => {
+    const setDefaultDate = () => {
       let defaultData = [];
       if (type2 === "range" && Array.isArray(currentDate)) {
         if (currentDate.length > 0) {
@@ -13003,7 +12961,7 @@ Please add \`${key}Action\` when creating your handler.`);
             ...splitDate(currentDate[1])
           ];
         }
-      } else if (props.type === "multiple" && Array.isArray(currentDate)) {
+      } else if (type2 === "multiple" && Array.isArray(currentDate)) {
         if (currentDate.length > 0) {
           const defaultArr = [];
           const obj = {};
@@ -13018,6 +12976,22 @@ Please add \`${key}Action\` when creating your handler.`);
           currentDate.splice(0) && currentDate.push(...defaultArr);
           defaultData = [...splitDate(defaultArr[0])];
         }
+      } else if (type2 === "week" && Array.isArray(currentDate)) {
+        if (currentDate.length > 0) {
+          const [y2, m, d] = splitDate(currentDate[0]);
+          const weekArr = Utils.getWeekDate(y2, m, d, firstDayOfWeek);
+          currentDate.splice(0) && currentDate.push(...weekArr);
+          if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
+            currentDate.splice(0, 1, propStartDate);
+          }
+          if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
+            currentDate.splice(1, 1, propEndDate);
+          }
+          defaultData = [
+            ...splitDate(currentDate[0]),
+            ...splitDate(currentDate[1])
+          ];
+        }
       } else if (currentDate) {
         if (currentDate.length > 0) {
           if (propStartDate && Utils.compareDate(currentDate, propStartDate)) {
@@ -13031,6 +13005,9 @@ Please add \`${key}Action\` when creating your handler.`);
           defaultData = [];
         }
       }
+      return defaultData;
+    };
+    const getCurrentIndex = (defaultData) => {
       let current = 0;
       let lastCurrent = 0;
       if (defaultData.length > 0) {
@@ -13038,38 +13015,53 @@ Please add \`${key}Action\` when creating your handler.`);
           if (item.title === monthTitle(defaultData[0], defaultData[1])) {
             current = index;
           }
-          if (props.type === "range") {
+          if (type2 === "range" || type2 === "week") {
             if (item.title === monthTitle(defaultData[3], defaultData[4])) {
               lastCurrent = index;
             }
           }
         });
       } else {
-        const currentYear2 = (/* @__PURE__ */ new Date()).getFullYear();
-        const currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
-        const currentYearMonthIndex = monthsData.findIndex((item) => {
-          return +item.curData[0] === currentYear2 && +item.curData[1] === currentMonth;
+        const date2 = /* @__PURE__ */ new Date();
+        const year = date2.getFullYear();
+        const month = date2.getMonth() + 1;
+        const index = monthsData.findIndex((item) => {
+          return +item.curData[0] === year && +item.curData[1] === month;
         });
-        if (currentYearMonthIndex > -1) {
-          current = currentYearMonthIndex;
+        if (index > -1) {
+          current = index;
         }
       }
+      return {
+        current,
+        lastCurrent
+      };
+    };
+    const renderCurrentDate = () => {
+      const defaultData = setDefaultDate();
+      const current = getCurrentIndex(defaultData);
       if (defaultData.length > 0) {
         if (type2 === "range") {
           chooseDay(
             { day: defaultData[2], type: "active" },
-            monthsData[current],
+            monthsData[current.current],
             true
           );
           chooseDay(
             { day: defaultData[5], type: "active" },
-            monthsData[lastCurrent],
+            monthsData[current.lastCurrent],
+            true
+          );
+        } else if (props.type === "week") {
+          chooseDay(
+            { day: defaultData[2], type: "curr" },
+            monthsData[current.current],
             true
           );
         } else if (type2 === "multiple") {
           [...currentDate].forEach((item) => {
             const dateArr = splitDate(item);
-            let currentIndex = current;
+            let currentIndex = current.current;
             monthsData.forEach((item2, index) => {
               if (item2.title === monthTitle(dateArr[0], dateArr[1])) {
                 currentIndex = index;
@@ -13084,25 +13076,44 @@ Please add \`${key}Action\` when creating your handler.`);
         } else {
           chooseDay(
             { day: defaultData[2], type: "active" },
-            monthsData[current],
+            monthsData[current.current],
             true
           );
         }
       }
-      return current;
+      return current.current;
+    };
+    const requestAniFrameFunc = (current, monthNum) => {
+      const lastItem = monthsData[monthsData.length - 1];
+      const containerHeight = lastItem.cssHeight + lastItem.scrollTop;
+      requestAniFrame$1(() => {
+        if (monthsRef && monthsPanel && viewAreaRef) {
+          viewHeight = monthsRef.current.clientHeight;
+          monthsPanel.current.style.height = `${containerHeight}px`;
+          monthsRef.current.scrollTop = monthsData[current].scrollTop;
+        }
+      });
+      setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
     };
     const initData = () => {
       const monthNum = getMonthNum();
-      getMonthsData(monthNum);
+      getMonthData(startDates, monthNum, "next");
       const current = renderCurrentDate();
       setDefaultRange(monthNum, current);
       requestAniFrameFunc(current, monthNum);
     };
+    React.useEffect(() => {
+      initData();
+    }, []);
     const resetRender = () => {
       state.currDateArray.splice(0);
       monthsData.splice(0);
       initData();
     };
+    React.useEffect(() => {
+      setCurrentDate(resetDefaultValue() || []);
+      popup && resetRender();
+    }, [defaultValue]);
     const scrollToDate = (date2) => {
       if (Utils.compareDate(date2, propStartDate)) {
         date2 = propStartDate;
@@ -13137,30 +13148,67 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       });
     };
-    React.useEffect(() => {
-      initData();
-    }, []);
-    React.useEffect(() => {
-      setCurrentDate(resetDefaultValue() || []);
-      popup && resetRender();
-    }, [defaultValue]);
-    React.useImperativeHandle(ref, () => ({
-      scrollToDate
-    }));
-    const confirm2 = () => {
-      if (type2 === "range" && state.currDateArray.length === 2 || type2 !== "range") {
-        const chooseData = state.currDateArray.slice(0);
-        onConfirm && onConfirm(chooseData);
-        if (popup) {
-          onUpdate && onUpdate();
-        }
-      }
-    };
+    const monthsViewScroll = (e) => {
+      if (monthsData.length <= 1) {
+        return;
+      }
+      const scrollTop = e.target.scrollTop;
+      let current = Math.floor(scrollTop / avgHeight);
+      const nextTop = monthsData[current + 1].scrollTop;
+      const nextHeight = monthsData[current + 1].cssHeight;
+      if (current === 0) {
+        if (scrollTop >= nextTop) {
+          current += 1;
+        }
+      } else if (current > 0 && current < monthsNum - 1) {
+        if (scrollTop >= nextTop) {
+          current += 1;
+        }
+        if (scrollTop < monthsData[current].scrollTop) {
+          current -= 1;
+        }
+      } else {
+        const viewPosition = Math.round(scrollTop + viewHeight);
+        if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
+          current += 1;
+        }
+        if (current >= 1 && scrollTop < monthsData[current - 1].scrollTop) {
+          current -= 1;
+        }
+      }
+      setDefaultRange(monthsNum, current);
+    };
+    React.useImperativeHandle(ref, () => ({
+      scrollToDate
+    }));
+    const getClasses = (day, month) => {
+      const dateStr = getCurrDate(day, month);
+      if (day.type === "active") {
+        if (propStartDate && Utils.compareDate(dateStr, propStartDate) || propEndDate && Utils.compareDate(propEndDate, dateStr)) {
+          return `${dayPrefix}-disabled`;
+        }
+        if (type2 === "range" || type2 === "week") {
+          if (isStart(dateStr, currentDate) || isEnd(dateStr, currentDate)) {
+            return `${dayPrefix}-active ${isStart(dateStr, currentDate) ? "active-start" : ""} ${isEnd(dateStr, currentDate) ? "active-end" : ""}`;
+          }
+          if (Array.isArray(currentDate) && Object.values(currentDate).length === 2 && Utils.compareDate(currentDate[0], dateStr) && Utils.compareDate(dateStr, currentDate[1])) {
+            return `${dayPrefix}-choose`;
+          }
+          return null;
+        }
+        if (type2 === "multiple" && isMultiple(dateStr, currentDate) || !Array.isArray(currentDate) && Utils.isEqual(currentDate, dateStr)) {
+          return `${dayPrefix}-active`;
+        }
+        return null;
+      }
+      return `${dayPrefix}-disabled`;
+    };
     const chooseDay = (day, month, isFirst) => {
       if (getClasses(day, month) === `${dayPrefix}-disabled`) {
         return;
       }
       const days = [...month.curData];
+      const [y2, m] = month.curData;
       days[2] = typeof day.day === "number" ? Utils.getNumTwoBit(day.day) : day.day;
       days[3] = `${days[0]}/${days[1]}/${days[2]}`;
       days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
@@ -13197,67 +13245,109 @@ Please add \`${key}Action\` when creating your handler.`);
           Array.isArray(currentDate) && currentDate.unshift(days[3]);
           state.currDateArray = [[...days], ...state.currDateArray];
         }
+      } else if (type2 === "week") {
+        const weekArr = Utils.getWeekDate(y2, m, `${day.day}`, firstDayOfWeek);
+        if (propStartDate && Utils.compareDate(weekArr[0], propStartDate)) {
+          weekArr.splice(0, 1, propStartDate);
+        }
+        if (propEndDate && Utils.compareDate(propEndDate, weekArr[1])) {
+          weekArr.splice(1, 1, propEndDate);
+        }
+        Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(...weekArr);
+        state.currDateArray = [
+          Utils.formatResultDate(weekArr[0]),
+          Utils.formatResultDate(weekArr[1])
+        ];
       } else {
         setCurrentDate(days[3]);
         state.currDateArray = [...days];
       }
       if (!isFirst) {
-        onClickDay && onClickDay(state.currDateArray);
+        onDayClick && onDayClick(state.currDateArray);
         if (autoBackfill || !popup) {
           confirm2();
         }
       }
       setMonthsData(monthsData.slice());
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes }, /* @__PURE__ */ React.createElement("div", { className: headerClasses }, showTitle && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.calendaritem.title), renderHeaderButtons && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header-buttons` }, renderHeaderButtons()), showSubTitle && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-sub-title` }, yearMonthTitle), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-weeks`, ref: weeksPanel }, weeks.map((item) => /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-week-item`, key: item }, item)))), /* @__PURE__ */ React.createElement(
-      "div",
+    const confirm2 = () => {
+      if (type2 === "range" && state.currDateArray.length === 2 || type2 !== "range") {
+        const chooseData = state.currDateArray.slice(0);
+        onConfirm && onConfirm(chooseData);
+        if (popup) {
+          onUpdate && onUpdate();
+        }
+      }
+    };
+    const classes = classNames(
       {
-        className: `${classPrefix2}-content`,
-        onScroll: monthsViewScroll,
-        ref: monthsRef
+        [`${classPrefix2}-title`]: !popup,
+        [`${classPrefix2}-nofooter`]: !!autoBackfill
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-pannel`, ref: monthsPanel }, /* @__PURE__ */ React.createElement(
+      classPrefix2
+    );
+    const headerClasses = classNames({
+      [`${classPrefix2}-header`]: true,
+      [`${classPrefix2}-header-title`]: !popup
+    });
+    const isStartTip = (day, month) => {
+      return (type2 === "range" || type2 === "week") && day.type === "active" && isStart(getCurrDate(day, month), currentDate);
+    };
+    const isEndTip = (day, month) => {
+      return currentDate.length >= 2 && (type2 === "range" || type2 === "week") && day.type === "active" && isEnd(getCurrDate(day, month), currentDate);
+    };
+    const renderHeader = () => {
+      return /* @__PURE__ */ React.createElement("div", { className: headerClasses }, showTitle && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.calendaritem.title), renderHeaderButtons && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header-buttons` }, renderHeaderButtons()), showSubTitle && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-sub-title` }, yearMonthTitle), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-weeks`, ref: weeksPanel }, weeks.map((item) => /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-week-item`, key: item }, item))));
+    };
+    const renderContent = () => {
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: "viewArea",
-          ref: viewAreaRef,
-          style: { transform: `translateY(${translateY}px)` }
+          className: `${classPrefix2}-content`,
+          onScroll: monthsViewScroll,
+          ref: monthsRef
         },
-        monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
-          return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map((day, i) => /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: [
-                `${classPrefix2}-day`,
-                getClasses(day, month)
-              ].join(" "),
-              onClick: () => {
-                chooseDay(day, month);
-              },
-              key: i
-            },
-            /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-day` }, renderDay ? renderDay(day) : day.day),
-            !isStartTip(day, month) && renderDayTop && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-top` }, renderDayTop(day)),
-            !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: `${classPrefix2}-day-info-bottom`
-              },
-              renderDayBottom(day)
-            ),
-            !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-curr` }, locale.calendaritem.today),
-            isStartTip(day, month) && /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-pannel`, ref: monthsPanel }, /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "viewArea",
+            ref: viewAreaRef,
+            style: { transform: `translateY(${translateY}px)` }
+          },
+          monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
+            return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map((day, i) => /* @__PURE__ */ React.createElement(
               "div",
               {
-                className: `${classPrefix2}-day-info ${isStartAndEnd() ? `${classPrefix2}-day-info-top` : ""}`
+                className: [
+                  `${classPrefix2}-day`,
+                  getClasses(day, month)
+                ].join(" "),
+                onClick: () => {
+                  chooseDay(day, month);
+                },
+                key: i
               },
-              startText || locale.calendaritem.start
-            ),
-            isEndTip(day, month) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info` }, endText || locale.calendaritem.end)
-          ))));
-        })
-      ))
-    ), popup && !autoBackfill ? /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm)) : ""));
+              /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-day` }, renderDay ? renderDay(day) : day.day),
+              !isStartTip(day, month) && renderDayTop && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-top` }, renderDayTop(day)),
+              !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-bottom` }, renderDayBottom(day)),
+              !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-curr` }, locale.calendaritem.today),
+              isStartTip(day, month) && /* @__PURE__ */ React.createElement(
+                "div",
+                {
+                  className: `${classPrefix2}-day-info ${isStartAndEnd(currentDate) ? `${classPrefix2}-day-info-top` : ""}`
+                },
+                startText || locale.calendaritem.start
+              ),
+              isEndTip(day, month) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info` }, endText || locale.calendaritem.end)
+            ))));
+          })
+        ))
+      );
+    };
+    const renderFooter = () => {
+      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
   });
   CalendarItem.defaultProps = defaultProps$_;
   CalendarItem.displayName = "NutCalendarItem";
@@ -13277,6 +13367,7 @@ Please add \`${key}Action\` when creating your handler.`);
     showTitle: true,
     showSubTitle: true,
     scrollAnimation: true,
+    firstDayOfWeek: 0,
     renderHeaderButtons: void 0,
     renderDay: void 0,
     renderDayTop: void 0,
@@ -13285,7 +13376,7 @@ Please add \`${key}Action\` when creating your handler.`);
     },
     onConfirm: (param) => {
     },
-    onClickDay: (data) => {
+    onDayClick: (data) => {
     },
     onPageChange: (param) => {
     }
@@ -13308,13 +13399,14 @@ Please add \`${key}Action\` when creating your handler.`);
       showTitle,
       showSubTitle,
       scrollAnimation,
+      firstDayOfWeek,
       renderHeaderButtons,
       renderDay,
       renderDayTop,
       renderDayBottom,
       onClose,
       onConfirm,
-      onClickDay,
+      onDayClick,
       onPageChange
     } = { ...defaultProps$Z, ...props };
     const calendarRef = React.useRef(null);
@@ -13329,7 +13421,7 @@ Please add \`${key}Action\` when creating your handler.`);
       close();
     };
     const select = (param) => {
-      onClickDay && onClickDay(param);
+      onDayClick && onDayClick(param);
     };
     const scrollToDate = (date2) => {
       var _a2;
@@ -13360,12 +13452,13 @@ Please add \`${key}Action\` when creating your handler.`);
           showTitle,
           showSubTitle,
           scrollAnimation,
+          firstDayOfWeek,
           renderHeaderButtons,
           renderDay,
           renderDayTop,
           renderDayBottom,
           onConfirm: choose,
-          onClickDay: select,
+          onDayClick: select,
           onPageChange: yearMonthChange
         }
       );
@@ -13379,8 +13472,8 @@ Please add \`${key}Action\` when creating your handler.`);
         duration: 0.5,
         closeable: true,
         destroyOnClose: true,
-        onClickOverlay: closePopup,
-        onClickCloseIcon: closePopup,
+        onOverlayClick: closePopup,
+        onCloseIconClick: closePopup,
         style: { height: "85vh" }
       },
       renderItem()
@@ -15850,7 +15943,7 @@ Please add \`${key}Action\` when creating your handler.`);
           resetFields();
         }
       },
-      /* @__PURE__ */ React.createElement(CellGroup, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
+      /* @__PURE__ */ React.createElement(Cell.Group, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
     );
   };
   Form.defaultProps = defaultProps$T;
@@ -16297,149 +16390,6 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   InputNumber.defaultProps = defaultProps$R;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$Q = {
-    ...ComponentDefaults,
-    activeColor: "",
-    closeOnOverlayClick: true,
-    scrollFixed: false,
-    lockScroll: true,
-    icon: null
-  };
-  const Menu = (props) => {
-    const {
-      className,
-      icon,
-      scrollFixed,
-      lockScroll,
-      closeOnOverlayClick,
-      children,
-      activeColor,
-      ...rest
-    } = {
-      ...defaultProps$Q,
-      ...props
-    };
-    const menuRef = React.useRef(null);
-    const [isScrollFixed, setIsScrollFixed] = React.useState(false);
-    const getScrollTop = (el) => {
-      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
-    };
-    const onScroll = () => {
-      const { scrollFixed: scrollFixed2 } = props;
-      const scrollTop = getScrollTop(window);
-      const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
-      setIsScrollFixed(isFixed);
-    };
-    React.useEffect(() => {
-      if (scrollFixed) {
-        window.addEventListener("scroll", onScroll);
-      }
-      return () => window.removeEventListener("scroll", onScroll);
-    }, []);
-    const [showMenuItem, setShowMenuItem] = React.useState([]);
-    const [menuItemTitle, setMenuItemTitle] = React.useState([]);
-    const toggleMenuItem = (index) => {
-      showMenuItem[index] = !showMenuItem[index];
-      const temp = showMenuItem.map(
-        (i, idx) => idx === index ? i : false
-      );
-      setShowMenuItem([...temp]);
-    };
-    const hideMenuItem = (index) => {
-      showMenuItem[index] = false;
-      console.log([...showMenuItem]);
-      setShowMenuItem([...showMenuItem]);
-    };
-    const updateTitle = (text, index) => {
-      menuItemTitle[index] = text;
-      setMenuItemTitle([...menuItemTitle]);
-    };
-    const cloneChildren = () => {
-      return React.Children.map(children, (child, index) => {
-        return React.cloneElement(child, {
-          ...child.props,
-          show: showMenuItem[index],
-          index,
-          activeColor,
-          parent: {
-            closeOnOverlayClick,
-            lockScroll,
-            toggleMenuItem,
-            updateTitle,
-            hideMenuItem,
-            menuRef
-          }
-        });
-      });
-    };
-    const menuTitle = () => {
-      return React.Children.map(children, (child, index) => {
-        if (React.isValidElement(child)) {
-          const { title, options: options2, value, disabled, direction } = child.props;
-          const selected = options2 == null ? void 0 : options2.filter(
-            (option) => option.value === value
-          );
-          const finallyTitle = () => {
-            if (title)
-              return title;
-            if (menuItemTitle && menuItemTitle[index])
-              return menuItemTitle[index];
-            if (selected && selected.length && selected[0].text)
-              return selected[0].text;
-            return "";
-          };
-          return /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: classNames("nut-menu__item ", className, {
-                active: showMenuItem[index],
-                disabled
-              }),
-              style: { color: showMenuItem[index] ? activeColor : "" },
-              key: index,
-              onClick: (e) => {
-                e.stopPropagation();
-                !disabled && toggleMenuItem(index);
-              }
-            },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: classNames("nut-menu__title ", {
-                  active: showMenuItem[index],
-                  disabled
-                })
-              },
-              /* @__PURE__ */ React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$9, { className: "nut-menu__title-icon" }))
-            )
-          );
-        }
-        return null;
-      });
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        className: classNames(`nut-menu`, className, {
-          "scroll-fixed": isScrollFixed
-        }),
-        ref: menuRef
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames("nut-menu__bar", {
-            opened: showMenuItem.includes(true)
-          })
-        },
-        menuTitle()
-      ), cloneChildren())
-    );
-  };
-  Menu.defaultProps = defaultProps$Q;
-  Menu.displayName = "NutMenu";
   const isObject = (val) => val !== null && typeof val === "object";
   const isFunction = (val) => typeof val === "function";
   const isPromise = (val) => {
@@ -16480,7 +16430,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [target]);
   }
-  const defaultProps$P = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -16509,7 +16459,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$P,
+      ...defaultProps$Q,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show2);
@@ -16641,12 +16591,155 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     );
   });
-  MenuItem.defaultProps = defaultProps$P;
+  MenuItem.defaultProps = defaultProps$Q;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$O = {
+  const defaultProps$P = {
     ...ComponentDefaults,
-    visible: false,
-    type: "default",
+    activeColor: "",
+    closeOnOverlayClick: true,
+    scrollFixed: false,
+    lockScroll: true,
+    icon: null
+  };
+  const Menu = (props) => {
+    const {
+      className,
+      icon,
+      scrollFixed,
+      lockScroll,
+      closeOnOverlayClick,
+      children,
+      activeColor,
+      ...rest
+    } = {
+      ...defaultProps$P,
+      ...props
+    };
+    const menuRef = React.useRef(null);
+    const [isScrollFixed, setIsScrollFixed] = React.useState(false);
+    const getScrollTop = (el) => {
+      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    };
+    const onScroll = () => {
+      const { scrollFixed: scrollFixed2 } = props;
+      const scrollTop = getScrollTop(window);
+      const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
+      setIsScrollFixed(isFixed);
+    };
+    React.useEffect(() => {
+      if (scrollFixed) {
+        window.addEventListener("scroll", onScroll);
+      }
+      return () => window.removeEventListener("scroll", onScroll);
+    }, []);
+    const [showMenuItem, setShowMenuItem] = React.useState([]);
+    const [menuItemTitle, setMenuItemTitle] = React.useState([]);
+    const toggleMenuItem = (index) => {
+      showMenuItem[index] = !showMenuItem[index];
+      const temp = showMenuItem.map(
+        (i, idx) => idx === index ? i : false
+      );
+      setShowMenuItem([...temp]);
+    };
+    const hideMenuItem = (index) => {
+      showMenuItem[index] = false;
+      setShowMenuItem([...showMenuItem]);
+    };
+    const updateTitle = (text, index) => {
+      menuItemTitle[index] = text;
+      setMenuItemTitle([...menuItemTitle]);
+    };
+    const cloneChildren = () => {
+      return React.Children.map(children, (child, index) => {
+        return React.cloneElement(child, {
+          ...child.props,
+          show: showMenuItem[index],
+          index,
+          activeColor,
+          parent: {
+            closeOnOverlayClick,
+            lockScroll,
+            toggleMenuItem,
+            updateTitle,
+            hideMenuItem,
+            menuRef
+          }
+        });
+      });
+    };
+    const menuTitle = () => {
+      return React.Children.map(children, (child, index) => {
+        if (React.isValidElement(child)) {
+          const { title, options: options2, value, disabled, direction } = child.props;
+          const selected = options2 == null ? void 0 : options2.filter(
+            (option) => option.value === value
+          );
+          const finallyTitle = () => {
+            if (title)
+              return title;
+            if (menuItemTitle && menuItemTitle[index])
+              return menuItemTitle[index];
+            if (selected && selected.length && selected[0].text)
+              return selected[0].text;
+            return "";
+          };
+          return /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: classNames("nut-menu__item ", className, {
+                active: showMenuItem[index],
+                disabled
+              }),
+              style: { color: showMenuItem[index] ? activeColor : "" },
+              key: index,
+              onClick: (e) => {
+                e.stopPropagation();
+                !disabled && toggleMenuItem(index);
+              }
+            },
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: classNames("nut-menu__title ", {
+                  active: showMenuItem[index],
+                  disabled
+                })
+              },
+              /* @__PURE__ */ React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
+              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$9, { className: "nut-menu__title-icon" }))
+            )
+          );
+        }
+        return null;
+      });
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...rest,
+        className: classNames(`nut-menu`, className, {
+          "scroll-fixed": isScrollFixed
+        }),
+        ref: menuRef
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames("nut-menu__bar", {
+            opened: showMenuItem.includes(true)
+          })
+        },
+        menuTitle()
+      ), cloneChildren())
+    );
+  };
+  Menu.defaultProps = defaultProps$P;
+  Menu.displayName = "NutMenu";
+  Menu.Item = MenuItem;
+  const defaultProps$O = {
+    ...ComponentDefaults,
+    visible: false,
+    type: "default",
     custom: [],
     random: false,
     onClose: () => {
@@ -16759,8 +16852,8 @@ Please add \`${key}Action\` when creating your handler.`);
       {
         visible,
         position: "bottom",
-        onClickOverlay: onClose,
-        onClickCloseIcon: onClose,
+        onOverlayClick: onClose,
+        onCloseIconClick: onClose,
         overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" },
         ...rest
       },
@@ -17438,7 +17531,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onBlur,
       onClear,
       onSearch,
-      onClickInput
+      onInputClick
     } = {
       ...defaultProps$J,
       ...props
@@ -17489,7 +17582,7 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     };
     const clickInput = (e) => {
-      onClickInput && onClickInput(e);
+      onInputClick && onInputClick(e);
     };
     const renderLeftIn = () => {
       if (!leftIn)
@@ -17593,8 +17686,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onCancel,
       onClose,
       onComplete,
-      onClickOverlay,
-      onClickCloseIcon,
+      onOverlayClick,
+      onCloseIconClick,
       ...rest
     } = {
       ...defaultProps$I,
@@ -17633,8 +17726,8 @@ Please add \`${key}Action\` when creating your handler.`);
         },
         visible,
         closeable: true,
-        onClickOverlay: onClose,
-        onClickCloseIcon: onClose,
+        onOverlayClick: onClose,
+        onCloseIconClick: onClose,
         ...rest
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(className, classPrefix2), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
@@ -18144,7 +18237,7 @@ Please add \`${key}Action\` when creating your handler.`);
     url: "",
     maxCount: 1,
     previewType: "picture",
-    imageFit: "cover",
+    fit: "cover",
     name: "file",
     accept: "*",
     disabled: false,
@@ -18189,7 +18282,7 @@ Please add \`${key}Action\` when creating your handler.`);
       defaultValue,
       value,
       previewType,
-      imageFit,
+      fit,
       disabled,
       multiple,
       url,
@@ -18481,7 +18574,7 @@ Please add \`${key}Action\` when creating your handler.`);
           "img",
           {
             className: "nut-uploader__preview-img__c",
-            style: { objectFit: imageFit },
+            style: { objectFit: fit },
             src: item.url,
             alt: "",
             onClick: () => handleItemClick(item)
@@ -18596,7 +18689,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onCancel && onCancel();
     };
     const chooseItem = (item, index) => {
-      if (!item.disable) {
+      if (!item.disabled) {
         onSelect && onSelect(item, index);
       }
     };
@@ -18616,7 +18709,7 @@ Please add \`${key}Action\` when creating your handler.`);
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix2}__item ${item.disable ? "disabled" : ""} ${item.danger ? "danger" : ""}`,
+            className: `${classPrefix2}__item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`,
             key: index,
             onClick: () => chooseItem(item, index)
           },
@@ -19298,7 +19391,7 @@ Please add \`${key}Action\` when creating your handler.`);
       click,
       onClose,
       onClick,
-      onClickItem
+      onItemClick
     } = {
       ...defaultProps$x,
       ...props
@@ -19529,7 +19622,7 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     const handleItemClick = (event, value) => {
-      onClickItem && onClickItem(event, value);
+      onItemClick && onItemClick(event, value);
     };
     const getStyle = (moveOffset = offset) => {
       const target = innerRef.current;
@@ -19823,10 +19916,9 @@ Please add \`${key}Action\` when creating your handler.`);
     visible: false,
     offset: [0, 12],
     targetId: "",
-    className: "",
     showArrow: true,
-    closeOnClickOutside: true,
-    closeOnClickAction: true,
+    closeOnOutsideClick: true,
+    closeOnActionClick: true,
     overlay: false,
     onClick: () => {
     },
@@ -19845,8 +19937,8 @@ Please add \`${key}Action\` when creating your handler.`);
       offset,
       targetId,
       overlay,
-      closeOnClickOutside,
-      closeOnClickAction,
+      closeOnOutsideClick,
+      closeOnActionClick,
       className,
       showArrow,
       style,
@@ -19886,7 +19978,7 @@ Please add \`${key}Action\` when creating your handler.`);
       "touchstart",
       true,
       visible,
-      closeOnClickOutside
+      closeOnOutsideClick
     );
     const getContentWidth = () => {
       let rect = getRect(popoverRef.current);
@@ -19980,7 +20072,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (!item.disabled) {
         onSelect && onSelect(item, index);
       }
-      if (closeOnClickAction) {
+      if (closeOnActionClick) {
         props.onClick && props.onClick();
         onClose && onClose();
       }
@@ -20232,6 +20324,29 @@ Please add \`${key}Action\` when creating your handler.`);
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
   const defaultProps$u = {
+    ...ComponentDefaults,
+    maxContent: "",
+    max: "",
+    maxBackground: "#eee",
+    maxColor: "#666",
+    gap: "-8",
+    level: "left"
+  };
+  const classPrefix$8 = `nut-avatar-group`;
+  const AvatarGroup = (props) => {
+    const propAvatarGroup = { ...defaultProps$u, ...props };
+    const { className, style, children } = propAvatarGroup;
+    const avatarGroupRef = React.useRef(null);
+    const cls = classNames(classPrefix$8, className);
+    const parentAvatar = {
+      propAvatarGroup,
+      avatarGroupRef
+    };
+    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
+  };
+  AvatarGroup.defaultProps = defaultProps$u;
+  AvatarGroup.displayName = "NutAvatarGroup";
+  const defaultProps$t = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -20242,7 +20357,7 @@ Please add \`${key}Action\` when creating your handler.`);
     src: "",
     alt: ""
   };
-  const classPrefix$8 = `nut-avatar`;
+  const classPrefix$7 = `nut-avatar`;
   const Avatar = (props) => {
     var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
@@ -20261,7 +20376,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onError,
       ...rest
     } = {
-      ...defaultProps$u,
+      ...defaultProps$t,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -20274,7 +20389,7 @@ Please add \`${key}Action\` when creating your handler.`);
       [`nut-avatar-${((_a2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a2.size) || size || "normal"}`]: true,
       [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
     });
-    const cls = classNames(classPrefix$8, classes, className);
+    const cls = classNames(classPrefix$7, classes, className);
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -20343,9 +20458,10 @@ Please add \`${key}Action\` when creating your handler.`);
       showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}`)
     ));
   };
-  Avatar.defaultProps = defaultProps$u;
+  Avatar.defaultProps = defaultProps$t;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$t = {
+  Avatar.Group = AvatarGroup;
+  const defaultProps$s = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -20368,7 +20484,7 @@ Please add \`${key}Action\` when creating your handler.`);
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$t,
+      ...defaultProps$s,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -20404,7 +20520,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$t;
+  Skeleton.defaultProps = defaultProps$s;
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -20414,13 +20530,13 @@ Please add \`${key}Action\` when creating your handler.`);
       event.stopPropagation();
     }
   }
-  const defaultProps$s = {
+  const defaultProps$r = {
     name: ""
   };
   const Swipe = React.forwardRef((props, instanceRef) => {
     const classPrefix2 = "nut-swipe";
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$s, ...props };
+    const { children, className, style } = { ...defaultProps$r, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -20588,9 +20704,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__wrapper`, style: wrapperStyle }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef))
     );
   });
-  Swipe.defaultProps = defaultProps$s;
+  Swipe.defaultProps = defaultProps$r;
   Swipe.displayName = "NutSwipe";
-  const classPrefix$7 = "nut-toast";
+  const classPrefix$6 = "nut-toast";
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
@@ -20652,7 +20768,7 @@ Please add \`${key}Action\` when creating your handler.`);
             iconNode = /* @__PURE__ */ React__namespace.createElement(x$8, null);
             break;
         }
-        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconNode);
+        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$6}__icon-wrapper` }, iconNode);
       }
       return icon;
     }
@@ -20687,22 +20803,22 @@ Please add \`${key}Action\` when creating your handler.`);
         {
           visible: show2,
           style,
-          className: `${classPrefix$7}__overlay-default ${className}`,
+          className: `${classPrefix$6}__overlay-default ${className}`,
           onClick: () => {
             this.clickCover();
           },
           closeOnOverlayClick,
           lockScroll
         },
-        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$7} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.createElement(
+        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.createElement(
           "div",
           {
-            className: `${classPrefix$7}__inner ${classPrefix$7}-${position} ${contentClassName}`,
+            className: `${classPrefix$6}__inner ${classPrefix$6}-${position} ${contentClassName}`,
             style: contentStyle
           },
           this.renderIcon(),
-          title ? /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
-          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$7}-text` }, content)
+          title ? /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6}-title` }, title) : null,
+          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$6}-text` }, content)
         ))
       ));
     }
@@ -20809,7 +20925,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   };
-  const defaultProps$r = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -20817,16 +20933,16 @@ Please add \`${key}Action\` when creating your handler.`);
     onClick: (event) => {
     }
   };
-  const classPrefix$6 = `nut-animate`;
+  const classPrefix$5 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop: loop2, onClick, children, ...rest } = {
-      ...defaultProps$r,
+      ...defaultProps$q,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$6}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix$5}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -20841,9 +20957,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: handleClick2, ...rest }, children));
   };
-  Animate.defaultProps = defaultProps$r;
+  Animate.defaultProps = defaultProps$q;
   Animate.displayName = "NutAnimate";
-  const defaultProps$q = {
+  const defaultProps$p = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -20862,7 +20978,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...reset
     } = {
-      ...defaultProps$q,
+      ...defaultProps$p,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -20926,9 +21042,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$q;
+  CountUp.defaultProps = defaultProps$p;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$p = {};
+  const defaultProps$o = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -20938,11 +21054,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$p);
+  __publicField(AnimatingNumbers, "defaultProps", defaultProps$o);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     src: "",
     muted: false,
@@ -20985,7 +21101,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$o,
+      ...defaultProps$n,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -21191,31 +21307,8 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Audio.defaultProps = defaultProps$o;
+  Audio.defaultProps = defaultProps$n;
   Audio.displayName = "NutAudio";
-  const defaultProps$n = {
-    ...ComponentDefaults,
-    maxContent: "",
-    max: "",
-    maxBackground: "#eee",
-    maxColor: "#666",
-    gap: "-8",
-    level: "left"
-  };
-  const classPrefix$5 = `nut-avatar-group`;
-  const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$n, ...props };
-    const { className, style, children } = propAvatarGroup;
-    const avatarGroupRef = React.useRef(null);
-    const cls = classNames(classPrefix$5, className);
-    const parentAvatar = {
-      propAvatarGroup,
-      avatarGroupRef
-    };
-    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
-  };
-  AvatarGroup.defaultProps = defaultProps$n;
-  AvatarGroup.displayName = "NutAvatarGroup";
   const defaultProps$m = {
     ...ComponentDefaults,
     strokeWidth: 5,
@@ -22490,6 +22583,8 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   SwiperItem.defaultProps = defaultProps$e;
   SwiperItem.displayName = "NutSwiperItem";
+  const InnerSwiper = Swiper;
+  InnerSwiper.Item = SwiperItem;
   const defaultProps$d = {
     ...ComponentDefaults,
     images: [],
@@ -22665,7 +22760,7 @@ Please add \`${key}Action\` when creating your handler.`);
           onTouchStart
         },
         /* @__PURE__ */ React.createElement(
-          Swiper,
+          InnerSwiper,
           {
             autoPlay,
             className: `${classPrefix2}-swiper`,
@@ -22694,315 +22789,16 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   ImagePreview.defaultProps = defaultProps$d;
   ImagePreview.displayName = "NutImagePreview";
-  const initPositinoCache = (reaItemSize, length = 0) => {
-    let index = 0;
-    const positions = Array(length);
-    while (index < length) {
-      positions[index] = {
-        index,
-        height: reaItemSize,
-        width: reaItemSize,
-        top: index * reaItemSize,
-        bottom: (index + 1) * reaItemSize,
-        left: index * reaItemSize,
-        right: (index + 1) * reaItemSize
-      };
-      index++;
-    }
-    return positions;
-  };
-  const getListTotalSize = (positions, horizontal) => {
-    const index = positions.length - 1;
-    let size = 0;
-    if (index < 0) {
-      size = 0;
-    } else {
-      size = horizontal ? positions[index].right : positions[index].bottom;
-    }
-    return size;
-  };
-  const binarySearch = (positionsList, value = 0, horizontal) => {
-    let start2 = 0;
-    let end = positionsList.length - 1;
-    let tempIndex = null;
-    const key = horizontal ? "right" : "bottom";
-    while (start2 <= end) {
-      const midIndex = Math.floor((start2 + end) / 2);
-      const midValue = positionsList[midIndex][key];
-      if (midValue === value) {
-        return midIndex + 1;
-      }
-      if (midValue < value) {
-        start2 = midIndex + 1;
-      } else if (midValue > value) {
-        if (tempIndex === null || tempIndex > midIndex) {
-          tempIndex = midIndex;
-        }
-        end = midIndex - 1;
-      }
-    }
-    tempIndex = tempIndex || 0;
-    return tempIndex;
-  };
-  const getEndIndex = ({
-    list,
-    startIndex,
-    visibleCount,
-    itemEqual = true,
-    positions,
-    offSetSize,
-    overscan,
-    sizeKey = "width"
-  }) => {
-    const dataLength = list.length;
-    let tempIndex = null;
-    if (itemEqual) {
-      const endIndex = startIndex + visibleCount;
-      tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
-    } else {
-      let sizeNum = 0;
-      for (let i = startIndex; i < dataLength; i++) {
-        sizeNum += positions[i][sizeKey] || 0;
-        if (sizeNum > offSetSize) {
-          const endIndex = i + overscan;
-          tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
-          break;
-        }
-      }
-      if (sizeNum < offSetSize) {
-        tempIndex = dataLength;
-      }
-    }
-    tempIndex = tempIndex || 0;
-    return tempIndex;
-  };
-  const updateItemSize = (positions, items, sizeKey) => {
-    const newPos = positions.concat();
-    Array.from(items).forEach((item) => {
-      const index = Number(item.getAttribute("data-index"));
-      const styleVal = item.getAttribute("style");
-      if (styleVal && styleVal.includes("none"))
-        return;
-      const nowSize = item.getBoundingClientRect()[sizeKey];
-      const oldSize = positions[index][sizeKey];
-      const dValue = oldSize - nowSize;
-      if (dValue) {
-        if (sizeKey === "width") {
-          newPos[index].right -= dValue;
-          newPos[index][sizeKey] = nowSize;
-          for (let k2 = index + 1; k2 < positions.length; k2++) {
-            newPos[k2].left = positions[k2 - 1].right;
-            newPos[k2].right -= dValue;
-          }
-        } else if (sizeKey === "height") {
-          newPos[index].bottom -= dValue;
-          newPos[index][sizeKey] = nowSize;
-          for (let k2 = index + 1; k2 < positions.length; k2++) {
-            newPos[k2].top = positions[k2 - 1].bottom;
-            newPos[k2].bottom -= dValue;
-          }
-        }
-      }
-    });
-  };
-  const defaultProps$c = {
-    ...ComponentDefaults,
-    list: [],
-    itemHeight: 66,
-    itemEqual: true,
-    direction: "vertical",
-    overscan: 2
-  };
-  const VirtualList = (props) => {
-    const {
-      list,
-      ItemRender,
-      itemEqual,
-      itemHeight,
-      direction,
-      overscan,
-      key,
-      onScroll,
-      className,
-      containerHeight,
-      ...rest
-    } = {
-      ...defaultProps$c,
-      ...props
-    };
-    const horizontal = direction === "horizontal";
-    const sizeKey = horizontal ? "width" : "height";
-    const scrollKey = horizontal ? "scrollLeft" : "scrollTop";
-    const offsetKey = horizontal ? "left" : "top";
-    const scrollRef = React.useRef(null);
-    const itemsRef = React.useRef(null);
-    const firstItemRef = React.useRef(null);
-    const [positions, setPositions] = React.useState([
-      {
-        index: 0,
-        left: 0,
-        top: 0,
-        bottom: 0,
-        width: 0,
-        height: 0,
-        right: 0
-      }
-    ]);
-    const [listTotalSize, setListTotalSize] = React.useState(99999999);
-    const [visibleCount, setVisibleCount] = React.useState(0);
-    const [offSetSize, setOffSetSize] = React.useState(containerHeight || 0);
-    const [options2, setOptions] = React.useState({
-      startOffset: 0,
-      // 可视区域距离顶部的偏移量
-      startIndex: 0,
-      // 可视区域开始索引
-      overStart: 0,
-      endIndex: 10
-      // 可视区域结束索引
-    });
-    React.useEffect(() => {
-      const pos = initPositinoCache(itemHeight, list.length);
-      setPositions(pos);
-      const totalSize = getListTotalSize(pos, horizontal);
-      setListTotalSize(totalSize);
-    }, [list, itemHeight, horizontal]);
-    const getElement = React.useCallback(() => {
-      var _a2;
-      return ((_a2 = scrollRef.current) == null ? void 0 : _a2.parentElement) || document.body;
-    }, []);
-    React.useEffect(() => {
-      if (containerHeight)
-        return;
-      const size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
-      setOffSetSize(size);
-    }, [getElement, horizontal, containerHeight]);
-    React.useEffect(() => {
-      if (offSetSize === 0)
-        return;
-      const count = Math.ceil(offSetSize / itemHeight) + overscan;
-      setVisibleCount(count);
-      setOptions((options22) => {
-        return { ...options22, endIndex: count };
-      });
-    }, [getElement, horizontal, itemHeight, overscan, offSetSize]);
-    const updateTotalSize = React.useCallback(() => {
-      if (!itemsRef.current)
-        return;
-      const items = itemsRef.current.children;
-      if (!items.length)
-        return;
-      updateItemSize(positions, items, sizeKey);
-      const totalSize = getListTotalSize(positions, horizontal);
-      setListTotalSize(totalSize);
-    }, [positions, sizeKey, horizontal]);
-    const scroll = React.useCallback(() => {
-      requestAnimationFrame((e) => {
-        const scrollSize = getElement()[scrollKey];
-        const startIndex = binarySearch(positions, scrollSize, horizontal);
-        const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
-        if (!itemEqual) {
-          updateTotalSize();
-        }
-        const endIndex = getEndIndex({
-          list,
-          startIndex,
-          visibleCount,
-          itemEqual,
-          positions,
-          offSetSize,
-          sizeKey,
-          overscan
-        });
-        const startOffset = positions[startIndex][offsetKey];
-        setOptions({ startOffset, startIndex, overStart, endIndex });
-        if (endIndex > list.length - 1) {
-          if (onScroll) {
-            onScroll();
-          }
-        }
-      });
-    }, [
-      positions,
-      getElement,
-      list,
-      visibleCount,
-      itemEqual,
-      updateTotalSize,
-      offsetKey,
-      sizeKey,
-      scrollKey,
-      horizontal,
-      overscan,
-      offSetSize
-    ]);
-    React.useEffect(() => {
-      const element = getElement();
-      element.addEventListener("scroll", scroll, false);
-      return () => {
-        element.removeEventListener("scroll", scroll, false);
-      };
-    }, [getElement, scroll]);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
-        ...rest,
-        style: {
-          [sizeKey]: containerHeight ? `${offSetSize}px` : ""
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: scrollRef,
-          className: horizontal ? "nut-horizontal-box" : "nut-vertical-box",
-          style: {
-            position: "relative",
-            [sizeKey]: `${listTotalSize}px`
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "ul",
-          {
-            className: horizontal ? "nut-virtuallist-items nut-horizontal-items" : "nut-virtuallist-items nut-vertical-items",
-            ref: itemsRef,
-            style: {
-              transform: horizontal ? `translate3d(${options2.startOffset}px,0,0)` : `translate3d(0,${options2.startOffset}px,0)`
-            }
-          },
-          list.slice(options2.overStart, options2.endIndex).map((data, index) => {
-            const { startIndex, overStart } = options2;
-            const dataIndex = overStart + index;
-            const styleVal = dataIndex < startIndex ? "none" : "block";
-            const keyVal = key && data[key] ? data[key] : dataIndex;
-            return /* @__PURE__ */ React.createElement(
-              "li",
-              {
-                ref: dataIndex === 0 ? firstItemRef : null,
-                "data-index": `${dataIndex}`,
-                className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd",
-                key: `${keyVal}`,
-                style: { display: styleVal }
-              },
-              ItemRender ? /* @__PURE__ */ React.createElement(ItemRender, { data, index: `${dataIndex}` }) : data
-            );
-          })
-        )
-      )
-    );
-  };
-  VirtualList.defaultProps = defaultProps$c;
-  VirtualList.displayName = "NutVirtualList";
-  const defaultProps$b = {
-    ...ComponentDefaults,
-    defaultValue: 1,
-    mode: "multi",
-    prev: null,
-    next: null,
-    total: 50,
-    pageSize: 10,
-    itemSize: 5,
-    ellipse: false
+  const defaultProps$c = {
+    ...ComponentDefaults,
+    defaultValue: 1,
+    mode: "multi",
+    prev: null,
+    next: null,
+    total: 50,
+    pageSize: 10,
+    itemSize: 5,
+    ellipse: false
   };
   const Pagination = (props) => {
     const { locale } = useConfig();
@@ -23021,7 +22817,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       ...rest
     } = {
-      ...defaultProps$b,
+      ...defaultProps$c,
       ...props
     };
     const classPrefix2 = "nut-pagination";
@@ -23103,9 +22899,9 @@ Please add \`${key}Action\` when creating your handler.`);
       next || locale.pagination.next
     ));
   };
-  Pagination.defaultProps = defaultProps$b;
+  Pagination.defaultProps = defaultProps$c;
   Pagination.displayName = "NutPagination";
-  const defaultProps$a = {
+  const defaultProps$b = {
     ...ComponentDefaults,
     price: 0,
     symbol: "&yen;",
@@ -23128,7 +22924,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$a,
+      ...defaultProps$b,
       ...props
     };
     const classPrefix2 = "nut-price";
@@ -23208,10 +23004,10 @@ Please add \`${key}Action\` when creating your handler.`);
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$a;
+  Price.defaultProps = defaultProps$b;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
-  const defaultProps$9 = {
+  const defaultProps$a = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -23220,7 +23016,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Step = (props) => {
     const { children, title, description, value, icon, className, ...restProps } = {
-      ...defaultProps$9,
+      ...defaultProps$a,
       ...props
     };
     const parent = React.useContext(DataContext);
@@ -23254,16 +23050,16 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React.createElement("span", { className: "nut-step-inner" }, value))), /* @__PURE__ */ React.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React.createElement("span", { className: "nut-step-description" }, description)));
   };
-  Step.defaultProps = defaultProps$9;
+  Step.defaultProps = defaultProps$a;
   Step.displayName = "NutStep";
-  const defaultProps$8 = {
+  const defaultProps$9 = {
     ...ComponentDefaults,
     value: 0,
     direction: "horizontal",
     dot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$8, ...props };
+    const propSteps = { ...defaultProps$9, ...props };
     const {
       children,
       value,
@@ -23294,9 +23090,9 @@ Please add \`${key}Action\` when creating your handler.`);
       children
     ));
   };
-  Steps.defaultProps = defaultProps$8;
+  Steps.defaultProps = defaultProps$9;
   Steps.displayName = "NutSteps";
-  const defaultProps$7 = {
+  const defaultProps$8 = {
     ...ComponentDefaults,
     columns: [],
     data: [],
@@ -23308,7 +23104,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Table = (props) => {
     const { locale } = useConfig();
-    defaultProps$7.noData = locale.noData;
+    defaultProps$8.noData = locale.noData;
     const {
       children,
       className,
@@ -23324,7 +23120,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSort,
       ...rest
     } = {
-      ...defaultProps$7,
+      ...defaultProps$8,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -23407,117 +23203,414 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__main__body` }, renderBoyTrs())
     ), (summary || curData.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__summary` }, summary || noData));
   };
-  Table.defaultProps = defaultProps$7;
-  Table.displayName = "NutTable";
+  Table.defaultProps = defaultProps$8;
+  Table.displayName = "NutTable";
+  const defaultProps$7 = {
+    ...ComponentDefaults,
+    type: "default",
+    background: "",
+    color: "",
+    plain: false,
+    round: false,
+    mark: false,
+    closeable: false,
+    closeIcon: null,
+    onClose: (e) => {
+    },
+    onClick: (e) => {
+    }
+  };
+  const Tag = (props) => {
+    const {
+      className,
+      style,
+      background,
+      plain,
+      type: type2,
+      round,
+      children,
+      mark,
+      closeable,
+      closeIcon,
+      color,
+      onClick,
+      onClose
+    } = {
+      ...defaultProps$7,
+      ...props
+    };
+    const [tagClass, setTagClass] = React.useState("");
+    const [visible, setVisible] = React.useState(true);
+    const classPrefix2 = "nut-tag";
+    const classes = () => {
+      return classNames({
+        [classPrefix2]: true,
+        [`${classPrefix2}--${type2}`]: type2,
+        [`${classPrefix2}--plain`]: plain,
+        [`${classPrefix2}--round`]: round,
+        [`${classPrefix2}--mark`]: mark,
+        [`${classPrefix2}--close`]: closeable,
+        [`${className}`]: className
+      });
+    };
+    React.useEffect(() => {
+      setTagClass(classes());
+    }, [type2, background, color, plain, round, mark, closeable, className]);
+    const handleClick2 = (e) => {
+      onClick && onClick(e);
+    };
+    const getStyle = () => {
+      const style2 = {};
+      if (color) {
+        style2.color = color;
+      } else if (background && plain) {
+        style2.color = background;
+      }
+      if (plain) {
+        style2.borderColor = background;
+      } else if (background) {
+        style2.background = background;
+      }
+      return style2;
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? visible && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: tagClass,
+        style: { ...style, ...getStyle() },
+        onClick: (e) => handleClick2(e)
+      },
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children),
+      React.isValidElement(closeIcon) ? /* @__PURE__ */ React.createElement(
+        "i",
+        {
+          className: `${classPrefix2}-custom-icon`,
+          onClick: (e) => {
+            setVisible(false);
+            onClose && onClose(e);
+          }
+        },
+        closeIcon
+      ) : /* @__PURE__ */ React.createElement(
+        x$b,
+        {
+          width: 12,
+          height: 12,
+          onClick: (e) => {
+            setVisible(false);
+            onClose && onClose(e);
+          }
+        }
+      )
+    ) : /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: tagClass,
+        style: { ...style, ...getStyle() },
+        onClick: (e) => handleClick2(e)
+      },
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
+    ));
+  };
+  Tag.defaultProps = defaultProps$7;
+  Tag.displayName = "NutTag";
+  const initPositinoCache = (reaItemSize, length = 0) => {
+    let index = 0;
+    const positions = Array(length);
+    while (index < length) {
+      positions[index] = {
+        index,
+        height: reaItemSize,
+        width: reaItemSize,
+        top: index * reaItemSize,
+        bottom: (index + 1) * reaItemSize,
+        left: index * reaItemSize,
+        right: (index + 1) * reaItemSize
+      };
+      index++;
+    }
+    return positions;
+  };
+  const getListTotalSize = (positions, horizontal) => {
+    const index = positions.length - 1;
+    let size = 0;
+    if (index < 0) {
+      size = 0;
+    } else {
+      size = horizontal ? positions[index].right : positions[index].bottom;
+    }
+    return size;
+  };
+  const binarySearch = (positionsList, value = 0, horizontal) => {
+    let start2 = 0;
+    let end = positionsList.length - 1;
+    let tempIndex = null;
+    const key = horizontal ? "right" : "bottom";
+    while (start2 <= end) {
+      const midIndex = Math.floor((start2 + end) / 2);
+      const midValue = positionsList[midIndex][key];
+      if (midValue === value) {
+        return midIndex + 1;
+      }
+      if (midValue < value) {
+        start2 = midIndex + 1;
+      } else if (midValue > value) {
+        if (tempIndex === null || tempIndex > midIndex) {
+          tempIndex = midIndex;
+        }
+        end = midIndex - 1;
+      }
+    }
+    tempIndex = tempIndex || 0;
+    return tempIndex;
+  };
+  const getEndIndex = ({
+    list,
+    startIndex,
+    visibleCount,
+    itemEqual = true,
+    positions,
+    offSetSize,
+    overscan,
+    sizeKey = "width"
+  }) => {
+    const dataLength = list.length;
+    let tempIndex = null;
+    if (itemEqual) {
+      const endIndex = startIndex + visibleCount;
+      tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
+    } else {
+      let sizeNum = 0;
+      for (let i = startIndex; i < dataLength; i++) {
+        sizeNum += positions[i][sizeKey] || 0;
+        if (sizeNum > offSetSize) {
+          const endIndex = i + overscan;
+          tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
+          break;
+        }
+      }
+      if (sizeNum < offSetSize) {
+        tempIndex = dataLength;
+      }
+    }
+    tempIndex = tempIndex || 0;
+    return tempIndex;
+  };
+  const updateItemSize = (positions, items, sizeKey) => {
+    const newPos = positions.concat();
+    Array.from(items).forEach((item) => {
+      const index = Number(item.getAttribute("data-index"));
+      const styleVal = item.getAttribute("style");
+      if (styleVal && styleVal.includes("none"))
+        return;
+      const nowSize = item.getBoundingClientRect()[sizeKey];
+      const oldSize = positions[index][sizeKey];
+      const dValue = oldSize - nowSize;
+      if (dValue) {
+        if (sizeKey === "width") {
+          newPos[index].right -= dValue;
+          newPos[index][sizeKey] = nowSize;
+          for (let k2 = index + 1; k2 < positions.length; k2++) {
+            newPos[k2].left = positions[k2 - 1].right;
+            newPos[k2].right -= dValue;
+          }
+        } else if (sizeKey === "height") {
+          newPos[index].bottom -= dValue;
+          newPos[index][sizeKey] = nowSize;
+          for (let k2 = index + 1; k2 < positions.length; k2++) {
+            newPos[k2].top = positions[k2 - 1].bottom;
+            newPos[k2].bottom -= dValue;
+          }
+        }
+      }
+    });
+  };
   const defaultProps$6 = {
     ...ComponentDefaults,
-    type: "default",
-    background: "",
-    color: "",
-    plain: false,
-    round: false,
-    mark: false,
-    closeable: false,
-    closeIcon: null,
-    onClose: (e) => {
-    },
-    onClick: (e) => {
-    }
+    list: [],
+    itemHeight: 66,
+    itemEqual: true,
+    direction: "vertical",
+    overscan: 2
   };
-  const Tag = (props) => {
+  const VirtualList = (props) => {
     const {
+      list,
+      itemRender,
+      itemEqual,
+      itemHeight,
+      direction,
+      overscan,
+      key,
+      onScroll,
       className,
-      style,
-      background,
-      plain,
-      type: type2,
-      round,
-      children,
-      mark,
-      closeable,
-      closeIcon,
-      color,
-      onClick,
-      onClose
+      containerHeight,
+      ...rest
     } = {
       ...defaultProps$6,
       ...props
     };
-    const [tagClass, setTagClass] = React.useState("");
-    const [visible, setVisible] = React.useState(true);
-    const classPrefix2 = "nut-tag";
-    const classes = () => {
-      return classNames({
-        [classPrefix2]: true,
-        [`${classPrefix2}--${type2}`]: type2,
-        [`${classPrefix2}--plain`]: plain,
-        [`${classPrefix2}--round`]: round,
-        [`${classPrefix2}--mark`]: mark,
-        [`${classPrefix2}--close`]: closeable,
-        [`${className}`]: className
+    const horizontal = direction === "horizontal";
+    const sizeKey = horizontal ? "width" : "height";
+    const scrollKey = horizontal ? "scrollLeft" : "scrollTop";
+    const offsetKey = horizontal ? "left" : "top";
+    const scrollRef = React.useRef(null);
+    const itemsRef = React.useRef(null);
+    const [positions, setPositions] = React.useState([
+      {
+        index: 0,
+        left: 0,
+        top: 0,
+        bottom: 0,
+        width: 0,
+        height: 0,
+        right: 0
+      }
+    ]);
+    const [listTotalSize, setListTotalSize] = React.useState(99999999);
+    const [visibleCount, setVisibleCount] = React.useState(0);
+    const [offSetSize, setOffSetSize] = React.useState(containerHeight || 0);
+    const [options2, setOptions] = React.useState({
+      startOffset: 0,
+      // 可视区域距离顶部的偏移量
+      startIndex: 0,
+      // 可视区域开始索引
+      overStart: 0,
+      endIndex: 10
+      // 可视区域结束索引
+    });
+    React.useEffect(() => {
+      const pos = initPositinoCache(itemHeight, list.length);
+      setPositions(pos);
+      const totalSize = getListTotalSize(pos, horizontal);
+      setListTotalSize(totalSize);
+    }, [list, itemHeight, horizontal]);
+    const getElement = React.useCallback(() => {
+      var _a2;
+      return ((_a2 = scrollRef.current) == null ? void 0 : _a2.parentElement) || document.body;
+    }, []);
+    React.useEffect(() => {
+      if (containerHeight)
+        return;
+      const size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
+      setOffSetSize(size);
+    }, [getElement, horizontal, containerHeight]);
+    React.useEffect(() => {
+      if (offSetSize === 0)
+        return;
+      const count = Math.ceil(offSetSize / itemHeight) + overscan;
+      setVisibleCount(count);
+      setOptions((options22) => {
+        return { ...options22, endIndex: count };
       });
-    };
+    }, [getElement, horizontal, itemHeight, overscan, offSetSize]);
+    const updateTotalSize = React.useCallback(() => {
+      if (!itemsRef.current)
+        return;
+      const items = itemsRef.current.children;
+      if (!items.length)
+        return;
+      updateItemSize(positions, items, sizeKey);
+      const totalSize = getListTotalSize(positions, horizontal);
+      setListTotalSize(totalSize);
+    }, [positions, sizeKey, horizontal]);
+    const scroll = React.useCallback(() => {
+      requestAnimationFrame((e) => {
+        const scrollSize = getElement()[scrollKey];
+        const startIndex = binarySearch(positions, scrollSize, horizontal);
+        const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
+        if (!itemEqual) {
+          updateTotalSize();
+        }
+        const endIndex = getEndIndex({
+          list,
+          startIndex,
+          visibleCount,
+          itemEqual,
+          positions,
+          offSetSize,
+          sizeKey,
+          overscan
+        });
+        const startOffset = positions[startIndex][offsetKey];
+        setOptions({ startOffset, startIndex, overStart, endIndex });
+        if (endIndex > list.length - 1) {
+          if (onScroll) {
+            onScroll();
+          }
+        }
+      });
+    }, [
+      positions,
+      getElement,
+      list,
+      visibleCount,
+      itemEqual,
+      updateTotalSize,
+      offsetKey,
+      sizeKey,
+      scrollKey,
+      horizontal,
+      overscan,
+      offSetSize
+    ]);
     React.useEffect(() => {
-      setTagClass(classes());
-    }, [type2, background, color, plain, round, mark, closeable, className]);
-    const handleClick2 = (e) => {
-      onClick && onClick(e);
-    };
-    const getStyle = () => {
-      const style2 = {};
-      if (color) {
-        style2.color = color;
-      } else if (background && plain) {
-        style2.color = background;
-      }
-      if (plain) {
-        style2.borderColor = background;
-      } else if (background) {
-        style2.background = background;
-      }
-      return style2;
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? visible && /* @__PURE__ */ React.createElement(
+      const element = getElement();
+      element.addEventListener("scroll", scroll, false);
+      return () => {
+        element.removeEventListener("scroll", scroll, false);
+      };
+    }, [getElement, scroll]);
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: tagClass,
-        style: { ...style, ...getStyle() },
-        onClick: (e) => handleClick2(e)
+        className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
+        ...rest,
+        style: {
+          [sizeKey]: containerHeight ? `${offSetSize}px` : ""
+        }
       },
-      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children),
-      React.isValidElement(closeIcon) ? /* @__PURE__ */ React.createElement(
-        "i",
+      /* @__PURE__ */ React.createElement(
+        "div",
         {
-          className: `${classPrefix2}-custom-icon`,
-          onClick: (e) => {
-            setVisible(false);
-            onClose && onClose(e);
+          ref: scrollRef,
+          className: horizontal ? "nut-horizontal-box" : "nut-vertical-box",
+          style: {
+            position: "relative",
+            [sizeKey]: `${listTotalSize}px`
           }
         },
-        closeIcon
-      ) : /* @__PURE__ */ React.createElement(
-        x$b,
-        {
-          width: 12,
-          height: 12,
-          onClick: (e) => {
-            setVisible(false);
-            onClose && onClose(e);
-          }
-        }
+        /* @__PURE__ */ React.createElement(
+          "ul",
+          {
+            className: horizontal ? "nut-virtuallist-items nut-horizontal-items" : "nut-virtuallist-items nut-vertical-items",
+            ref: itemsRef,
+            style: {
+              transform: horizontal ? `translate3d(${options2.startOffset}px,0,0)` : `translate3d(0,${options2.startOffset}px,0)`
+            }
+          },
+          list.slice(options2.overStart, options2.endIndex).map((data, index) => {
+            const { startIndex, overStart } = options2;
+            const dataIndex = overStart + index;
+            const styleVal = dataIndex < startIndex ? "none" : "block";
+            const keyVal = key && data[key] ? data[key] : dataIndex;
+            return /* @__PURE__ */ React.createElement(
+              "li",
+              {
+                "data-index": `${dataIndex}`,
+                className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd",
+                key: `${keyVal}`,
+                style: { display: styleVal }
+              },
+              itemRender ? itemRender(data, dataIndex, index) : data
+            );
+          })
+        )
       )
-    ) : /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: tagClass,
-        style: { ...style, ...getStyle() },
-        onClick: (e) => handleClick2(e)
-      },
-      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
-    ));
+    );
   };
-  Tag.defaultProps = defaultProps$6;
-  Tag.displayName = "NutTag";
+  VirtualList.defaultProps = defaultProps$6;
+  VirtualList.displayName = "NutVirtualList";
   const defaultProps$5 = {
     ...ComponentDefaults,
     list: [],
@@ -23851,13 +23944,13 @@ Please add \`${key}Action\` when creating your handler.`);
     digits: 2,
     symbol: false,
     zero: false,
-    arrowLeft: false,
-    syncColor: true,
+    left: false,
+    sync: true,
     color: "#333",
     riseColor: "#fa2c19",
     dropColor: "#64b578",
     riseIcon: null,
-    downIcon: null
+    dropIcon: null
   };
   const TrendArrow = (props) => {
     const {
@@ -23865,13 +23958,13 @@ Please add \`${key}Action\` when creating your handler.`);
       digits,
       symbol,
       zero,
-      arrowLeft,
-      syncColor,
+      left,
+      sync: sync2,
       color,
       riseColor,
       dropColor,
       riseIcon,
-      downIcon,
+      dropIcon,
       className,
       style,
       children,
@@ -23889,7 +23982,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const calcStyle = (() => {
       const arrowColor = rateTrend.current ? riseColor : dropColor;
-      const textEquArrowColor = syncColor ? arrowColor : color;
+      const textEquArrowColor = sync2 ? arrowColor : color;
       const style2 = {
         color: value === 0 ? color : textEquArrowColor
       };
@@ -23911,8 +24004,8 @@ Please add \`${key}Action\` when creating your handler.`);
       };
       return iconProps;
     })();
-    const renderContent = (arrowLeft2) => {
-      const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
+    const renderContent = (left2) => {
+      const classNameSuffix = !left2 ? "icon-after" : "icon-before";
       return /* @__PURE__ */ React.createElement(
         "span",
         {
@@ -23922,7 +24015,7 @@ Please add \`${key}Action\` when creating your handler.`);
         calcRate
       );
     };
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(y, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, downIcon || /* @__PURE__ */ React.createElement(y$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(y, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(y$1, { color: calcIconProps.color }))), left && renderContent(!left));
   };
   TrendArrow.defaultProps = defaultProps$1;
   TrendArrow.displayName = "NutTrendArrow";
@@ -24112,7 +24205,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Sticky = Sticky;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
-  exports2.Swiper = Swiper;
+  exports2.Swiper = InnerSwiper;
   exports2.SwiperItem = SwiperItem;
   exports2.Switch = Switch;
   exports2.TabPane = TabPane;