@nutui/nutui-react-taro 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-beta.1 Wed Jun 21 2023 15:10:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-beta.2 Wed Jun 28 2023 16:09:22 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3225,8 +3225,8 @@ var __publicField = (obj, key, value) => {
       showKeys,
       className,
       style,
-      onClickItem,
-      onClickIndex,
+      onItemClick,
+      onIndexClick,
       children,
       ...rest
     } = {
@@ -3321,12 +3321,12 @@ var __publicField = (obj, key, value) => {
       scrollTo(index);
     };
     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) {
@@ -3548,7 +3548,7 @@ var __publicField = (obj, key, value) => {
       safeAreaInsetTop,
       placeholder,
       zIndex,
-      onClickBack
+      onBackClick
     } = {
       ...defaultProps$1d,
       ...props
@@ -3566,7 +3566,7 @@ var __publicField = (obj, key, value) => {
         "div",
         {
           className: `${classPrefix2}__left__back`,
-          onClick: (e) => onClickBack(e)
+          onClick: (e) => onBackClick(e)
         },
         back
       ), left);
@@ -5347,8 +5347,8 @@ var __publicField = (obj, key, value) => {
     },
     onClose: () => {
     },
-    onClickOverlay: (e) => true,
-    onClickCloseIcon: (e) => true,
+    onOverlayClick: (e) => true,
+    onCloseIconClick: (e) => true,
     ...defaultOverlayProps
   };
   let _zIndex = 2e3;
@@ -5377,8 +5377,8 @@ var __publicField = (obj, key, value) => {
       portal,
       onOpen,
       onClose,
-      onClickOverlay,
-      onClickCloseIcon,
+      onOverlayClick,
+      onCloseIconClick,
       afterShow,
       afterClose,
       onClick
@@ -5434,7 +5434,7 @@ var __publicField = (obj, key, value) => {
     const onHandleClickOverlay = (e) => {
       e.stopPropagation();
       if (closeOnOverlayClick) {
-        const closed = onClickOverlay && onClickOverlay(e);
+        const closed = onOverlayClick && onOverlayClick(e);
         closed && close();
       }
     };
@@ -5442,7 +5442,7 @@ var __publicField = (obj, key, value) => {
       onClick && onClick(e);
     };
     const onHandleClickCloseIcon = (e) => {
-      const closed = onClickCloseIcon && onClickCloseIcon(e);
+      const closed = onCloseIconClick && onCloseIconClick(e);
       closed && close();
     };
     const onHandleOpened = (e) => {
@@ -6559,8 +6559,8 @@ var __publicField = (obj, key, value) => {
         closeIconPosition,
         title: popup && props.title,
         left: props.left,
-        onClickOverlay: closePopup,
-        onClickCloseIcon: closePopup
+        onOverlayClick: closePopup,
+        onCloseIconClick: closePopup
       },
       renderTabs()
     ) : renderTabs());
@@ -6768,7 +6768,7 @@ var __publicField = (obj, key, value) => {
       return dayNames[index];
     },
     /**
-     * 返回星期数
+     * 返回上一个月在当前面板中的天数
      * @return {Number}
      */
     getMonthPreDay(year, month) {
@@ -6857,7 +6857,107 @@ var __publicField = (obj, key, value) => {
         return true;
       }
       return false;
+    },
+    getMonthWeek(year, month, date2, firstDayOfWeek = 0) {
+      const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date2));
+      let w2 = dateNow.getDay();
+      const d = dateNow.getDate();
+      let remainder = 6 - w2;
+      if (firstDayOfWeek !== 0) {
+        w2 = w2 === 0 ? 7 : w2;
+        remainder = 7 - w2;
+      }
+      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, k) => {
+      return {
+        day: k + 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, k) => {
+      return {
+        day: k + 1,
+        type: type2,
+        preYear,
+        preMonth
+      };
+    });
+    return months.slice(preDates - days);
   };
   const _window = window;
   function requestAniFrame() {
@@ -6871,7 +6971,38 @@ var __publicField = (obj, key, value) => {
     };
   }
   const requestAniFrame$1 = requestAniFrame();
+  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$10 = {
+    ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -6885,6 +7016,7 @@ var __publicField = (obj, key, value) => {
     showTitle: true,
     showSubTitle: true,
     scrollAnimation: true,
+    firstDayOfWeek: 0,
     renderHeaderButtons: void 0,
     renderDay: void 0,
     renderDayTop: void 0,
@@ -6893,7 +7025,7 @@ var __publicField = (obj, key, value) => {
     },
     onUpdate: () => {
     },
-    onClickDay: (data) => {
+    onDayClick: (data) => {
     },
     onPageChange: (data) => {
     }
@@ -6901,11 +7033,13 @@ var __publicField = (obj, key, value) => {
   const CalendarItem = React.forwardRef((props, ref) => {
     const { locale } = useConfig();
     const {
+      popup,
       type: type2,
       autoBackfill,
-      popup,
       title,
       defaultValue,
+      startDate,
+      endDate,
       showToday,
       startText,
       endText,
@@ -6913,16 +7047,21 @@ var __publicField = (obj, key, value) => {
       showTitle,
       showSubTitle,
       scrollAnimation,
+      firstDayOfWeek,
       renderHeaderButtons,
       renderDay,
       renderDayTop,
       renderDayBottom,
       onConfirm,
       onUpdate,
-      onClickDay,
+      onDayClick,
       onPageChange
     } = { ...defaultProps$10, ...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([]);
@@ -6931,12 +7070,8 @@ var __publicField = (obj, key, value) => {
     const [monthDefaultRange, setMonthDefaultRange] = React.useState([]);
     const [scrollTop, setScrollTop] = React.useState(0);
     const [scrollWithAnimation, setScrollWithAnimation] = React.useState(false);
-    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({
@@ -6963,171 +7098,49 @@ var __publicField = (obj, key, value) => {
     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, k) => {
-        return {
-          day: k + 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, k) => {
-        return {
-          day: k + 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 scrollTop2 = 0;
+        if (monthData.length > 0) {
+          const monthEle = monthData[monthData.length - 1];
+          scrollTop2 = monthEle.scrollTop + monthEle.cssHeight;
+        }
+        const monthInfo = {
+          curData: date2,
+          title: monthTitle(y2, m),
+          monthData: days,
+          cssHeight,
+          scrollTop: scrollTop2
         };
-      });
-      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 scrollTop2 = 0;
-      if (monthsData.length > 0) {
-        const monthEle = monthsData[monthsData.length - 1];
-        scrollTop2 = monthEle.scrollTop + monthEle.cssHeight;
-      }
-      monthInfo.scrollTop = scrollTop2;
-      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];
@@ -7159,48 +7172,11 @@ var __publicField = (obj, key, value) => {
       setTranslateY(monthsData[start].scrollTop);
       setReachedYearMonthInfo(current);
     };
-    const monthsViewScroll = (e) => {
-      if (monthsData.length <= 1) {
-        return;
-      }
-      const scrollTop2 = e.target.scrollTop;
-      let current = Math.floor(scrollTop2 / avgHeight);
-      const nextTop = monthsData[current + 1].scrollTop;
-      const nextHeight = monthsData[current + 1].cssHeight;
-      if (current === 0) {
-        if (scrollTop2 >= nextTop) {
-          current += 1;
-        }
-      } else if (current > 0 && current < monthsNum - 1) {
-        if (scrollTop2 >= nextTop) {
-          current += 1;
-        }
-        if (scrollTop2 < monthsData[current].scrollTop) {
-          current -= 1;
-        }
-      } else {
-        const viewPosition = Math.round(scrollTop2 + viewHeight);
-        if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
-          current += 1;
-        }
-        if (current >= 1 && scrollTop2 < 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;
@@ -7208,27 +7184,7 @@ var __publicField = (obj, key, value) => {
       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`;
-          setScrollTop(monthsData[current].scrollTop);
-          Taro.nextTick(() => setScrollWithAnimation(true));
-        }
-      });
-      setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
-    };
-    const renderCurrentDate = () => {
+    const setDefaultDate = () => {
       let defaultData = [];
       if (type2 === "range" && Array.isArray(currentDate)) {
         if (currentDate.length > 0) {
@@ -7243,7 +7199,7 @@ var __publicField = (obj, key, value) => {
             ...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 = {};
@@ -7258,6 +7214,22 @@ var __publicField = (obj, key, value) => {
           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)) {
@@ -7271,6 +7243,9 @@ var __publicField = (obj, key, value) => {
           defaultData = [];
         }
       }
+      return defaultData;
+    };
+    const getCurrentIndex = (defaultData) => {
       let current = 0;
       let lastCurrent = 0;
       if (defaultData.length > 0) {
@@ -7278,38 +7253,53 @@ var __publicField = (obj, key, value) => {
           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;
@@ -7324,25 +7314,46 @@ var __publicField = (obj, key, value) => {
         } 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;
+          setScrollTop(monthsData[current].scrollTop);
+          Taro.nextTick(() => setScrollWithAnimation(true));
+        }
+      });
+      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;
@@ -7379,30 +7390,68 @@ var __publicField = (obj, key, value) => {
         }
       });
     };
-    React.useEffect(() => {
-      initData();
-    }, []);
-    React.useEffect(() => {
-      setCurrentDate(resetDefaultValue() || []);
-      popup && resetRender();
-    }, [defaultValue]);
+    const monthsViewScroll = (e) => {
+      if (monthsData.length <= 1) {
+        return;
+      }
+      const scrollTop2 = e.detail.scrollTop;
+      Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
+      let current = Math.floor(scrollTop2 / avgHeight);
+      const nextTop = monthsData[current + 1].scrollTop;
+      const nextHeight = monthsData[current + 1].cssHeight;
+      if (current === 0) {
+        if (scrollTop2 >= nextTop) {
+          current += 1;
+        }
+      } else if (current > 0 && current < monthsNum - 1) {
+        if (scrollTop2 >= nextTop) {
+          current += 1;
+        }
+        if (scrollTop2 < monthsData[current].scrollTop) {
+          current -= 1;
+        }
+      } else {
+        const viewPosition = Math.round(scrollTop2 + viewHeight);
+        if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
+          current += 1;
+        }
+        if (current >= 1 && scrollTop2 < monthsData[current - 1].scrollTop) {
+          current -= 1;
+        }
+      }
+      setDefaultRange(monthsNum, current);
+    };
     React.useImperativeHandle(ref, () => ({
       scrollToDate
     }));
-    const confirm = () => {
-      if (type2 === "range" && state.currDateArray.length === 2 || type2 !== "range") {
-        const chooseData = state.currDateArray.slice(0);
-        onConfirm && onConfirm(chooseData);
-        if (popup) {
-          onUpdate && onUpdate();
+    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]);
@@ -7439,71 +7488,113 @@ var __publicField = (obj, key, value) => {
           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) {
           confirm();
         }
       }
       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(
-      components.ScrollView,
+    const confirm = () => {
+      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(
       {
-        scrollTop,
-        scrollY: true,
-        type: "list",
-        scrollWithAnimation,
-        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(
-        "div",
+      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(
+        components.ScrollView,
         {
-          className: "viewArea",
-          ref: viewAreaRef,
-          style: { transform: `translateY(${translateY}px)` }
+          scrollTop,
+          scrollY: true,
+          type: "list",
+          scrollWithAnimation,
+          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: confirm }, 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: confirm }, confirmText || locale.confirm));
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
   });
   CalendarItem.defaultProps = defaultProps$10;
   CalendarItem.displayName = "NutCalendarItem";
@@ -7523,6 +7614,7 @@ var __publicField = (obj, key, value) => {
     showTitle: true,
     showSubTitle: true,
     scrollAnimation: true,
+    firstDayOfWeek: 0,
     renderHeaderButtons: void 0,
     renderDay: void 0,
     renderDayTop: void 0,
@@ -7531,7 +7623,7 @@ var __publicField = (obj, key, value) => {
     },
     onConfirm: (param) => {
     },
-    onClickDay: (data) => {
+    onDayClick: (data) => {
     },
     onPageChange: (param) => {
     }
@@ -7539,7 +7631,6 @@ var __publicField = (obj, key, value) => {
   const Calendar = React.forwardRef((props, ref) => {
     const { locale } = useConfig();
     const {
-      children,
       popup,
       visible,
       type: type2,
@@ -7555,13 +7646,14 @@ var __publicField = (obj, key, value) => {
       showTitle,
       showSubTitle,
       scrollAnimation,
+      firstDayOfWeek,
       renderHeaderButtons,
       renderDay,
       renderDayTop,
       renderDayBottom,
       onClose,
       onConfirm,
-      onClickDay,
+      onDayClick,
       onPageChange
     } = { ...defaultProps$$, ...props };
     const calendarRef = React.useRef(null);
@@ -7576,7 +7668,7 @@ var __publicField = (obj, key, value) => {
       close();
     };
     const select = (param) => {
-      onClickDay && onClickDay(param);
+      onDayClick && onDayClick(param);
     };
     const scrollToDate = (date2) => {
       var _a;
@@ -7607,12 +7699,13 @@ var __publicField = (obj, key, value) => {
           showTitle,
           showSubTitle,
           scrollAnimation,
+          firstDayOfWeek,
           renderHeaderButtons,
           renderDay,
           renderDayTop,
           renderDayBottom,
           onConfirm: choose,
-          onClickDay: select,
+          onDayClick: select,
           onPageChange: yearMonthChange
         }
       );
@@ -7626,8 +7719,8 @@ var __publicField = (obj, key, value) => {
         duration: 0.5,
         closeable: true,
         destroyOnClose: true,
-        onClickOverlay: closePopup,
-        onClickCloseIcon: closePopup,
+        onOverlayClick: closePopup,
+        onCloseIconClick: closePopup,
         style: { height: "85vh" }
       },
       renderItem()
@@ -8397,7 +8490,6 @@ var __publicField = (obj, key, value) => {
       if (moving) {
         isConfirmEvent.current = true;
       } else {
-        console.log("picker confirmed", innerValue);
         setSelectedValue(innerValue);
         closePicker();
       }
@@ -11101,8 +11193,8 @@ var __publicField = (obj, key, value) => {
       {
         visible,
         position: "bottom",
-        onClickOverlay: onClose,
-        onClickCloseIcon: onClose,
+        onOverlayClick: onClose,
+        onCloseIconClick: onClose,
         overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" },
         ...rest
       },
@@ -11780,7 +11872,7 @@ var __publicField = (obj, key, value) => {
       onBlur,
       onClear,
       onSearch,
-      onClickInput
+      onInputClick
     } = {
       ...defaultProps$L,
       ...props
@@ -11832,7 +11924,7 @@ var __publicField = (obj, key, value) => {
       );
     };
     const clickInput = (e) => {
-      onClickInput && onClickInput(e);
+      onInputClick && onInputClick(e);
     };
     const renderLeftIn = () => {
       if (!leftIn)
@@ -11935,8 +12027,8 @@ var __publicField = (obj, key, value) => {
       onCancel,
       onClose,
       onComplete,
-      onClickOverlay,
-      onClickCloseIcon,
+      onOverlayClick,
+      onCloseIconClick,
       ...rest
     } = {
       ...defaultProps$K,
@@ -11975,8 +12067,8 @@ var __publicField = (obj, key, value) => {
         },
         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) => {
@@ -12539,7 +12631,7 @@ var __publicField = (obj, key, value) => {
     uploadIcon: null,
     uploadLabel: "",
     previewType: "picture",
-    imageFit: "cover",
+    fit: "cover",
     name: "file",
     accept: "*",
     disabled: false,
@@ -12584,7 +12676,7 @@ var __publicField = (obj, key, value) => {
       defaultValue,
       value,
       previewType,
-      imageFit,
+      fit,
       disabled,
       multiple,
       url,
@@ -12665,7 +12757,7 @@ var __publicField = (obj, key, value) => {
           document.body.appendChild(obj);
         }
       }
-      if (Taro.getEnv() === "WEAPP") {
+      if (Taro.getEnv() === "WEAPP" && Taro.chooseMedia) {
         Taro.chooseMedia({
           /** 最多可以选择的文件个数 */
           count: multiple ? maxCount * 1 - fileList.length : 1,
@@ -12891,7 +12983,7 @@ var __publicField = (obj, key, value) => {
           components.Image,
           {
             className: "nut-uploader__preview-img__c",
-            style: { objectFit: imageFit },
+            style: { objectFit: fit },
             mode: "aspectFit",
             src: item.url,
             onClick: () => handleItemClick(item)
@@ -12983,7 +13075,7 @@ var __publicField = (obj, key, value) => {
       onCancel && onCancel();
     };
     const chooseItem = (item, index) => {
-      if (!item.disable) {
+      if (!item.disabled) {
         onSelect && onSelect(item, index);
       }
     };
@@ -13003,7 +13095,7 @@ var __publicField = (obj, key, value) => {
         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)
           },
@@ -13545,7 +13637,7 @@ var __publicField = (obj, key, value) => {
       click,
       onClose,
       onClick,
-      onClickItem
+      onItemClick
     } = {
       ...defaultProps$z,
       ...props
@@ -13787,7 +13879,7 @@ var __publicField = (obj, key, value) => {
       });
     };
     const handleItemClick = (event, value) => {
-      onClickItem && onClickItem(event, value);
+      onItemClick && onItemClick(event, value);
     };
     const getStyle = (moveOffset = offset) => {
       const target = innerRef.current;
@@ -14014,8 +14106,8 @@ var __publicField = (obj, key, value) => {
     className: "",
     showArrow: true,
     overlay: false,
-    closeOnClickOutside: true,
-    closeOnClickAction: true,
+    closeOnOutsideClick: true,
+    closeOnActionClick: true,
     onClick: () => {
     },
     onOpen: () => {
@@ -14033,8 +14125,8 @@ var __publicField = (obj, key, value) => {
       offset,
       targetId,
       overlay,
-      closeOnClickOutside,
-      closeOnClickAction,
+      closeOnOutsideClick,
+      closeOnActionClick,
       className,
       showArrow,
       style,
@@ -14098,7 +14190,7 @@ var __publicField = (obj, key, value) => {
       setElHeight(rectContent.height);
     };
     const clickAway = () => {
-      if (closeOnClickOutside) {
+      if (closeOnOutsideClick) {
         props.onClick && props.onClick();
         onClose && onClose();
       }
@@ -14171,7 +14263,7 @@ var __publicField = (obj, key, value) => {
       if (!item.disabled) {
         onSelect && onSelect(item, index);
       }
-      if (closeOnClickAction) {
+      if (closeOnActionClick) {
         props.onClick && props.onClick();
         onClose && onClose();
       }
@@ -16519,311 +16611,78 @@ var __publicField = (obj, key, value) => {
   };
   ImagePreview.defaultProps = defaultProps$e;
   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 binarySearch = (positionsList, value = 0, horizontal) => {
-    let start = 0;
-    let end = positionsList.length - 1;
-    let tempIndex = null;
-    const key = horizontal ? "right" : "bottom";
-    while (start <= end) {
-      const midIndex = Math.floor((start + end) / 2);
-      const midValue = positionsList[midIndex][key];
-      if (midValue === value) {
-        return midIndex + 1;
-      }
-      if (midValue < value) {
-        start = midIndex + 1;
-      } else if (midValue > value) {
-        if (tempIndex === null || tempIndex > midIndex) {
-          tempIndex = midIndex;
-        }
-        end = midIndex - 1;
-      }
-    }
-    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 k = index + 1; k < positions.length; k++) {
-            newPos[k].left = positions[k - 1].right;
-            newPos[k].right -= dValue;
-          }
-        } else if (sizeKey === "height") {
-          newPos[index].bottom -= dValue;
-          newPos[index][sizeKey] = nowSize;
-          for (let k = index + 1; k < positions.length; k++) {
-            newPos[k].top = positions[k - 1].bottom;
-            newPos[k].bottom -= dValue;
-          }
-        }
-      }
-    });
-  };
-  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
   const defaultProps$d = {
     ...ComponentDefaults,
-    list: [],
-    containerHeight: clientHeight,
-    itemHeight: 66,
-    itemEqual: true,
-    overscan: 2
+    defaultValue: 1,
+    mode: "multi",
+    prev: null,
+    next: null,
+    total: 50,
+    pageSize: 10,
+    itemSize: 5,
+    ellipse: false
   };
-  const VirtualList = (props) => {
+  const Pagination = (props) => {
+    const { locale } = useConfig();
     const {
-      list,
-      ItemRender,
-      itemHeight,
-      itemEqual,
-      overscan,
-      key,
-      onScroll,
+      value,
+      mode,
+      prev,
+      next,
+      total,
+      pageSize,
+      itemSize,
+      onChange,
+      ellipse,
+      itemRender,
+      defaultValue,
       className,
-      containerHeight,
       ...rest
     } = {
       ...defaultProps$d,
       ...props
     };
-    const [startOffset, setStartOffset] = React.useState(0);
-    const [start, setStart] = React.useState(0);
-    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 [offSetSize, setOffSetSize] = React.useState(containerHeight || 0);
-    const [options, setOptions] = React.useState({
-      startOffset: 0,
-      // 可视区域距离顶部的偏移量
-      startIndex: 0,
-      // 可视区域开始索引
-      overStart: 0,
-      endIndex: 10
-      // 可视区域结束索引
+    const classPrefix2 = "nut-pagination";
+    const [currentPage, setCurrentPage] = usePropsValue({
+      value,
+      defaultValue,
+      finalValue: 1,
+      onChange
     });
-    React.useEffect(() => {
-      setPositions((options2) => {
-        return { ...options2, endIndex: visibleCount() };
-      });
-    }, [itemHeight, overscan, offSetSize]);
-    React.useEffect(() => {
-      if (containerHeight)
+    const pageCount = React.useMemo(() => {
+      const num = Math.ceil(total / pageSize);
+      return Number.isNaN(num) ? 1 : Math.max(1, num);
+    }, [total, pageSize]);
+    const pages = React.useMemo(() => {
+      const items = [];
+      let startPage = 1;
+      let endPage = pageCount;
+      const partialShow = pageCount > itemSize;
+      if (partialShow) {
+        startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
+        endPage = startPage + itemSize - 1;
+        if (endPage > pageCount) {
+          endPage = pageCount;
+          startPage = endPage - itemSize + 1;
+        }
+      }
+      for (let i = startPage; i <= endPage; i++) {
+        items.push({ number: i, text: i });
+      }
+      if (partialShow && itemSize > 0 && ellipse) {
+        if (startPage > 1) {
+          items.unshift({ number: startPage - 1, text: "..." });
+        }
+        if (endPage < pageCount) {
+          items.push({ number: endPage + 1, text: "..." });
+        }
+      }
+      return items;
+    }, [currentPage, itemSize, pageCount]);
+    const handleSelectPage = (curPage) => {
+      if (curPage > pageCount || curPage < 1)
         return;
-      setOffSetSize(getContainerHeight());
-    }, [containerHeight]);
-    React.useEffect(() => {
-      const pos = initPositinoCache(itemHeight, list.length);
-      setPositions(pos);
-    }, [itemHeight, list]);
-    const getContainerHeight = () => {
-      const initH = itemHeight * list.length;
-      return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
-    };
-    const visibleCount = () => {
-      return Math.ceil(getContainerHeight() / itemHeight) + overscan;
-    };
-    const end = () => {
-      return start + visibleCount();
-    };
-    const listHeight = () => {
-      return list.length * itemHeight;
-    };
-    const visibleData = () => {
-      return list.slice(start, Math.min(end(), list.length));
-    };
-    const updateTotalSize = React.useCallback(() => {
-      if (!itemsRef.current)
-        return;
-      const items = itemsRef.current.children;
-      if (!items.length)
-        return;
-      updateItemSize(positions, items, "height");
-    }, [positions]);
-    const listScroll = (e) => {
-      const scrollTop = e.detail ? e.detail.scrollTop : e.target.scrollTop;
-      const scrollSize = Math.floor(scrollTop);
-      const startIndex = binarySearch(positions, scrollSize, false);
-      const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
-      const endIndex = end();
-      if (!itemEqual) {
-        updateTotalSize();
-      }
-      setStart(Math.floor(scrollTop / itemHeight));
-      setOptions({ startOffset, startIndex, overStart, endIndex });
-      if (end() > list.length - 1) {
-        onScroll && onScroll();
-      }
-      setStartOffset(scrollTop - scrollTop % itemHeight);
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
-        ...rest,
-        style: {
-          height: containerHeight ? `${offSetSize}px` : ""
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        components.ScrollView,
-        {
-          scrollY: true,
-          type: "list",
-          ref: scrollRef,
-          className: "nut-virtuallist",
-          style: {
-            height: `${getContainerHeight()}px`
-          },
-          onScroll: listScroll
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "nut-virtuallist-phantom",
-            style: { height: `${listHeight()}px` }
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "nut-virtuallist-container",
-            ref: itemsRef,
-            style: { transform: `translate3d(0, ${startOffset}px, 0)` }
-          },
-          visibleData().map((data, index) => {
-            const { overStart } = options;
-            const dataIndex = overStart + index;
-            key && data[key] ? data[key] : dataIndex;
-            return /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                ref: dataIndex === 0 ? firstItemRef : null,
-                "data-index": `${dataIndex}`,
-                className: "nut-virtuallist-item",
-                key: `${data}`,
-                style: {
-                  height: `${itemEqual ? `${itemHeight}px` : "auto"}`
-                }
-              },
-              ItemRender ? /* @__PURE__ */ React.createElement(ItemRender, { data, index: `${index}` }) : data
-            );
-          })
-        )
-      )
-    );
-  };
-  VirtualList.defaultProps = defaultProps$d;
-  VirtualList.displayName = "NutVirtualList";
-  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();
-    const {
-      value,
-      mode,
-      prev,
-      next,
-      total,
-      pageSize,
-      itemSize,
-      onChange,
-      ellipse,
-      itemRender,
-      defaultValue,
-      className,
-      ...rest
-    } = {
-      ...defaultProps$c,
-      ...props
-    };
-    const classPrefix2 = "nut-pagination";
-    const [currentPage, setCurrentPage] = usePropsValue({
-      value,
-      defaultValue,
-      finalValue: 1,
-      onChange
-    });
-    const pageCount = React.useMemo(() => {
-      const num = Math.ceil(total / pageSize);
-      return Number.isNaN(num) ? 1 : Math.max(1, num);
-    }, [total, pageSize]);
-    const pages = React.useMemo(() => {
-      const items = [];
-      let startPage = 1;
-      let endPage = pageCount;
-      const partialShow = pageCount > itemSize;
-      if (partialShow) {
-        startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
-        endPage = startPage + itemSize - 1;
-        if (endPage > pageCount) {
-          endPage = pageCount;
-          startPage = endPage - itemSize + 1;
-        }
-      }
-      for (let i = startPage; i <= endPage; i++) {
-        items.push({ number: i, text: i });
-      }
-      if (partialShow && itemSize > 0 && ellipse) {
-        if (startPage > 1) {
-          items.unshift({ number: startPage - 1, text: "..." });
-        }
-        if (endPage < pageCount) {
-          items.push({ number: endPage + 1, text: "..." });
-        }
-      }
-      return items;
-    }, [currentPage, itemSize, pageCount]);
-    const handleSelectPage = (curPage) => {
-      if (curPage > pageCount || curPage < 1)
-        return;
-      setCurrentPage(curPage);
+      setCurrentPage(curPage);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), ...rest }, /* @__PURE__ */ React.createElement(
       "div",
@@ -16862,9 +16721,9 @@ var __publicField = (obj, key, value) => {
       next || locale.pagination.next
     ));
   };
-  Pagination.defaultProps = defaultProps$c;
+  Pagination.defaultProps = defaultProps$d;
   Pagination.displayName = "NutPagination";
-  const defaultProps$b = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     price: 0,
     symbol: "&yen;",
@@ -16887,7 +16746,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$b,
+      ...defaultProps$c,
       ...props
     };
     const classPrefix2 = "nut-price";
@@ -16976,10 +16835,10 @@ var __publicField = (obj, key, value) => {
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$b;
+  Price.defaultProps = defaultProps$c;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
-  const defaultProps$a = {
+  const defaultProps$b = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -16988,7 +16847,7 @@ var __publicField = (obj, key, value) => {
   };
   const Step = (props) => {
     const { children, title, description, value, icon, className, ...restProps } = {
-      ...defaultProps$a,
+      ...defaultProps$b,
       ...props
     };
     const parent = React.useContext(DataContext);
@@ -17022,16 +16881,16 @@ var __publicField = (obj, key, value) => {
     };
     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$a;
+  Step.defaultProps = defaultProps$b;
   Step.displayName = "NutStep";
-  const defaultProps$9 = {
+  const defaultProps$a = {
     ...ComponentDefaults,
     value: 0,
     direction: "horizontal",
     dot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$9, ...props };
+    const propSteps = { ...defaultProps$a, ...props };
     const {
       children,
       value,
@@ -17062,9 +16921,9 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Steps.defaultProps = defaultProps$9;
+  Steps.defaultProps = defaultProps$a;
   Steps.displayName = "NutSteps";
-  const defaultProps$8 = {
+  const defaultProps$9 = {
     ...ComponentDefaults,
     columns: [],
     data: [],
@@ -17076,7 +16935,7 @@ var __publicField = (obj, key, value) => {
   };
   const Table = (props) => {
     const { locale } = useConfig();
-    defaultProps$8.noData = locale.noData;
+    defaultProps$9.noData = locale.noData;
     const {
       children,
       className,
@@ -17092,7 +16951,7 @@ var __publicField = (obj, key, value) => {
       onSort,
       ...rest
     } = {
-      ...defaultProps$8,
+      ...defaultProps$9,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -17175,9 +17034,9 @@ var __publicField = (obj, key, value) => {
       /* @__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$8;
+  Table.defaultProps = defaultProps$9;
   Table.displayName = "NutTable";
-  const defaultProps$7 = {
+  const defaultProps$8 = {
     ...ComponentDefaults,
     type: "default",
     background: "",
@@ -17208,7 +17067,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onClose
     } = {
-      ...defaultProps$7,
+      ...defaultProps$8,
       ...props
     };
     const [tagClass, setTagClass] = React.useState("");
@@ -17283,9 +17142,9 @@ var __publicField = (obj, key, value) => {
       children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
     ));
   };
-  Tag.defaultProps = defaultProps$7;
+  Tag.defaultProps = defaultProps$8;
   Tag.displayName = "NutTag";
-  const defaultProps$6 = {
+  const defaultProps$7 = {
     ...ComponentDefaults,
     source: {
       type: {},
@@ -17313,7 +17172,7 @@ var __publicField = (obj, key, value) => {
       onPlayEnd,
       ...restProps
     } = {
-      ...defaultProps$6,
+      ...defaultProps$7,
       ...props
     };
     const classes = classNames(className, classPrefix$1);
@@ -17333,8 +17192,239 @@ var __publicField = (obj, key, value) => {
       }
     ));
   };
-  Video.defaultProps = defaultProps$6;
+  Video.defaultProps = defaultProps$7;
   Video.displayName = "NutVideo";
+  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 binarySearch = (positionsList, value = 0, horizontal) => {
+    let start = 0;
+    let end = positionsList.length - 1;
+    let tempIndex = null;
+    const key = horizontal ? "right" : "bottom";
+    while (start <= end) {
+      const midIndex = Math.floor((start + end) / 2);
+      const midValue = positionsList[midIndex][key];
+      if (midValue === value) {
+        return midIndex + 1;
+      }
+      if (midValue < value) {
+        start = midIndex + 1;
+      } else if (midValue > value) {
+        if (tempIndex === null || tempIndex > midIndex) {
+          tempIndex = midIndex;
+        }
+        end = midIndex - 1;
+      }
+    }
+    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 k = index + 1; k < positions.length; k++) {
+            newPos[k].left = positions[k - 1].right;
+            newPos[k].right -= dValue;
+          }
+        } else if (sizeKey === "height") {
+          newPos[index].bottom -= dValue;
+          newPos[index][sizeKey] = nowSize;
+          for (let k = index + 1; k < positions.length; k++) {
+            newPos[k].top = positions[k - 1].bottom;
+            newPos[k].bottom -= dValue;
+          }
+        }
+      }
+    });
+  };
+  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
+  const defaultProps$6 = {
+    ...ComponentDefaults,
+    list: [],
+    containerHeight: clientHeight,
+    itemHeight: 66,
+    itemEqual: true,
+    overscan: 2
+  };
+  const VirtualList = (props) => {
+    const {
+      list,
+      itemRender,
+      itemHeight,
+      itemEqual,
+      overscan,
+      key,
+      onScroll,
+      className,
+      containerHeight,
+      ...rest
+    } = {
+      ...defaultProps$6,
+      ...props
+    };
+    const [startOffset, setStartOffset] = React.useState(0);
+    const [start, setStart] = React.useState(0);
+    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 [offSetSize, setOffSetSize] = React.useState(containerHeight || 0);
+    const [options, setOptions] = React.useState({
+      startOffset: 0,
+      // 可视区域距离顶部的偏移量
+      startIndex: 0,
+      // 可视区域开始索引
+      overStart: 0,
+      endIndex: 10
+      // 可视区域结束索引
+    });
+    React.useEffect(() => {
+      setPositions((options2) => {
+        return { ...options2, endIndex: visibleCount() };
+      });
+    }, [itemHeight, overscan, offSetSize]);
+    React.useEffect(() => {
+      if (containerHeight)
+        return;
+      setOffSetSize(getContainerHeight());
+    }, [containerHeight]);
+    React.useEffect(() => {
+      const pos = initPositinoCache(itemHeight, list.length);
+      setPositions(pos);
+    }, [itemHeight, list]);
+    const getContainerHeight = () => {
+      const initH = itemHeight * list.length;
+      return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
+    };
+    const visibleCount = () => {
+      return Math.ceil(getContainerHeight() / itemHeight) + overscan;
+    };
+    const end = () => {
+      return start + visibleCount();
+    };
+    const listHeight = () => {
+      return list.length * itemHeight;
+    };
+    const visibleData = () => {
+      return list.slice(start, Math.min(end(), list.length));
+    };
+    const updateTotalSize = React.useCallback(() => {
+      if (!itemsRef.current)
+        return;
+      const items = itemsRef.current.children;
+      if (!items.length)
+        return;
+      updateItemSize(positions, items, "height");
+    }, [positions]);
+    const listScroll = (e) => {
+      const scrollTop = e.detail ? e.detail.scrollTop : e.target.scrollTop;
+      const scrollSize = Math.floor(scrollTop);
+      const startIndex = binarySearch(positions, scrollSize, false);
+      const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
+      const endIndex = end();
+      if (!itemEqual) {
+        updateTotalSize();
+      }
+      setStart(Math.floor(scrollTop / itemHeight));
+      setOptions({ startOffset, startIndex, overStart, endIndex });
+      if (end() > list.length - 1) {
+        onScroll && onScroll();
+      }
+      setStartOffset(scrollTop - scrollTop % itemHeight);
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
+        ...rest,
+        style: {
+          height: containerHeight ? `${offSetSize}px` : ""
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        components.ScrollView,
+        {
+          scrollY: true,
+          type: "list",
+          ref: scrollRef,
+          className: "nut-virtuallist",
+          style: {
+            height: `${getContainerHeight()}px`
+          },
+          onScroll: listScroll
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "nut-virtuallist-phantom",
+            style: { height: `${listHeight()}px` }
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "nut-virtuallist-container",
+            ref: itemsRef,
+            style: { transform: `translate3d(0, ${startOffset}px, 0)` }
+          },
+          visibleData().map((data, index) => {
+            const { overStart } = options;
+            const dataIndex = overStart + index;
+            key && data[key] ? data[key] : dataIndex;
+            return /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                "data-index": `${dataIndex}`,
+                className: "nut-virtuallist-item",
+                key: `${data}`,
+                style: {
+                  height: `${itemEqual ? `${itemHeight}px` : "auto"}`
+                }
+              },
+              itemRender ? itemRender(data, dataIndex, index) : data
+            );
+          })
+        )
+      )
+    );
+  };
+  VirtualList.defaultProps = defaultProps$6;
+  VirtualList.displayName = "NutVirtualList";
   const defaultProps$5 = {
     ...ComponentDefaults,
     list: [],
@@ -17675,13 +17765,13 @@ var __publicField = (obj, key, value) => {
     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 {
@@ -17689,13 +17779,13 @@ var __publicField = (obj, key, value) => {
       digits,
       symbol,
       zero,
-      arrowLeft,
-      syncColor,
+      left,
+      sync,
       color,
       riseColor,
       dropColor,
       riseIcon,
-      downIcon,
+      dropIcon,
       className,
       style,
       children,
@@ -17713,7 +17803,7 @@ var __publicField = (obj, key, value) => {
     };
     const calcStyle = (() => {
       const arrowColor = rateTrend.current ? riseColor : dropColor;
-      const textEquArrowColor = syncColor ? arrowColor : color;
+      const textEquArrowColor = sync ? arrowColor : color;
       const style2 = {
         color: value === 0 ? color : textEquArrowColor
       };
@@ -17735,8 +17825,8 @@ var __publicField = (obj, key, value) => {
       };
       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",
         {
@@ -17746,7 +17836,7 @@ var __publicField = (obj, key, value) => {
         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(a, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, downIcon || /* @__PURE__ */ React.createElement(a$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(a, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(a$1, { color: calcIconProps.color }))), left && renderContent(!left));
   };
   TrendArrow.defaultProps = defaultProps$1;
   TrendArrow.displayName = "NutTrendArrow";