@nutui/nutui-react-taro 2.7.9 → 2.7.10

package/dist/esm/calendar.taro-C-5Lmq9i.js

@@ -0,0 +1,317 @@
+import React__default, { useState, useRef, useEffect } from "react";
+import { P as Popup } from "./popup.taro-JynjcLCn.js";
+import { s as splitDate, g as getPreMonths, a as getMonths, b as getPreQuarters, c as getQuarters, d as getNextQuarters, C as CalendarItem } from "./calendaritem.taro-B0QA0q4N.js";
+import classNames from "classnames";
+import Taro from "@tarojs/taro";
+import { View, ScrollView } from "@tarojs/components";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { g as getDateString } from "./date-C7eJqrqk.js";
+import { r as requestAniFrame } from "./raf-Di10dXPS.js";
+import { useConfig } from "./ConfigProvider.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { u as useConfig$1 } from "./configprovider.taro-DpK4IiCE.js";
+const YearMonthPanelHeight = 231;
+const YearQuarterPanelHeight = 103;
+const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", viewMode: "month", title: "", startDate: getDateString(0), endDate: getDateString(365), showToday: true, showTitle: true, scrollAnimation: true, renderDay: void 0, onItemClick: () => {
+} });
+const CalendarViewModeItem = React__default.forwardRef((props) => {
+  const { locale } = useConfig();
+  const { style, className, viewMode, title, value, defaultValue, startDate, endDate, showTitle, renderDay, onItemClick } = Object.assign(Object.assign({}, defaultProps$1), props);
+  const classPrefix = "nut-calendar-viewmode";
+  const [panelDate, setPanelDate] = useState({
+    months: [
+      {
+        year: (/* @__PURE__ */ new Date()).getFullYear(),
+        months: [],
+        cssHeight: 0,
+        scrollTop: 0,
+        currYear: false
+      }
+    ],
+    quarters: [
+      {
+        year: (/* @__PURE__ */ new Date()).getFullYear(),
+        quarters: [],
+        cssHeight: 0,
+        scrollTop: 0,
+        currYear: false
+      }
+    ]
+  });
+  const [scrollTop, setScrollTop] = useState(0);
+  const propStartDate = startDate || getDateString(0);
+  const propEndDate = endDate || getDateString(365);
+  const startDates = splitDate(propStartDate);
+  const endDates = splitDate(propEndDate);
+  const [innerValue, setInnerValue] = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange: (val) => {
+    }
+  });
+  const monthsRef = useRef(null);
+  const monthsPanel = useRef(null);
+  const viewAreaRef = useRef(null);
+  const getMonthsPanel = () => {
+    return monthsPanel.current;
+  };
+  const getMonthsRef = () => {
+    return monthsRef.current;
+  };
+  const requestAniFrameFunc = (viewMode2) => {
+    switch (viewMode2) {
+      case "month":
+        {
+          const lastItem = panelDate.months[panelDate.months.length - 1];
+          const containerHeight = lastItem.cssHeight + lastItem.scrollTop;
+          const currentIndex = panelDate.months.findIndex((item) => item.currYear === true);
+          requestAniFrame(() => {
+            var _a;
+            if (monthsRef && monthsPanel && viewAreaRef) {
+              getMonthsRef().clientHeight;
+              getMonthsPanel().style.height = `${containerHeight}px`;
+              const currTop = ((_a = panelDate.months[currentIndex]) === null || _a === void 0 ? void 0 : _a.scrollTop) || 0;
+              getMonthsRef().scrollTop = currTop;
+              setScrollTop(currTop);
+            }
+          });
+        }
+        break;
+      case "quarter":
+        {
+          const lastItem = panelDate.quarters[panelDate.quarters.length - 1];
+          const containerHeight = lastItem.cssHeight + lastItem.scrollTop;
+          const currentIndex = panelDate.quarters.findIndex((item) => item.currYear === true);
+          requestAniFrame(() => {
+            var _a;
+            if (monthsRef && monthsPanel && viewAreaRef) {
+              getMonthsRef().clientHeight;
+              getMonthsPanel().style.height = `${containerHeight}px`;
+              const currTop = ((_a = panelDate.quarters[currentIndex]) === null || _a === void 0 ? void 0 : _a.scrollTop) || 0;
+              getMonthsRef().scrollTop = currTop;
+              setScrollTop(currTop);
+            }
+          });
+        }
+        break;
+    }
+  };
+  const isCurrYear = (year) => {
+    return innerValue.split("-")[0] === `${year}`;
+  };
+  const getMonthsData = () => {
+    const startYear = Number(startDates[0]);
+    const startMonth = Number(startDates[1]);
+    const endYear = Number(endDates[0]);
+    const endMonth = Number(endDates[1]);
+    const panelData = [];
+    const addPanelData = (year, months, scrollTop2) => {
+      panelData.push({
+        year,
+        months,
+        scrollTop: scrollTop2,
+        cssHeight: YearMonthPanelHeight,
+        currYear: isCurrYear(year)
+      });
+    };
+    if (startYear === endYear) {
+      addPanelData(startYear, [
+        ...getPreMonths("prev", startYear, startMonth),
+        ...getMonths("curr", startYear, startMonth, endMonth),
+        ...getMonths("next", endYear, endMonth + 1)
+      ], 0);
+    } else {
+      let scrollTop2 = panelData.length * YearMonthPanelHeight;
+      const startMonths = [
+        ...getPreMonths("prev", startYear, startMonth),
+        ...getMonths("curr", startYear, startMonth)
+      ];
+      addPanelData(startYear, startMonths, scrollTop2);
+      for (let i = startYear + 1; i < endYear; i++) {
+        scrollTop2 = panelData.length * YearMonthPanelHeight;
+        const midMonths = [...getMonths("curr", i, 1)];
+        addPanelData(i, midMonths, scrollTop2);
+      }
+      const lastMonths = [
+        ...getPreMonths("curr", endYear, endMonth + 1),
+        ...getMonths("next", endYear, endMonth + 1)
+      ];
+      scrollTop2 = panelData.length * YearMonthPanelHeight;
+      addPanelData(endYear, lastMonths, scrollTop2);
+    }
+    return panelData;
+  };
+  const getQuartersData = () => {
+    const startYear = Number(startDates[0]);
+    const startMonth = Number(startDates[1]);
+    const endYear = Number(endDates[0]);
+    const endMonth = Number(endDates[1]);
+    const panelData = [];
+    const addPanelData = (year, quarters, scrollTop2) => {
+      panelData.push({
+        year,
+        quarters,
+        scrollTop: scrollTop2,
+        cssHeight: YearQuarterPanelHeight,
+        currYear: isCurrYear(year)
+      });
+    };
+    if (startYear === endYear) {
+      const quarters = [
+        ...getPreQuarters("prev", startYear, startMonth),
+        ...getQuarters("curr", startYear, startMonth, endMonth),
+        ...getNextQuarters("next", endYear, endMonth)
+      ];
+      addPanelData(startYear, quarters, 0);
+    } else {
+      let scrollTop2 = panelData.length * YearQuarterPanelHeight;
+      const startQuarters = [
+        ...getPreQuarters("prev", startYear, startMonth),
+        ...getQuarters("curr", startYear, startMonth)
+      ];
+      addPanelData(startYear, startQuarters, scrollTop2);
+      for (let i = startYear + 1; i < endYear; i++) {
+        scrollTop2 = panelData.length * YearQuarterPanelHeight;
+        const midQuarters = [...getQuarters("curr", i, 1)];
+        addPanelData(i, midQuarters, scrollTop2);
+      }
+      const lastQuarters = [
+        ...getQuarters("curr", endYear, 1, endMonth),
+        ...getNextQuarters("next", endYear, endMonth)
+      ];
+      scrollTop2 = panelData.length * YearQuarterPanelHeight;
+      addPanelData(endYear, lastQuarters, scrollTop2);
+    }
+    return panelData;
+  };
+  const initData = () => {
+    const data = (
+      // eslint-disable-next-line no-nested-ternary
+      viewMode === "month" ? getMonthsData() : viewMode === "quarter" ? getQuartersData() : null
+    );
+    setPanelDate(Object.assign(Object.assign({}, panelDate), { [`${viewMode}s`]: data }));
+  };
+  useEffect(() => {
+    requestAniFrameFunc(viewMode);
+  }, [panelDate]);
+  useEffect(() => {
+    initData();
+  }, []);
+  const monthsViewScroll = (e) => {
+    const scrollTop2 = e.target.scrollTop;
+    Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
+  };
+  const handleItemClick = (viewMode2, item) => {
+    if (item.type !== "curr")
+      return;
+    const val = viewMode2 === "month" ? item.yearAndMonth : item.yearAndQuarter;
+    setInnerValue(val);
+    onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(val);
+  };
+  const isDisable = (item) => {
+    return item.type === "prev" || item.type === "next";
+  };
+  const isActive = (item) => {
+    const val = viewMode === "month" ? item.yearAndMonth : item.yearAndQuarter;
+    return val === innerValue;
+  };
+  const getClasses = (item) => {
+    if (isDisable(item)) {
+      return ["disabled"];
+    }
+    const res = [];
+    if (item.type === "curr") {
+      if (isActive(item)) {
+        res.push("active");
+      }
+    }
+    return res;
+  };
+  const classes = classNames(classPrefix, className);
+  const renderHeader = () => {
+    return showTitle && React__default.createElement(
+      View,
+      { className: classNames({
+        [`${classPrefix}-header`]: true
+      }) },
+      React__default.createElement(View, { className: `${classPrefix}-title` }, title)
+    );
+  };
+  const renderItem = (item, index) => {
+    const units = {
+      month: locale.calendaritem.month,
+      quarter: locale.calendaritem.quarter
+    };
+    return React__default.createElement(
+      "div",
+      { className: classNames(`${classPrefix}-item`, item.type, getClasses(item)), onClick: () => handleItemClick(viewMode, item), key: index },
+      React__default.createElement("div", { className: `${classPrefix}-item-${item.type}` }, renderDay ? renderDay(item) : `${item[viewMode]}${units[viewMode]}`)
+    );
+  };
+  const renderPanel = () => {
+    return React__default.createElement(React__default.Fragment, null, panelDate[`${viewMode}s`].map((item, key) => React__default.createElement(
+      "div",
+      { className: `${classPrefix}-panel`, key },
+      React__default.createElement("div", { className: `${classPrefix}-panel-title` }, item.year),
+      React__default.createElement("div", { className: `${classPrefix}-content` }, item[`${viewMode}s`].map((item2, i) => renderItem(item2, i)))
+    )));
+  };
+  const renderContent = () => {
+    return React__default.createElement(
+      ScrollView,
+      { scrollTop, scrollY: true, className: `${classPrefix}-content`, onScroll: monthsViewScroll, ref: monthsRef },
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-pannel`, ref: monthsPanel },
+        React__default.createElement("div", { ref: viewAreaRef }, renderPanel())
+      )
+    );
+  };
+  return React__default.createElement(
+    "div",
+    { className: classes, style },
+    renderHeader(),
+    renderContent()
+  );
+});
+CalendarViewModeItem.displayName = "NutCalendarViewModeItem";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", viewMode: "day", autoBackfill: false, popup: true, visible: false, title: "", value: "", defaultValue: "", startDate: getDateString(0), endDate: getDateString(365), showToday: true, startText: "", endText: "", confirmText: "", showTitle: true, showSubTitle: true, showMonthNumber: false, scrollAnimation: true, firstDayOfWeek: 0, disableDate: (date) => false, renderHeaderButtons: void 0, renderDay: void 0, renderDayTop: void 0, renderDayBottom: void 0, onClose: () => {
+}, onConfirm: (param) => {
+}, onDayClick: (data) => {
+}, onItemClick: () => {
+}, onPageChange: (param) => {
+} });
+const Calendar = React__default.forwardRef((props, ref) => {
+  const { locale } = useConfig$1();
+  const { style, className, children, popup, visible, type, viewMode, autoBackfill, title, value, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, showMonthNumber, scrollAnimation, firstDayOfWeek, closeIcon, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, onClose, onConfirm, onDayClick, onItemClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const calendarRef = useRef(null);
+  const close = () => {
+    onClose && onClose();
+  };
+  const choose = (param) => {
+    close();
+    onConfirm && onConfirm(param);
+  };
+  const closePopup = () => {
+    close();
+  };
+  const scrollToDate = (date) => {
+    var _a;
+    (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.scrollToDate(date);
+  };
+  const yearMonthChange = (param) => {
+    onPageChange && onPageChange(param);
+  };
+  React__default.useImperativeHandle(ref, () => ({
+    scrollToDate
+  }));
+  const renderItem = () => {
+    return React__default.createElement(React__default.Fragment, null, viewMode !== "day" ? React__default.createElement(CalendarViewModeItem, { ref: calendarRef, style, className, type, viewMode, title: title || locale.calendaritem.title, value, defaultValue, startDate, endDate, showTitle, scrollAnimation, renderDay, onItemClick }) : React__default.createElement(CalendarItem, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, showMonthNumber, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick, onPageChange: yearMonthChange }));
+  };
+  return React__default.createElement(React__default.Fragment, null, popup && viewMode === "day" ? React__default.createElement(Popup, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, closeIcon, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
+});
+Calendar.displayName = "NutCalendar";
+export {
+  Calendar as C
+};

package/dist/esm/{calendarcard.taro-BiOnui_b.js → calendarcard.taro-Cp3yzc6h.js}

@@ -2,8 +2,8 @@ import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { m as getMonthPreDay, f as getMonthDays } from "./date-BmUWlDuN.js";
-import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
+import { c as getMonthPreDay, b as getMonthDays } from "./date-C7eJqrqk.js";
+import { u as useConfig } from "./configprovider.taro-DpK4IiCE.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const left = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==";
 const right = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+";

package/dist/esm/{calendaritem.taro-DveeC4_t.js → calendaritem.taro-B0QA0q4N.js}

@@ -3,10 +3,109 @@ import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
 import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { i as isEqual, d as date2Str, a as getNumTwoBit, g as getDateString, c as compareDate, b as getPreMonthDates, e as getDaysStatus, f as getMonthDays, h as getCurrMonthData, j as getWeekDate, k as getWhatDay, l as formatResultDate } from "./date-BmUWlDuN.js";
+import { a as getNumTwoBit, b as getMonthDays, c as getMonthPreDay, d as date2Str, e as getWhatDay, i as isEqual, g as getDateString, f as compareDate } from "./date-C7eJqrqk.js";
 import { r as requestAniFrame } from "./raf-Di10dXPS.js";
-import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
+import { u as useConfig } from "./configprovider.taro-DpK4IiCE.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+const getCurrMonthData = (type, year, month) => {
+  {
+    month === 12 && (year += 1);
+    month = month === 12 ? 1 : ++month;
+  }
+  return [year, getNumTwoBit(month), getMonthDays(String(year), String(month))];
+};
+const getDaysStatus = (type, year, month) => {
+  let days = getMonthDays(`${year}`, `${month}`);
+  return Array.from(Array(days), (v, k) => {
+    return {
+      day: k + 1,
+      type,
+      year,
+      month
+    };
+  });
+};
+const getPreMonthDates = (type, year, month, firstDayOfWeek) => {
+  let preMonth = +month - 1;
+  let preYear = year;
+  if (preMonth <= 0) {
+    preMonth = 12;
+    preYear += 1;
+  }
+  let days = getMonthPreDay(+year, +month);
+  days -= firstDayOfWeek;
+  if (days >= 7) {
+    days -= 7;
+  }
+  const preDates = getMonthDays(`${preYear}`, `${preMonth}`);
+  const months = Array.from(Array(preDates), (v, k) => {
+    return {
+      day: k + 1,
+      type,
+      preYear,
+      preMonth
+    };
+  });
+  return months.slice(preDates - days);
+};
+const getWeekDate = (year, month, date, firstDayOfWeek = 0) => {
+  const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
+  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 = date2Str(new Date(SundayTime2));
+    const saturday = 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 = date2Str(new Date(MondayTime));
+  const sunday = date2Str(new Date(SundayTime));
+  return [monday, sunday];
+};
+const formatResultDate = (date) => {
+  const [year, month, day] = [...date.split("-")];
+  const formatterDay = getNumTwoBit(Number(day));
+  const formatterDate = `${year}-${month}-${day}`;
+  const dayOfWeek = getWhatDay(Number(year), Number(month), Number(day));
+  return [year, month, formatterDay, formatterDate, dayOfWeek];
+};
+const getWeekOfYearByYMD = (year, month, date, firstDayOfWeek = 0) => {
+  const MILLISECONDS_PER_DAY = 864e5;
+  const dateNow = new Date(year, month - 1, date);
+  const dateFirst = new Date(year, 0, 1);
+  const dayOfYear = Math.round((dateNow.valueOf() - dateFirst.valueOf()) / MILLISECONDS_PER_DAY);
+  const DAYS_OF_FIRST_WEEK = 3;
+  let dayOfWeek = dateNow.getDay();
+  let remainder = 6 - dayOfWeek - DAYS_OF_FIRST_WEEK;
+  if (firstDayOfWeek !== 0) {
+    dayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
+    remainder = 7 - dayOfWeek - DAYS_OF_FIRST_WEEK;
+  }
+  let weekNo = Math.ceil((dayOfYear + remainder + 1) / 7);
+  if (weekNo === 0) {
+    weekNo = getWeekOfYearByYMD(year - 1, 12, 31, firstDayOfWeek);
+  } else if (weekNo === 53) {
+    const remainder2 = 7 - dayOfWeek - DAYS_OF_FIRST_WEEK;
+    weekNo = remainder2 > 0 ? 1 : weekNo;
+  }
+  return weekNo;
+};
+const getWeekNosOfYear = (year, month, firstDayOfWeek) => {
+  const startWeekNo = getWeekOfYearByYMD(year, month, 1, firstDayOfWeek);
+  const endWeekNo = getWeekOfYearByYMD(year, month, getMonthDays(`${year}`, `${month}`), firstDayOfWeek);
+  return Array.from({
+    length: (endWeekNo === 1 ? 53 : endWeekNo) - (startWeekNo === 53 || startWeekNo === 52 ? 0 : startWeekNo) + 1
+  }, (_, i) => {
+    const lastIndex = (endWeekNo === 1 ? 53 : endWeekNo) - startWeekNo;
+    return `${endWeekNo === 1 && i === lastIndex ? 1 : ((startWeekNo === 53 || startWeekNo === 52) && i !== 0 ? 0 : startWeekNo) + i}`;
+  });
+};
 const splitDate = (date) => {
   const split = date.indexOf("-") !== -1 ? "-" : "/";
   return date.split(split);
@@ -35,14 +134,96 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && isEqual(days[0], days[1]);
 };
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", autoBackfill: false, popup: true, title: "", startDate: getDateString(0), endDate: getDateString(365), showToday: true, startText: "", endText: "", confirmText: "", showTitle: true, showSubTitle: true, scrollAnimation: true, firstDayOfWeek: 0, disableDate: (date) => false, renderHeaderButtons: void 0, renderDay: void 0, renderDayTop: void 0, renderDayBottom: void 0, onConfirm: (data) => {
+const getPreMonths = (type, year, month) => {
+  const preMonth = +month - 1;
+  const months = Array.from(Array(preMonth), (v, k) => {
+    return {
+      year,
+      month: k + 1,
+      yearAndMonth: formatMonth(year, k + 1),
+      type
+    };
+  });
+  return months;
+};
+const getMonths = (type, year, month, endMonth = 12) => {
+  const nextMonth = endMonth - month + 1;
+  const months = Array.from(Array(nextMonth), (v, k) => {
+    return {
+      year,
+      month: k + month,
+      yearAndMonth: formatMonth(year, k + month),
+      type
+    };
+  });
+  return months;
+};
+const formatMonth = (year, month) => {
+  return `${year}-${String(month).padStart(2, "0")}`;
+};
+const formatQuarter = (year, quarter) => {
+  return `${year}-Q${quarter}`;
+};
+const getQuarter = (month) => {
+  if (month < 1 || month > 12) {
+    throw new Error("月份必须在 1 到 12 之间");
+  }
+  const quarter = Math.floor((month - 1) / 3) + 1;
+  return quarter;
+};
+const getQuarters = (type, year, month, endMonth = 12) => {
+  const quarters = [];
+  const startIndex = month;
+  const endIndex = endMonth;
+  for (let index = startIndex; index <= endIndex; index += 3) {
+    const quarter = getQuarter(index);
+    quarters.push({
+      year,
+      quarter,
+      yearAndQuarter: formatQuarter(year, quarter),
+      type
+    });
+  }
+  return quarters;
+};
+const getPreQuarters = (type, year, month) => {
+  const quarters = [];
+  const startIndex = 1;
+  const endIndex = month - 3;
+  for (let index = startIndex; index <= endIndex; index += 3) {
+    const quarter = getQuarter(index);
+    quarters.push({
+      year,
+      quarter,
+      yearAndQuarter: formatQuarter(year, quarter),
+      type
+    });
+  }
+  return quarters;
+};
+const getNextQuarters = (type, year, month, endMonth = 12) => {
+  const quarters = [];
+  const startIndex = month + 3;
+  const endIndex = endMonth;
+  for (let index = startIndex; index <= endIndex; index += 3) {
+    const quarter = getQuarter(index);
+    quarters.push({
+      year,
+      quarter,
+      yearAndQuarter: formatQuarter(year, quarter),
+      type
+    });
+  }
+  return quarters;
+};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", autoBackfill: false, popup: true, title: "", startDate: getDateString(0), endDate: getDateString(365), showToday: true, startText: "", endText: "", confirmText: "", showTitle: true, showSubTitle: true, showMonthNumber: false, scrollAnimation: true, firstDayOfWeek: 0, disableDate: (date) => false, renderHeaderButtons: void 0, renderDay: void 0, renderDayTop: void 0, renderDayBottom: void 0, onConfirm: (data) => {
 }, onUpdate: () => {
 }, onDayClick: (data) => {
 }, onPageChange: (data) => {
 } });
 const CalendarItem = React__default.forwardRef((props, ref) => {
   const { locale } = useConfig();
-  const { style, className, children, popup, type, autoBackfill, title, value, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, renderBottomButton, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { style, className, children, popup, type, autoBackfill, title, value, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, showMonthNumber, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-calendar";
   const dayPrefix = "nut-calendar-day";
   const weekdays = locale.calendaritem.weekdays;
@@ -69,7 +250,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       return type !== "single" ? [...defaultValue] : defaultValue;
     }
-    return void 0;
+    return type === "single" ? "" : [];
   };
   const [currentDate, setCurrentDate] = usePropsValue({
     value,
@@ -104,6 +285,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       const monthInfo = {
         curData: date,
         title: monthTitle(y, m),
+        weekNo: getWeekNosOfYear(y, m, firstDayOfWeek),
         monthData: days,
         cssHeight,
         scrollTop: scrollTop2
@@ -120,7 +302,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     if (currentMonthsData.title === yearMonthTitle)
       return;
     const [year, month] = currentMonthsData.curData;
-    onPageChange && onPageChange([year, month, `${year}-${month}`]);
+    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange([year, month, `${year}-${month}`]);
     setYearMonthTitle(currentMonthsData.title);
   };
   const setDefaultRange = (monthNum, current) => {
@@ -316,7 +498,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     initData();
   };
   useEffect(() => {
-    setCurrentDate(resetDefaultValue() || []);
+    setCurrentDate(resetDefaultValue());
   }, [defaultValue]);
   useEffect(() => {
     popup && resetRender();
@@ -489,7 +671,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       }
     }
     if (!isFirst) {
-      onDayClick && onDayClick(state.currDateArray);
+      onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(state.currDateArray);
       if (autoBackfill || !popup) {
         confirm();
       }
@@ -499,9 +681,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const confirm = () => {
     if (type === "range" && state.currDateArray.length === 2 || type !== "range") {
       const chooseData = state.currDateArray.slice(0);
-      onConfirm && onConfirm(chooseData);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(chooseData);
       if (popup) {
-        onUpdate && onUpdate();
+        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate();
       }
     }
   };
@@ -526,7 +708,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       showTitle && React__default.createElement("div", { className: `${classPrefix}-title` }, title || locale.calendaritem.title),
       renderHeaderButtons && React__default.createElement("div", { className: `${classPrefix}-header-buttons` }, renderHeaderButtons()),
       showSubTitle && React__default.createElement("div", { className: `${classPrefix}-sub-title` }, yearMonthTitle),
-      React__default.createElement("div", { className: `${classPrefix}-weeks`, ref: weeksPanel }, weeks.map((item) => React__default.createElement("div", { className: `${classPrefix}-week-item`, key: item }, item)))
+      React__default.createElement("div", { className: `${classPrefix}-weeks ${showMonthNumber ? `${classPrefix}-weeks-shrink` : ""}`, ref: weeksPanel }, weeks.map((item) => React__default.createElement("div", { className: `${classPrefix}-week-item`, key: item }, item)))
     );
   };
   const renderItem = (month, day, index) => {
@@ -539,7 +721,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       React__default.createElement("div", { className: `${classPrefix}-day-day` }, renderDay ? renderDay(day) : day.day),
       !startTip && renderDayTop && React__default.createElement("div", { className: `${classPrefix}-day-info-top` }, renderDayTop(day)),
       noStartNorEnd && renderDayBottom && React__default.createElement("div", { className: `${classPrefix}-day-info-bottom` }, renderDayBottom(day)),
-      noStartNorEnd && isCurrDay(month, day.day) && !renderDayBottom && showToday && React__default.createElement("div", { className: `${classPrefix}-day-info-curr` }, locale.calendaritem.today),
+      noStartNorEnd && !renderDayBottom && showToday && isCurrDay(month, day.day) && React__default.createElement("div", { className: `${classPrefix}-day-info-curr` }, locale.calendaritem.today),
       startTip && React__default.createElement("div", { className: classNames("nut-calendar-day-info", {
         "nut-calendar-day-info-top": isStartAndEnd(currentDate)
       }) }, startText || locale.calendaritem.start),
@@ -551,7 +733,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       "div",
       { className: `${classPrefix}-month`, key },
       React__default.createElement("div", { className: `${classPrefix}-month-title` }, month.title),
-      React__default.createElement("div", { className: `${classPrefix}-days` }, month.monthData.map((day, i) => renderItem(month, day, i)))
+      React__default.createElement(
+        "div",
+        { className: `${showMonthNumber ? "shrink" : ""}` },
+        showMonthNumber && React__default.createElement("div", { className: `${classPrefix}-weeknumber` }, month.weekNo.map((item, index) => React__default.createElement("div", { className: `${classPrefix}-weeknumber-index`, key: index }, item))),
+        React__default.createElement("div", { className: `${classPrefix}-days` }, month.monthData.map((day, i) => renderItem(month, day, i)))
+      )
     );
   };
   const renderContent = () => {
@@ -561,7 +748,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       React__default.createElement(
         "div",
         { className: `${classPrefix}-pannel`, ref: monthsPanel },
-        React__default.createElement("div", { className: "viewArea", ref: viewAreaRef, style: { transform: `translateY(${translateY}px)` } }, monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
+        React__default.createElement("div", { ref: viewAreaRef, style: { transform: `translateY(${translateY}px)` } }, monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
           return renderPanel(month, key);
         }))
       )
@@ -585,5 +772,11 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
 });
 CalendarItem.displayName = "NutCalendarItem";
 export {
-  CalendarItem as C
+  CalendarItem as C,
+  getMonths as a,
+  getPreQuarters as b,
+  getQuarters as c,
+  getNextQuarters as d,
+  getPreMonths as g,
+  splitDate as s
 };

package/dist/esm/{cascader.taro-DUJvcGw0.js → cascader.taro-Djw9IdKW.js}

@@ -4,10 +4,10 @@ import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { ScrollView } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-JynjcLCn.js";
-import { T as Tabs } from "./tabs.taro-sp_DNWis.js";
+import { T as Tabs } from "./tabs.taro-Cb7JS_Gz.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
+import { u as useConfig } from "./configprovider.taro-DpK4IiCE.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
   const _a = node, _b = valueKey, value = _a[_b], _c = textKey, text = _a[_c], _d = childrenKey, children = _a[_d], others = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", typeof _d === "symbol" ? _d : _d + ""]);

package/dist/esm/{configprovider.taro-C3WyeHSO.js → configprovider.taro-DpK4IiCE.js}

@@ -48,6 +48,10 @@ const zhCN = {
     start: "开始",
     confirm: "确认",
     title: "日历选择",
+    week: "周",
+    month: "月",
+    year: "年",
+    quarter: "季度",
     monthTitle: (year, month) => `${year}年${Number(month) < 10 ? `0${Number(month)}` : month}月`,
     today: "今天",
     loadPreviousMonth: "加载上一个月",