@nutui/nutui-react-taro 2.7.8 → 2.7.10

package/dist/nutui.react.es.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui-react-taro v2.7.8 Fri Feb 14 2025 16:17:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:50:54 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
 import React__default, { useCallback, createContext, useContext, useState, useRef, useEffect, useMemo as useMemo$1, useImperativeHandle, isValidElement, forwardRef, Component, Children } from "react";
-import Taro, { getEnv, createSelectorQuery, usePageScroll, getSystemInfoSync, pageScrollTo, nextTick, ENV_TYPE, useReady, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, Events, getCurrentInstance, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
+import Taro, { getEnv, createSelectorQuery, usePageScroll, pageScrollTo, nextTick, ENV_TYPE, useReady, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, Events, getCurrentInstance, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
 import { Image as Image$2, View, ScrollView, PickerView, PickerViewColumn, Form as Form$1, Text, Input as Input$1, Textarea, Swiper as Swiper$1, SwiperItem as SwiperItem$1, Video as Video$1, Canvas } from "@tarojs/components";
 import ReactDOM, { createPortal } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -264,7 +264,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1u = {
+const defaultProps$1v = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -299,7 +299,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1u,
+      ...defaultProps$1v,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -366,7 +366,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1t = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -375,7 +375,7 @@ const defaultProps$1t = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1t,
+    ...defaultProps$1u,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -387,7 +387,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1s = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -414,7 +414,7 @@ const Cell = (props) => {
     clickable,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1t,
     ...props
   };
   const handleClick = (event) => {
@@ -1382,7 +1382,7 @@ lodash_isequal.exports;
   module.exports = isEqual2;
 })(lodash_isequal, lodash_isequal.exports);
 var lodash_isequalExports = lodash_isequal.exports;
-const isequal = /* @__PURE__ */ getDefaultExportFromCjs(lodash_isequalExports);
+const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_isequalExports);
 function useMemo(getValue2, condition, shouldUpdate) {
   const cacheRef = React.useRef({});
   if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
@@ -1427,6 +1427,10 @@ const zhCN = {
     start: "开始",
     confirm: "确认",
     title: "日历选择",
+    week: "周",
+    month: "月",
+    year: "年",
+    quarter: "季度",
     monthTitle: (year, month) => `${year}年${Number(month) < 10 ? `0${Number(month)}` : month}月`,
     today: "今天",
     loadPreviousMonth: "加载上一个月",
@@ -1570,7 +1574,7 @@ const ConfigProvider = (props) => {
     [config2, direction],
     (prev, next) => prev.some((prevTheme, index) => {
       const nextTheme = next[index];
-      return !isequal(prevTheme, nextTheme);
+      return !isEqual$1(prevTheme, nextTheme);
     })
   );
   const cssVarStyle = React__default.useMemo(() => {
@@ -1593,7 +1597,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1r = {
+const defaultProps$1s = {
   src: "",
   error: true,
   loading: true
@@ -1612,7 +1616,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1r, ...props };
+  } = { ...defaultProps$1s, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e2) => {
@@ -3631,7 +3635,7 @@ const Overlay = (props) => {
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -3639,7 +3643,7 @@ const defaultProps$1q = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1q,
+    ...defaultProps$1r,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -3672,7 +3676,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -3680,7 +3684,7 @@ const defaultProps$1p = {
 const classPrefix$o = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -3701,7 +3705,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1o = {
+const defaultProps$1p = {
   text: "",
   columns: 4,
   gap: 0,
@@ -3726,7 +3730,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1p,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -3785,7 +3789,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1n = {
+const defaultProps$1o = {
   columns: 4,
   gap: 0,
   center: true,
@@ -3806,7 +3810,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1o, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3847,7 +3851,7 @@ const Layout = () => {
 };
 Layout.displayName = "NutLayout";
 const classPrefix$n = "nut-row";
-const defaultProps$1m = {
+const defaultProps$1n = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -3867,7 +3871,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1m,
+    ...defaultProps$1n,
     ...props
   };
   const getClass = (prefix, type22) => {
@@ -3901,12 +3905,12 @@ const Row = (props) => {
 };
 Row.displayName = "NutRow";
 const prefixCls$1 = "nut-space";
-const defaultProps$1l = {
+const defaultProps$1m = {
   direction: "horizontal"
 };
 const Space = (props) => {
   const { className, style, children, wrap, align, direction, justify } = {
-    ...defaultProps$1l,
+    ...defaultProps$1m,
     ...props
   };
   const cls = classNames(
@@ -3922,6 +3926,12 @@ const Space = (props) => {
   }));
 };
 Space.displayName = "NutSpace";
+const getDeviceInfo = () => {
+  return Taro.canIUse("getDeviceInfo") ? Taro.getDeviceInfo() : Taro.getSystemInfoSync();
+};
+const getWindowInfo = () => {
+  return Taro.canIUse("getWindowInfo") ? Taro.getWindowInfo() : Taro.getSystemInfoSync();
+};
 function useWatch$1(dep, callback, config2 = { immediate: false }) {
   const { immediate } = config2;
   const prev = useRef();
@@ -4035,7 +4045,7 @@ const getRectByTaro = async (element) => {
   }
   return Promise.resolve(makeRect(0, 0));
 };
-const defaultProps$1k = {
+const defaultProps$1l = {
   ...ComponentDefaults,
   position: "top",
   zIndex: 900
@@ -4052,7 +4062,7 @@ const Sticky = (props) => {
     className,
     onChange,
     ...rest
-  } = { ...defaultProps$1k, ...props };
+  } = { ...defaultProps$1l, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [rootRect, setRootRect] = useState({});
@@ -4119,7 +4129,7 @@ const Sticky = (props) => {
         setFixed(threshold > curRootRect.top);
       }
     } else {
-      const windowHeight = getSystemInfoSync().windowHeight;
+      const windowHeight = getWindowInfo().windowHeight;
       setFixed(windowHeight - threshold < curRootRect.bottom);
     }
   };
@@ -4176,7 +4186,7 @@ const SafeArea = (props) => {
   );
 };
 SafeArea.displayName = "NutSafeArea";
-const defaultProps$1j = {
+const defaultProps$1k = {
   ...ComponentDefaults,
   threshold: 200,
   zIndex: 900,
@@ -4185,7 +4195,7 @@ const defaultProps$1j = {
 const BackTop = (props) => {
   const rtl = useRtl();
   const { children, threshold, zIndex, className, duration, style, onClick } = {
-    ...defaultProps$1j,
+    ...defaultProps$1k,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -4233,7 +4243,7 @@ function useUuid() {
   return idRef.current;
 }
 const elevatorContext = createContext({});
-const defaultProps$1i = {
+const defaultProps$1j = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -4260,7 +4270,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1j,
     ...props
   };
   const uuid = useUuid();
@@ -4486,7 +4496,7 @@ const Elevator = (props) => {
 };
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -4514,7 +4524,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -4567,7 +4577,7 @@ const FixedNav = (props) => {
   );
 };
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -4592,7 +4602,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -4670,7 +4680,7 @@ const NavBar = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, safeAreaInsetTop && /* @__PURE__ */ React__default.createElement(SafeArea, { position: "top" }), fixed && placeholder ? /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
 NavBar.displayName = "NutNavBar";
-const defaultProps$1f = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -4723,7 +4733,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1f, ...props };
+  } = { ...defaultProps$1g, ...props };
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -4866,7 +4876,7 @@ const Popup = (props) => {
 };
 Popup.displayName = "NutPopup";
 const OffsetContext = createContext(20);
-const defaultProps$1e = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -4884,7 +4894,7 @@ const SideNavBar = (props) => {
     indent,
     ...rest
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const innerIndent = indent ? Number(indent) : 20;
@@ -4942,13 +4952,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$1d = {
+const defaultProps$1e = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open: open2, ...rest } = {
-    ...defaultProps$1d,
+    ...defaultProps$1e,
     ...props
   };
   const [subShow, setSubShow] = useState(open2);
@@ -5026,7 +5036,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -5051,7 +5061,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -5105,7 +5115,7 @@ const Badge = (props) => {
 };
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$1b = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -5131,7 +5141,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1c,
     ...props
   };
   const active = index === (ctx == null ? void 0 : ctx.selectIndex);
@@ -5169,7 +5179,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$1a = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -5192,7 +5202,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -5234,14 +5244,14 @@ const Tabbar = (props) => {
 };
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$19 = {
+const defaultProps$1a = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -5268,7 +5278,7 @@ function requestAniFrame() {
   };
 }
 const requestAniFrame$1 = requestAniFrame();
-const defaultProps$18 = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -5297,7 +5307,7 @@ const Tabs = (props) => {
     value: outerValue,
     defaultValue: outerDefaultValue,
     ...rest
-  } = { ...defaultProps$18, ...props };
+  } = { ...defaultProps$19, ...props };
   const uuid = useUuid();
   const [value, setValue] = usePropsValue({
     value: outerValue,
@@ -5364,14 +5374,8 @@ const Tabs = (props) => {
   const [scrollLeft, setScrollLeft] = useState(0);
   const [scrollTop, setScrollTop] = useState(0);
   const scrollDirection = (to, direction2) => {
-    let count = 0;
-    const frames = 1;
-    function animate() {
-      if (direction2 === "horizontal") setScrollLeft(to);
-      else setScrollTop(to);
-      if (++count < frames) requestAniFrame$1(animate);
-    }
-    animate();
+    if (direction2 === "horizontal") setScrollLeft(to);
+    else setScrollTop(to);
   };
   const scrollIntoView = (index) => {
     requestAniFrame$1(() => {
@@ -5388,13 +5392,11 @@ const Tabs = (props) => {
         } else {
           const left2 = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
           to = left2 - (navRect.width - titleRect.width) / 2;
-          if (to < 0) return;
-          to = rtl ? -to : to;
         }
+        scrollDirection(to, direction);
         nextTick(() => {
           scrollWithAnimation.current = true;
         });
-        scrollDirection(to, direction);
       });
     });
   };
@@ -5487,7 +5489,7 @@ const Tabs = (props) => {
 };
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
-const defaultProps$17 = {
+const defaultProps$18 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -5506,7 +5508,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$17, ...props };
+  } = { ...defaultProps$18, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -5668,7 +5670,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -5714,7 +5716,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$16, ...props };
+  } = { ...defaultProps$17, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -6025,7 +6027,7 @@ const InternalCascader = (props, ref) => {
 };
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.displayName = "NutCascader";
-const defaultProps$15 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -6052,7 +6054,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$16,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -6077,7 +6079,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$14 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -6119,7 +6121,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -6276,33 +6278,6 @@ const isEqual = (date1, date22) => {
   const endTime = new Date(date22.replace(/-/g, "/")).getTime();
   return startTime === endTime;
 };
-const getWeekDate = (year, month, date4, firstDayOfWeek = 0) => {
-  const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date4));
-  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 = (date4) => {
-  const [year, month, day] = [...date4.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 getCurrMonthData = (type4, year, month) => {
   {
     month === 12 && (year += 1);
@@ -6344,6 +6319,74 @@ const getPreMonthDates = (type4, year, month, firstDayOfWeek) => {
   });
   return months.slice(preDates - days);
 };
+const getWeekDate = (year, month, date4, firstDayOfWeek = 0) => {
+  const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date4));
+  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 = (date4) => {
+  const [year, month, day] = [...date4.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, date4, firstDayOfWeek = 0) => {
+  const MILLISECONDS_PER_DAY = 864e5;
+  const dateNow = new Date(year, month - 1, date4);
+  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
+    },
+    (_, i2) => {
+      const lastIndex = (endWeekNo === 1 ? 53 : endWeekNo) - startWeekNo;
+      return `${endWeekNo === 1 && i2 === lastIndex ? 1 : ((startWeekNo === 53 || startWeekNo === 52) && i2 !== 0 ? 0 : startWeekNo) + i2}`;
+    }
+  );
+};
 const splitDate = (date4) => {
   const split = date4.indexOf("-") !== -1 ? "-" : "/";
   return date4.split(split);
@@ -6372,7 +6415,89 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && isEqual(days[0], days[1]);
 };
-const defaultProps$13 = {
+const getPreMonths = (type4, 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: type4
+    };
+  });
+  return months;
+};
+const getMonths = (type4, 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: type4
+    };
+  });
+  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 = (type4, 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: type4
+    });
+  }
+  return quarters;
+};
+const getPreQuarters = (type4, 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: type4
+    });
+  }
+  return quarters;
+};
+const getNextQuarters = (type4, 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: type4
+    });
+  }
+  return quarters;
+};
+const defaultProps$14 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -6386,6 +6511,7 @@ const defaultProps$13 = {
   confirmText: "",
   showTitle: true,
   showSubTitle: true,
+  showMonthNumber: false,
   scrollAnimation: true,
   firstDayOfWeek: 0,
   disableDate: (date4) => false,
@@ -6422,19 +6548,20 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     confirmText,
     showTitle,
     showSubTitle,
+    showMonthNumber,
     scrollAnimation,
     firstDayOfWeek,
     disableDate,
     renderHeaderButtons,
+    renderBottomButton,
     renderDay,
     renderDayTop,
     renderDayBottom,
-    renderBottomButton,
     onConfirm,
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$14, ...props };
   const classPrefix2 = "nut-calendar";
   const dayPrefix = "nut-calendar-day";
   const weekdays = locale.calendaritem.weekdays;
@@ -6461,7 +6588,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       return type4 !== "single" ? [...defaultValue] : defaultValue;
     }
-    return void 0;
+    return type4 === "single" ? "" : [];
   };
   const [currentDate, setCurrentDate] = usePropsValue({
     value,
@@ -6496,6 +6623,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       const monthInfo = {
         curData: date4,
         title: monthTitle(y2, m2),
+        weekNo: getWeekNosOfYear(y2, m2, firstDayOfWeek),
         monthData: days,
         cssHeight,
         scrollTop: scrollTop2
@@ -6517,7 +6645,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     const currentMonthsData = monthsData[current];
     if (currentMonthsData.title === yearMonthTitle) return;
     const [year, month] = currentMonthsData.curData;
-    onPageChange && onPageChange([year, month, `${year}-${month}`]);
+    onPageChange == null ? void 0 : onPageChange([year, month, `${year}-${month}`]);
     setYearMonthTitle(currentMonthsData.title);
   };
   const setDefaultRange = (monthNum, current) => {
@@ -6719,7 +6847,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     initData();
   };
   useEffect(() => {
-    setCurrentDate(resetDefaultValue() || []);
+    setCurrentDate(resetDefaultValue());
   }, [defaultValue]);
   useEffect(() => {
     popup && resetRender();
@@ -6880,7 +7008,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       }
     }
     if (!isFirst) {
-      onDayClick && onDayClick(state.currDateArray);
+      onDayClick == null ? void 0 : onDayClick(state.currDateArray);
       if (autoBackfill || !popup) {
         confirm();
       }
@@ -6890,9 +7018,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const confirm = () => {
     if (type4 === "range" && state.currDateArray.length === 2 || type4 !== "range") {
       const chooseData = state.currDateArray.slice(0);
-      onConfirm && onConfirm(chooseData);
+      onConfirm == null ? void 0 : onConfirm(chooseData);
       if (popup) {
-        onUpdate && onUpdate();
+        onUpdate == null ? void 0 : onUpdate();
       }
     }
   };
@@ -6915,7 +7043,14 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return currentDate.length >= 2 && (type4 === "range" || type4 === "week") && day.type === "active" && isEnd(getCurrDate(day, month), currentDate);
   };
   const renderHeader = () => {
-    return /* @__PURE__ */ React__default.createElement("div", { className: headerClasses }, showTitle && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || locale.calendaritem.title), renderHeaderButtons && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header-buttons` }, renderHeaderButtons()), showSubTitle && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-sub-title` }, yearMonthTitle), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-weeks`, ref: weeksPanel }, weeks.map((item) => /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-week-item`, key: item }, item))));
+    return /* @__PURE__ */ React__default.createElement("div", { className: headerClasses }, showTitle && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || locale.calendaritem.title), renderHeaderButtons && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header-buttons` }, renderHeaderButtons()), showSubTitle && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-sub-title` }, yearMonthTitle), /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `${classPrefix2}-weeks ${showMonthNumber ? `${classPrefix2}-weeks-shrink` : ""}`,
+        ref: weeksPanel
+      },
+      weeks.map((item) => /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-week-item`, key: item }, item))
+    ));
   };
   const renderItem = (month, day, index) => {
     const startTip = isStartTip(day, month);
@@ -6931,7 +7066,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-day-day` }, renderDay ? renderDay(day) : day.day),
       !startTip && renderDayTop && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-day-info-top` }, renderDayTop(day)),
       noStartNorEnd && renderDayBottom && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-day-info-bottom` }, renderDayBottom(day)),
-      noStartNorEnd && isCurrDay(month, day.day) && !renderDayBottom && showToday && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-day-info-curr` }, locale.calendaritem.today),
+      noStartNorEnd && !renderDayBottom && showToday && isCurrDay(month, day.day) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-day-info-curr` }, locale.calendaritem.today),
       startTip && /* @__PURE__ */ React__default.createElement(
         "div",
         {
@@ -6947,9 +7082,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     );
   };
   const renderPanel = (month, key) => {
-    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map(
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React__default.createElement("div", { className: `${showMonthNumber ? "shrink" : ""}` }, showMonthNumber && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-weeknumber` }, month.weekNo.map((item, index) => /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-weeknumber-index`, key: index }, item))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map(
       (day, i2) => renderItem(month, day, i2)
-    )));
+    ))));
   };
   const renderContent = () => {
     return /* @__PURE__ */ React__default.createElement(
@@ -6966,7 +7101,6 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-pannel`, ref: monthsPanel }, /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: "viewArea",
           ref: viewAreaRef,
           style: { transform: `translateY(${translateY}px)` }
         },
@@ -6982,13 +7116,328 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
 });
 CalendarItem.displayName = "NutCalendarItem";
+const defaultConfigRef = {
+  current: {
+    locale: zhCN
+  }
+};
+const getDefaultConfig = () => {
+  return defaultConfigRef.current;
+};
+const ConfigContext = createContext(null);
+const useConfig = () => {
+  return useContext(ConfigContext) ?? getDefaultConfig();
+};
+const YearMonthPanelHeight = 231;
+const YearQuarterPanelHeight = 103;
+const defaultProps$13 = {
+  ...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
+  } = { ...defaultProps$13, ...props };
+  const classPrefix2 = "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$1(() => {
+            var _a;
+            if (monthsRef && monthsPanel && viewAreaRef) {
+              getMonthsRef().clientHeight;
+              getMonthsPanel().style.height = `${containerHeight}px`;
+              const currTop = ((_a = panelDate.months[currentIndex]) == null ? 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$1(() => {
+            var _a;
+            if (monthsRef && monthsPanel && viewAreaRef) {
+              getMonthsRef().clientHeight;
+              getMonthsPanel().style.height = `${containerHeight}px`;
+              const currTop = ((_a = panelDate.quarters[currentIndex]) == null ? 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 i2 = startYear + 1; i2 < endYear; i2++) {
+        scrollTop2 = panelData.length * YearMonthPanelHeight;
+        const midMonths = [...getMonths("curr", i2, 1)];
+        addPanelData(i2, 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 i2 = startYear + 1; i2 < endYear; i2++) {
+        scrollTop2 = panelData.length * YearQuarterPanelHeight;
+        const midQuarters = [...getQuarters("curr", i2, 1)];
+        addPanelData(i2, 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({ ...panelDate, [`${viewMode}s`]: data });
+  };
+  useEffect(() => {
+    requestAniFrameFunc(viewMode);
+  }, [panelDate]);
+  useEffect(() => {
+    initData();
+  }, []);
+  const monthsViewScroll = (e2) => {
+    const scrollTop2 = e2.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 ? 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(classPrefix2, className);
+  const renderHeader = () => {
+    return showTitle && /* @__PURE__ */ React__default.createElement(
+      View,
+      {
+        className: classNames({
+          [`${classPrefix2}-header`]: true
+        })
+      },
+      /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-title` }, title)
+    );
+  };
+  const renderItem = (item, index) => {
+    const units = {
+      month: locale.calendaritem.month,
+      quarter: locale.calendaritem.quarter
+    };
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: classNames(
+          `${classPrefix2}-item`,
+          item.type,
+          getClasses(item)
+        ),
+        onClick: () => handleItemClick(viewMode, item),
+        key: index
+      },
+      /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-item-${item.type}` }, renderDay ? renderDay(item) : `${item[viewMode]}${units[viewMode]}`)
+    );
+  };
+  const renderPanel = () => {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, panelDate[`${viewMode}s`].map((item, key) => /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-panel`, key }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-panel-title` }, item.year), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, item[`${viewMode}s`].map(
+      (item2, i2) => renderItem(item2, i2)
+    )))));
+  };
+  const renderContent = () => {
+    return /* @__PURE__ */ React__default.createElement(
+      ScrollView,
+      {
+        scrollTop,
+        scrollY: true,
+        className: `${classPrefix2}-content`,
+        onScroll: monthsViewScroll,
+        ref: monthsRef
+      },
+      /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-pannel`, ref: monthsPanel }, /* @__PURE__ */ React__default.createElement("div", { ref: viewAreaRef }, renderPanel()))
+    );
+  };
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent());
+});
+CalendarViewModeItem.displayName = "NutCalendarViewModeItem";
 const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
+  viewMode: "day",
   autoBackfill: false,
   popup: true,
   visible: false,
   title: "",
+  value: "",
   defaultValue: "",
   startDate: getDateString(0),
   endDate: getDateString(365),
@@ -6998,6 +7447,7 @@ const defaultProps$12 = {
   confirmText: "",
   showTitle: true,
   showSubTitle: true,
+  showMonthNumber: false,
   scrollAnimation: true,
   firstDayOfWeek: 0,
   disableDate: (date4) => false,
@@ -7011,6 +7461,8 @@ const defaultProps$12 = {
   },
   onDayClick: (data) => {
   },
+  onItemClick: () => {
+  },
   onPageChange: (param) => {
   }
 };
@@ -7023,8 +7475,10 @@ const Calendar = React__default.forwardRef((props, ref) => {
     popup,
     visible,
     type: type4,
+    viewMode,
     autoBackfill,
     title,
+    value,
     defaultValue,
     startDate,
     endDate,
@@ -7034,6 +7488,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     confirmText,
     showTitle,
     showSubTitle,
+    showMonthNumber,
     scrollAnimation,
     firstDayOfWeek,
     closeIcon,
@@ -7046,6 +7501,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onClose,
     onConfirm,
     onDayClick,
+    onItemClick,
     onPageChange
   } = { ...defaultProps$12, ...props };
   const calendarRef = useRef(null);
@@ -7059,9 +7515,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
   const closePopup = () => {
     close2();
   };
-  const select = (param) => {
-    onDayClick && onDayClick(param);
-  };
   const scrollToDate = (date4) => {
     var _a;
     (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date4);
@@ -7073,7 +7526,25 @@ const Calendar = React__default.forwardRef((props, ref) => {
     scrollToDate
   }));
   const renderItem = () => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, viewMode !== "day" ? /* @__PURE__ */ React__default.createElement(
+      CalendarViewModeItem,
+      {
+        ref: calendarRef,
+        style,
+        className,
+        type: type4,
+        viewMode,
+        title: title || locale.calendaritem.title,
+        value,
+        defaultValue,
+        startDate,
+        endDate,
+        showTitle,
+        scrollAnimation,
+        renderDay,
+        onItemClick
+      }
+    ) : /* @__PURE__ */ React__default.createElement(
       CalendarItem,
       {
         ref: calendarRef,
@@ -7093,6 +7564,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
         confirmText: confirmText || locale.calendaritem.confirm,
         showTitle,
         showSubTitle,
+        showMonthNumber,
         scrollAnimation,
         firstDayOfWeek,
         disableDate,
@@ -7102,12 +7574,12 @@ const Calendar = React__default.forwardRef((props, ref) => {
         renderDayTop,
         renderDayBottom,
         onConfirm: choose,
-        onDayClick: select,
+        onDayClick,
         onPageChange: yearMonthChange
       }
-    );
+    ));
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, popup ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, popup && viewMode === "day" ? /* @__PURE__ */ React__default.createElement(
     Popup,
     {
       className: "nut-calendar-popup",
@@ -7115,11 +7587,11 @@ const Calendar = React__default.forwardRef((props, ref) => {
       position: "bottom",
       round: true,
       closeable: true,
+      closeIcon,
       destroyOnClose: true,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup,
-      style: { height: "83%" },
-      closeIcon
+      style: { height: "83%" }
     },
     renderItem()
   ) : renderItem());
@@ -10866,7 +11338,7 @@ const MenuItem = forwardRef((props, ref) => {
   useEffect(() => {
     getParentOffset();
   }, [showPopup, getParentOffset]);
-  const windowHeight = useMemo$1(() => getSystemInfoSync().windowHeight, []);
+  const windowHeight = useMemo$1(() => getWindowInfo().windowHeight, []);
   const updateItemOffset = useCallback(() => {
     if (!parent.lockScroll) return;
     const p = parent.menuRef.current;
@@ -10916,7 +11388,7 @@ const MenuItem = forwardRef((props, ref) => {
       bottom: "0",
       height: "initial"
     } : {
-      bottom: `${getSystemInfoSync().windowHeight - position.top}px`,
+      bottom: `${getWindowInfo().windowHeight - position.top}px`,
       top: "0",
       height: "initial"
     };
@@ -10929,7 +11401,7 @@ const MenuItem = forwardRef((props, ref) => {
       };
     }
     return {
-      height: `${getSystemInfoSync().windowHeight - position.top}px`,
+      height: `${getWindowInfo().windowHeight - position.top}px`,
       top: "auto",
       ...isShow()
     };
@@ -13557,7 +14029,7 @@ function useParams(args) {
   const stateRef = useRef(args);
   const currentRef = useRef();
   const previousRef = useRef();
-  if (!isequal(currentRef.current, args)) {
+  if (!isEqual$1(currentRef.current, args)) {
     previousRef.current = currentRef.current;
     currentRef.current = args;
     stateRef.current = args;
@@ -13794,7 +14266,7 @@ const Drag = (props) => {
     const el = myDrag.current;
     if (el) {
       const { top, left: left2, bottom, right: right2 } = boundary;
-      const { screenWidth, windowHeight } = getSystemInfoSync();
+      const { screenWidth, windowHeight } = getWindowInfo();
       const {
         width,
         height,
@@ -15071,7 +15543,7 @@ const PullToRefresh = (p) => {
       setStatus("pulling");
     }
   };
-  const isAndroidWeApp = Taro.getSystemInfoSync().platform === "android" && Taro.getEnv() === "WEAPP";
+  const isAndroidWeApp = getDeviceInfo().platform === "android" && Taro.getEnv() === "WEAPP";
   const springStyles = {
     height: `${height}px`,
     ...!pullingRef.current || isAndroidWeApp ? { transition: "height .3s ease" } : {}
@@ -17983,18 +18455,6 @@ const getTaroRectById = (id) => {
     }
   });
 };
-const defaultConfigRef = {
-  current: {
-    locale: zhCN
-  }
-};
-const getDefaultConfig = () => {
-  return defaultConfigRef.current;
-};
-const ConfigContext = createContext(null);
-const useConfig = () => {
-  return useContext(ConfigContext) ?? getDefaultConfig();
-};
 const defaultProps$9 = {
   ...ComponentDefaults,
   visible: false,
@@ -18275,7 +18735,7 @@ const VirtualList = (props) => {
     ...props
   };
   const clientHeight = useMemo$1(
-    () => getSystemInfoSync().windowHeight - 5 || 667,
+    () => getWindowInfo().windowHeight - 5 || 667,
     []
   );
   const containerHeight = useMemo$1(
@@ -19049,7 +19509,7 @@ const AvatarCropper = (props) => {
   const [visible, setVisible] = useState(false);
   const [moving, setMoving] = useState(false);
   const [zooming, setZooming] = useState(false);
-  const systemInfo = Taro.getSystemInfoSync();
+  const systemInfo = getWindowInfo();
   const showAlipayCanvas2D = useMemo$1(() => {
     return Taro.getEnv() === "ALIPAY" && parseInt(Taro.SDKVersion.replace(/\./g, "")) >= 270;
   }, []);