@nutui/nutui-react 2.7.7 → 2.7.9

package/dist/esm/CalendarItem.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-import { U as Utils, g as getPreMonthDates, a as getDaysStatus, b as getCurrMonthData } from "./date.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.js";
 import { r as requestAniFrame } from "./raf.js";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
@@ -12,28 +12,28 @@ const splitDate = (date) => {
 const isMultiple = (day, days) => {
   if (days.length > 0) {
     return days.some((item) => {
-      return Utils.isEqual(item, day);
+      return isEqual(item, day);
     });
   }
   return false;
 };
 const isCurrDay = (month, day) => {
   const date = `${month.curData[0]}/${month.curData[1]}/${day}`;
-  return Utils.isEqual(date, Utils.date2Str(/* @__PURE__ */ new Date(), "/"));
+  return isEqual(date, date2Str(/* @__PURE__ */ new Date(), "/"));
 };
 const getCurrDate = (day, month) => {
-  return `${month.curData[0]}/${month.curData[1]}/${Utils.getNumTwoBit(+day.day)}`;
+  return `${month.curData[0]}/${month.curData[1]}/${getNumTwoBit(+day.day)}`;
 };
 const isStart = (day, days) => {
-  return Utils.isEqual(days[0], day);
+  return isEqual(days[0], day);
 };
 const isEnd = (day, days) => {
-  return Utils.isEqual(days[1], day);
+  return isEqual(days[1], day);
 };
 const isStartAndEnd = (days) => {
-  return days.length >= 2 && Utils.isEqual(days[0], days[1]);
+  return days.length >= 2 && isEqual(days[0], days[1]);
 };
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", autoBackfill: false, popup: true, title: "", startDate: Utils.getDay(0), endDate: Utils.getDay(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 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) => {
 }, onUpdate: () => {
 }, onDayClick: (data) => {
 }, onPageChange: (data) => {
@@ -41,6 +41,8 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 const CalendarItem = React__default.forwardRef((props, ref) => {
   const { locale } = useConfig();
   const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, value, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-calendar";
+  const dayPrefix = "nut-calendar-day";
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -52,19 +54,13 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const [monthsNum, setMonthsNum] = useState(0);
   const [translateY, setTranslateY] = useState(0);
   const [monthDefaultRange, setMonthDefaultRange] = useState([]);
-  const propStartDate = startDate || Utils.getDay(0);
-  const propEndDate = endDate || Utils.getDay(365);
+  const propStartDate = startDate || getDateString(0);
+  const propEndDate = endDate || getDateString(365);
   const startDates = splitDate(propStartDate);
   const endDates = splitDate(propEndDate);
   const [state] = useState({
     currDateArray: []
   });
-  const getMonthsPanel = () => {
-    return monthsPanel.current;
-  };
-  const getMonthsRef = () => {
-    return monthsRef.current;
-  };
   const resetDefaultValue = () => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       return type !== "single" ? [...defaultValue] : defaultValue;
@@ -84,9 +80,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const viewAreaRef = useRef(null);
   const [avgHeight, setAvgHeight] = useState(0);
   let viewHeight = 0;
-  const classPrefix = "nut-calendar";
-  const dayPrefix = "nut-calendar-day";
-  const getMonthData = (curData, monthNum, type2) => {
+  const getMonthData = (curData, monthNum) => {
     let i = 0;
     let date = curData;
     const monthData = monthsData;
@@ -110,10 +104,8 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
         cssHeight,
         scrollTop
       };
-      {
-        if (!endDates || !Utils.compareDate(`${endDates[0]}/${endDates[1]}/${Utils.getMonthDays(endDates[0], endDates[1])}`, `${curData[0]}/${curData[1]}/${curData[2]}`)) {
-          monthData.push(monthInfo);
-        }
+      if (!endDates || !compareDate(`${endDates[0]}/${endDates[1]}/${getMonthDays(endDates[0], endDates[1])}`, `${curData[0]}/${curData[1]}/${curData[2]}`)) {
+        monthData.push(monthInfo);
       }
       date = getCurrMonthData("next", y, m);
     } while (i++ < monthNum);
@@ -121,9 +113,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   const setReachedYearMonthInfo = (current) => {
     const currentMonthsData = monthsData[current];
-    const [year, month] = currentMonthsData.curData;
     if (currentMonthsData.title === yearMonthTitle)
       return;
+    const [year, month] = currentMonthsData.curData;
     onPageChange && onPageChange([year, month, `${year}-${month}`]);
     setYearMonthTitle(currentMonthsData.title);
   };
@@ -149,57 +141,54 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     setTranslateY(monthsData[start].scrollTop);
     setReachedYearMonthInfo(current);
   };
-  const getMonthNum = () => {
-    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;
-    }
-    setMonthsNum(monthNum);
-    return monthNum;
-  };
   const setDefaultDate = () => {
     let defaultData = [];
-    if (type === "range" && Array.isArray(currentDate)) {
-      if (currentDate.length > 0) {
-        if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
-          currentDate.splice(0, 1, propStartDate);
+    if (type === "single" && typeof currentDate === "string") {
+      if (!currentDate.length) {
+        return defaultData;
+      }
+      if (compareDate(currentDate, propStartDate)) {
+        defaultData = [...splitDate(propStartDate)];
+      } else if (!compareDate(currentDate, propEndDate)) {
+        defaultData = [...splitDate(propEndDate)];
+      } else {
+        defaultData = [...splitDate(currentDate)];
+      }
+      return defaultData;
+    }
+    if (Array.isArray(currentDate) && currentDate.length) {
+      if (type === "range") {
+        if (compareDate(currentDate[0], propStartDate)) {
+          currentDate[0] = propStartDate;
         }
-        if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
-          currentDate.splice(1, 1, propEndDate);
+        if (compareDate(propEndDate, currentDate[1])) {
+          currentDate[1] = propEndDate;
         }
         defaultData = [
           ...splitDate(currentDate[0]),
           ...splitDate(currentDate[1])
         ];
-      }
-    } else if (type === "multiple" && Array.isArray(currentDate)) {
-      if (currentDate.length > 0) {
+      } else if (type === "multiple") {
         const defaultArr = [];
         const obj = {};
         currentDate.forEach((item) => {
-          if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
+          if (!compareDate(item, propStartDate) && !compareDate(propEndDate, item)) {
             if (!Object.hasOwnProperty.call(obj, item)) {
               defaultArr.push(item);
               obj[item] = item;
             }
           }
         });
-        currentDate.splice(0) && currentDate.push(...defaultArr);
+        currentDate.splice(0, currentDate.length, ...defaultArr);
         defaultData = [...splitDate(defaultArr[0])];
-      }
-    } else if (type === "week" && Array.isArray(currentDate)) {
-      if (currentDate.length > 0) {
+      } else if (type === "week") {
         const [y, m, d] = splitDate(currentDate[0]);
-        const weekArr = Utils.getWeekDate(y, m, d, firstDayOfWeek);
-        currentDate.splice(0) && currentDate.push(...weekArr);
-        if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
+        const weekArr = getWeekDate(y, m, d, firstDayOfWeek);
+        currentDate.splice(0, currentDate.length, ...weekArr);
+        if (compareDate(currentDate[0], propStartDate)) {
           currentDate.splice(0, 1, propStartDate);
         }
-        if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
+        if (compareDate(propEndDate, currentDate[1])) {
           currentDate.splice(1, 1, propEndDate);
         }
         defaultData = [
@@ -207,18 +196,6 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
           ...splitDate(currentDate[1])
         ];
       }
-    } else if (currentDate) {
-      if (currentDate.length > 0) {
-        if (propStartDate && Utils.compareDate(currentDate, propStartDate)) {
-          defaultData = [...splitDate(propStartDate)];
-        } else if (propEndDate && !Utils.compareDate(currentDate, propEndDate)) {
-          defaultData = [...splitDate(propEndDate)];
-        } else {
-          defaultData = [...splitDate(currentDate)];
-        }
-      } else {
-        defaultData = [];
-      }
     }
     return defaultData;
   };
@@ -252,31 +229,31 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       lastCurrent
     };
   };
-  const renderCurrentDate = () => {
-    const defaultData = setDefaultDate();
-    const current = getCurrentIndex(defaultData);
-    if (defaultData.length > 0) {
-      if (type === "range") {
-        chooseDay({ day: defaultData[2], type: "active" }, monthsData[current.current], true);
-        chooseDay({ day: defaultData[5], type: "active" }, monthsData[current.lastCurrent], true);
-      } else if (type === "week") {
-        chooseDay({ day: defaultData[2], type: "curr" }, monthsData[current.current], true);
-      } else if (type === "multiple") {
-        [...currentDate].forEach((item) => {
-          const dateArr = splitDate(item);
-          let currentIndex = current.current;
-          monthsData.forEach((item2, index) => {
-            if (item2.title === monthTitle(dateArr[0], dateArr[1])) {
-              currentIndex = index;
-            }
-          });
-          chooseDay({ day: dateArr[2], type: "active" }, monthsData[currentIndex], true);
-        });
-      } else {
-        chooseDay({ day: defaultData[2], type: "active" }, monthsData[current.current], true);
-      }
+  const renderCurrentDate = (defaultData, current) => {
+    if (!defaultData.length)
+      return;
+    const date = monthsData[current.current];
+    if (type === "range") {
+      handleDayClick({ day: defaultData[2], type: "active" }, date);
+      handleDayClick({ day: defaultData[5], type: "active" }, monthsData[current.lastCurrent]);
+    } else if (type === "week") {
+      handleDayClick({ day: defaultData[2], type: "curr" }, date);
+    } else if (type === "multiple") {
+      [...currentDate].forEach((item) => {
+        const dateArr = splitDate(item);
+        let currentIndex = current.current;
+        currentIndex = monthsData.findIndex((item2) => item2.title === monthTitle(dateArr[0], dateArr[1]));
+        handleDayClick({ day: dateArr[2], type: "active" }, monthsData[currentIndex]);
+      });
+    } else {
+      handleDayClick({ day: defaultData[2], type: "active" }, date);
     }
-    return current.current;
+  };
+  const getMonthsPanel = () => {
+    return monthsPanel.current;
+  };
+  const getMonthsRef = () => {
+    return monthsRef.current;
   };
   const requestAniFrameFunc = (current, monthNum) => {
     const lastItem = monthsData[monthsData.length - 1];
@@ -290,12 +267,27 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     });
     setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
   };
+  const getMonthNum = () => {
+    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;
+    }
+    setMonthsNum(monthNum);
+    return monthNum;
+  };
   const initData = () => {
     const monthNum = getMonthNum();
     getMonthData(startDates, monthNum);
-    const current = renderCurrentDate();
-    setDefaultRange(monthNum, current);
-    requestAniFrameFunc(current, monthNum);
+    const defaultData = setDefaultDate();
+    const current = getCurrentIndex(defaultData);
+    const currentIndex = current.current;
+    renderCurrentDate(defaultData, current);
+    setDefaultRange(monthNum, currentIndex);
+    requestAniFrameFunc(currentIndex, monthNum);
   };
   useEffect(() => {
     initData();
@@ -312,9 +304,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     popup && resetRender();
   }, [currentDate]);
   const scrollToDate = (date) => {
-    if (Utils.compareDate(date, propStartDate)) {
+    if (compareDate(date, propStartDate)) {
       date = propStartDate;
-    } else if (!Utils.compareDate(date, propEndDate)) {
+    } else if (!compareDate(date, propEndDate)) {
       date = propEndDate;
     }
     const dateArr = splitDate(date);
@@ -358,16 +350,13 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     const nextTop = monthsData[current + 1].scrollTop;
     const nextHeight = monthsData[current + 1].cssHeight;
     if (current === 0) {
-      if (scrollTop >= nextTop) {
+      if (scrollTop >= nextTop)
         current += 1;
-      }
     } else if (current > 0 && current < monthsNum - 1) {
-      if (scrollTop >= nextTop) {
+      if (scrollTop >= nextTop)
         current += 1;
-      }
-      if (scrollTop < monthsData[current].scrollTop) {
+      if (scrollTop < monthsData[current].scrollTop)
         current -= 1;
-      }
     } else {
       const viewPosition = Math.round(scrollTop + viewHeight);
       if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
@@ -382,86 +371,90 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   React__default.useImperativeHandle(ref, () => ({
     scrollToDate
   }));
+  const isDisable = (day, month) => {
+    if (day.type !== "active")
+      return true;
+    const dateStr = getCurrDate(day, month);
+    if (compareDate(dateStr, propStartDate))
+      return true;
+    if (compareDate(propEndDate, dateStr))
+      return true;
+    return false;
+  };
   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 (isDisable(day, month))
+      return `${dayPrefix}-disabled`;
+    const activeCls = `${dayPrefix}-active`;
+    if (type === "range" || type === "week") {
+      if (isStart(dateStr, currentDate))
+        return `${activeCls} active-start`;
+      if (isEnd(dateStr, currentDate)) {
+        return `${activeCls} active-end`;
       }
-      if (type === "range" || type === "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])) {
-          if (disableDate(day)) {
-            return `${dayPrefix}-choose-disabled`;
-          }
-          return `${dayPrefix}-choose`;
-        }
-      } else if (type === "multiple" && isMultiple(dateStr, currentDate) || !Array.isArray(currentDate) && Utils.isEqual(currentDate, dateStr)) {
-        return `${dayPrefix}-active`;
+      if (currentDate.length === 2 && compareDate(currentDate[0], dateStr) && compareDate(dateStr, currentDate[1])) {
+        return disableDate(day) ? `${dayPrefix}-choose-disabled` : `${dayPrefix}-choose`;
       }
-      if (disableDate(day)) {
-        return `${dayPrefix}-disabled`;
-      }
-      return null;
+    } else if (type === "multiple" && isMultiple(dateStr, currentDate) || type === "single" && isEqual(currentDate, dateStr)) {
+      return activeCls;
     }
-    return `${dayPrefix}-disabled`;
+    if (disableDate(day))
+      return `${dayPrefix}-disabled`;
+    return null;
   };
-  const chooseDay = (day, month, isFirst) => {
+  const handleDayClick = (day, month, isFirst = true) => {
     if (getClasses(day, month) === `${dayPrefix}-disabled`) {
       return;
     }
     const days = [...month.curData];
     const [y, m] = month.curData;
-    days[2] = typeof day.day === "number" ? Utils.getNumTwoBit(day.day) : day.day;
+    days[2] = typeof day.day === "number" ? getNumTwoBit(day.day) : day.day;
     days[3] = `${days[0]}/${days[1]}/${days[2]}`;
-    days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+    days[4] = getWhatDay(+days[0], +days[1], +days[2]);
+    const newDate = days[3];
     if (type === "multiple") {
-      if (currentDate.length > 0) {
-        let hasIndex = "";
-        currentDate.forEach((item, index) => {
-          if (item === days[3]) {
-            hasIndex = index;
+      if (Array.isArray(currentDate)) {
+        if (currentDate.length > 0) {
+          const hasIndex = currentDate.findIndex((item) => item === newDate);
+          if (isFirst) {
+            state.currDateArray.push([...days]);
+          } else if (hasIndex > -1) {
+            currentDate.splice(hasIndex, 1);
+            state.currDateArray.splice(hasIndex, 1);
+          } else {
+            currentDate.push(newDate);
+            state.currDateArray.push([...days]);
           }
-        });
-        if (isFirst) {
-          state.currDateArray.push([...days]);
-        } else if (hasIndex !== "") {
-          currentDate.splice(hasIndex, 1);
-          state.currDateArray.splice(hasIndex, 1);
         } else {
-          currentDate.push(days[3]);
-          state.currDateArray.push([...days]);
+          currentDate.push(newDate);
+          state.currDateArray = [[...days]];
         }
-      } else {
-        currentDate.push(days[3]);
-        state.currDateArray = [[...days]];
       }
     } else if (type === "range") {
-      const curDataLength = Object.values(currentDate).length;
-      if (curDataLength === 2 || curDataLength === 0) {
-        Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(days[3]);
-        state.currDateArray = [[...days]];
-      } else if (Utils.compareDate(currentDate[0], days[3])) {
-        Array.isArray(currentDate) && currentDate.push(days[3]);
-        state.currDateArray = [...state.currDateArray, [...days]];
-      } else {
-        Array.isArray(currentDate) && currentDate.unshift(days[3]);
-        state.currDateArray = [[...days], ...state.currDateArray];
+      if (Array.isArray(currentDate)) {
+        if (currentDate.length === 2 || currentDate.length === 0) {
+          currentDate.splice(0, currentDate.length, newDate);
+          state.currDateArray = [[...days]];
+        } else if (compareDate(currentDate[0], newDate)) {
+          currentDate.push(newDate);
+          state.currDateArray = [...state.currDateArray, [...days]];
+        } else {
+          currentDate.unshift(newDate);
+          state.currDateArray = [[...days], ...state.currDateArray];
+        }
       }
     } else if (type === "week") {
-      const weekArr = Utils.getWeekDate(y, m, `${day.day}`, firstDayOfWeek);
-      if (propStartDate && Utils.compareDate(weekArr[0], propStartDate)) {
-        weekArr.splice(0, 1, propStartDate);
+      const weekArr = getWeekDate(y, m, `${day.day}`, firstDayOfWeek);
+      if (compareDate(weekArr[0], propStartDate)) {
+        weekArr[0] = propStartDate;
       }
-      if (propEndDate && Utils.compareDate(propEndDate, weekArr[1])) {
-        weekArr.splice(1, 1, propEndDate);
+      if (compareDate(propEndDate, weekArr[1])) {
+        weekArr[1] = propEndDate;
       }
-      Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(...weekArr);
+      currentDate.splice(0, currentDate.length, ...weekArr);
       state.currDateArray = [
-        Utils.formatResultDate(weekArr[0]),
-        Utils.formatResultDate(weekArr[1])
+        formatResultDate(weekArr[0]),
+        formatResultDate(weekArr[1])
       ];
     } else {
       setCurrentDate(days[3]);
@@ -484,10 +477,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       }
     }
   };
-  const classes = classNames({
+  const classes = classNames(classPrefix, {
     [`${classPrefix}-title`]: !popup,
     [`${classPrefix}-nofooter`]: !!autoBackfill
-  }, classPrefix, className);
+  }, className);
   const headerClasses = classNames({
     [`${classPrefix}-header`]: true,
     [`${classPrefix}-header-title`]: !popup
@@ -508,6 +501,29 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       React__default.createElement("div", { className: `${classPrefix}-weeks`, ref: weeksPanel }, weeks.map((item) => React__default.createElement("div", { className: `${classPrefix}-week-item`, key: item }, item)))
     );
   };
+  const renderItem = (month, day, index) => {
+    const startTip = isStartTip(day, month);
+    const endTip = isEndTip(day, month);
+    const noStartNorEnd = !startTip && !endTip;
+    return React__default.createElement(
+      "div",
+      { className: [`${classPrefix}-day`, getClasses(day, month)].join(" "), onClick: () => handleDayClick(day, month, false), key: index },
+      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 && !renderDayBottom && showToday && isCurrDay(month, day.day) && React__default.createElement("div", { className: `${classPrefix}-day-info-curr` }, locale.calendaritem.today),
+      startTip && React__default.createElement("div", { className: `${classPrefix}-day-info ${isStartAndEnd(currentDate) ? `${classPrefix}-day-info-top` : ""}` }, startText || locale.calendaritem.start),
+      endTip && React__default.createElement("div", { className: `${classPrefix}-day-info` }, endText || locale.calendaritem.end)
+    );
+  };
+  const renderPanel = (month, key) => {
+    return React__default.createElement(
+      "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)))
+    );
+  };
   const renderContent = () => {
     return React__default.createElement(
       "div",
@@ -516,26 +532,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
         "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) => {
-          return React__default.createElement(
-            "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) => React__default.createElement(
-              "div",
-              { className: [
-                `${classPrefix}-day`,
-                getClasses(day, month)
-              ].join(" "), onClick: () => {
-                chooseDay(day, month);
-              }, key: i },
-              React__default.createElement("div", { className: `${classPrefix}-day-day` }, renderDay ? renderDay(day) : day.day),
-              !isStartTip(day, month) && renderDayTop && React__default.createElement("div", { className: `${classPrefix}-day-info-top` }, renderDayTop(day)),
-              !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && React__default.createElement("div", { className: `${classPrefix}-day-info-bottom` }, renderDayBottom(day)),
-              !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && React__default.createElement("div", { className: `${classPrefix}-day-info-curr` }, locale.calendaritem.today),
-              isStartTip(day, month) && React__default.createElement("div", { className: `${classPrefix}-day-info ${isStartAndEnd(currentDate) ? `${classPrefix}-day-info-top` : ""}` }, startText || locale.calendaritem.start),
-              isEndTip(day, month) && React__default.createElement("div", { className: `${classPrefix}-day-info` }, endText || locale.calendaritem.end)
-            )))
-          );
+          return renderPanel(month, key);
         }))
       )
     );

package/dist/esm/ImagePreview/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}.nut-swiper{width:100%;height:100%;overflow:hidden;touch-action:none;position:relative}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-swiper-inner{width:100%;height:100%;display:flex;position:relative}.nut-swiper-inner-horizontal{transform:translate(var(--swiper-offset))}.nut-swiper-inner-vertical{transform:translateY(var(--swiper-offset));flex-direction:column}.nut-swiper-slide{width:100%;height:100%;position:relative;flex-shrink:0}.nut-swiper-item{width:100%;height:100%}[dir=rtl] .nut-swiper-indicator,.nut-rtl .nut-swiper-indicator{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-swiper-indicator-vertical,.nut-rtl .nut-swiper-indicator-vertical{left:auto;right:12px}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview-close{position:fixed;display:flex;align-items:center;justify-content:center;z-index:2002;background:transparent;color:#fff}.nut-imagepreview-close.top-right{top:50px;right:20px}.nut-imagepreview-close.top-left{top:50px;left:20px}.nut-imagepreview-close.bottom{bottom:50px;left:0;right:0;text-align:center}.nut-imagepreview-pop{height:100%;background:transparent!important;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}[dir=rtl] .nut-imagepreview-index .arrow,.nut-rtl .nut-imagepreview-index .arrow{left:auto;right:15px;transform:rotate(-180deg)}[dir=rtl] .nut-imagepreview-close.top-right,.nut-rtl .nut-imagepreview-close.top-right{right:auto;left:20px}[dir=rtl] .nut-imagepreview-close.top-left,.nut-rtl .nut-imagepreview-close.top-left{left:auto;right:20px}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}.nut-swiper{width:100%;height:100%;overflow:hidden;touch-action:none;position:relative}.nut-swiper-canmove-horizontal{touch-action:pan-y}.nut-swiper-canmove-vertical{touch-action:pan-x}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-swiper-inner{width:100%;height:100%;display:flex;position:relative}.nut-swiper-inner-horizontal{transform:translate(var(--swiper-offset))}.nut-swiper-inner-vertical{transform:translateY(var(--swiper-offset));flex-direction:column}.nut-swiper-slide{width:100%;height:100%;position:relative;flex-shrink:0}.nut-swiper-item{width:100%;height:100%}[dir=rtl] .nut-swiper-indicator,.nut-rtl .nut-swiper-indicator{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-swiper-indicator-vertical,.nut-rtl .nut-swiper-indicator-vertical{left:auto;right:12px}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview-close{position:fixed;display:flex;align-items:center;justify-content:center;z-index:2002;background:transparent;color:#fff}.nut-imagepreview-close.top-right{top:50px;right:20px}.nut-imagepreview-close.top-left{top:50px;left:20px}.nut-imagepreview-close.bottom{bottom:50px;left:0;right:0;text-align:center}.nut-imagepreview-pop{height:100%;background:transparent!important;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}[dir=rtl] .nut-imagepreview-index .arrow,.nut-rtl .nut-imagepreview-index .arrow{left:auto;right:15px;transform:rotate(-180deg)}[dir=rtl] .nut-imagepreview-close.top-right,.nut-rtl .nut-imagepreview-close.top-right{right:auto;left:20px}[dir=rtl] .nut-imagepreview-close.top-left,.nut-rtl .nut-imagepreview-close.top-left{left:auto;right:20px}

package/dist/esm/Swiper/style/style.css

@@ -1 +1 @@
-.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}.nut-swiper{width:100%;height:100%;overflow:hidden;touch-action:none;position:relative}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-swiper-inner{width:100%;height:100%;display:flex;position:relative}.nut-swiper-inner-horizontal{transform:translate(var(--swiper-offset))}.nut-swiper-inner-vertical{transform:translateY(var(--swiper-offset));flex-direction:column}.nut-swiper-slide{width:100%;height:100%;position:relative;flex-shrink:0}.nut-swiper-item{width:100%;height:100%}[dir=rtl] .nut-swiper-indicator,.nut-rtl .nut-swiper-indicator{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-swiper-indicator-vertical,.nut-rtl .nut-swiper-indicator-vertical{left:auto;right:12px}
+.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}.nut-swiper{width:100%;height:100%;overflow:hidden;touch-action:none;position:relative}.nut-swiper-canmove-horizontal{touch-action:pan-y}.nut-swiper-canmove-vertical{touch-action:pan-x}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-swiper-inner{width:100%;height:100%;display:flex;position:relative}.nut-swiper-inner-horizontal{transform:translate(var(--swiper-offset))}.nut-swiper-inner-vertical{transform:translateY(var(--swiper-offset));flex-direction:column}.nut-swiper-slide{width:100%;height:100%;position:relative;flex-shrink:0}.nut-swiper-item{width:100%;height:100%}[dir=rtl] .nut-swiper-indicator,.nut-rtl .nut-swiper-indicator{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-swiper-indicator-vertical,.nut-rtl .nut-swiper-indicator-vertical{left:auto;right:12px}