@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/CalendarCard.js

@@ -1,155 +1,60 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it)
-        o = it;
-      var i = 0;
-      var F = function F2() {
-      };
-      return { s: F, n: function n() {
-        if (i >= o.length)
-          return { done: true };
-        return { done: false, value: o[i++] };
-      }, e: function e(_e) {
-        throw _e;
-      }, f: F };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true, didErr = false, err;
-  return { s: function s() {
-    it = it.call(o);
-  }, n: function n() {
-    var step = it.next();
-    normalCompletion = step.done;
-    return step;
-  }, e: function e(_e2) {
-    didErr = true;
-    err = _e2;
-  }, f: function f() {
-    try {
-      if (!normalCompletion && it["return"] != null)
-        it["return"]();
-    } finally {
-      if (didErr)
-        throw err;
-    }
-  } };
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { U as Utils } from "./date.js";
 import { u as useConfig } from "./configprovider2.js";
-var ArrowLeft = function ArrowLeft2() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18"
-  }, React__default.createElement("path", {
-    d: "M6.605 9.49a.771.771 0 0 1 0-.98l3.6-4.372a.771.771 0 0 1 1.19.981L8.2 9l3.197 3.881a.771.771 0 1 1-1.191.98l-3.6-4.37Z"
-  }));
+const ArrowLeft = () => {
+  return React__default.createElement(
+    "svg",
+    { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18" },
+    React__default.createElement("path", { d: "M6.605 9.49a.771.771 0 0 1 0-.98l3.6-4.372a.771.771 0 0 1 1.19.981L8.2 9l3.197 3.881a.771.771 0 1 1-1.191.98l-3.6-4.37Z" })
+  );
 };
-var ArrowRight = function ArrowRight2() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18"
-  }, React__default.createElement("path", {
-    d: "M11.396 9.49a.771.771 0 0 0 0-.98l-3.6-4.372a.771.771 0 0 0-1.191.981L9.8 9l-3.196 3.881a.771.771 0 0 0 1.19.98l3.6-4.37Z"
-  }));
+const ArrowRight = () => {
+  return React__default.createElement(
+    "svg",
+    { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18" },
+    React__default.createElement("path", { d: "M11.396 9.49a.771.771 0 0 0 0-.98l-3.6-4.372a.771.771 0 0 0-1.191.981L9.8 9l-3.196 3.881a.771.771 0 0 0 1.19.98l3.6-4.37Z" })
+  );
 };
-var DoubleLeft = function DoubleLeft2() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18"
-  }, React__default.createElement("path", {
-    d: "M13.853 4.026a.771.771 0 0 1 .12 1.085L10.864 9l3.11 3.889a.771.771 0 1 1-1.204.963L9.272 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.084-.12Zm-5.245 0a.771.771 0 0 1 .12 1.085L5.617 9l3.111 3.889a.771.771 0 0 1-1.205.963L4.026 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.085-.12Z"
-  }));
+const DoubleLeft = () => {
+  return React__default.createElement(
+    "svg",
+    { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18" },
+    React__default.createElement("path", { d: "M13.853 4.026a.771.771 0 0 1 .12 1.085L10.864 9l3.11 3.889a.771.771 0 1 1-1.204.963L9.272 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.084-.12Zm-5.245 0a.771.771 0 0 1 .12 1.085L5.617 9l3.111 3.889a.771.771 0 0 1-1.205.963L4.026 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.085-.12Z" })
+  );
 };
-var DoubleRight = function DoubleRight2() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18"
-  }, React__default.createElement("path", {
-    d: "M4.147 13.974a.771.771 0 0 1-.12-1.085L7.136 9 4.028 5.11a.771.771 0 1 1 1.204-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.084.12Zm5.245 0a.771.771 0 0 1-.12-1.085L12.383 9 9.272 5.11a.771.771 0 1 1 1.205-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.085.12Z"
-  }));
+const DoubleRight = () => {
+  return React__default.createElement(
+    "svg",
+    { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18" },
+    React__default.createElement("path", { d: "M4.147 13.974a.771.771 0 0 1-.12-1.085L7.136 9 4.028 5.11a.771.771 0 1 1 1.204-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.084.12Zm5.245 0a.771.771 0 0 1-.12-1.085L12.383 9 9.272 5.11a.771.771 0 1 1 1.205-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.085.12Z" })
+  );
 };
-var convertDateToDay = function convertDateToDay2(date) {
+const convertDateToDay = (date) => {
   return date ? {
     year: date.getFullYear(),
     month: date.getMonth() + 1,
     date: date.getDate()
   } : null;
 };
-var convertDayToDate = function convertDayToDate2(day) {
+const convertDayToDate = (day) => {
   return day ? new Date(day.year, day.month - 1, day.date) : null;
 };
-var getPrevMonthDays = function getPrevMonthDays2(year, month, firstDayOfWeek) {
-  var prevMonth = month - 1;
-  var prevYear = year;
+const getPrevMonthDays = (year, month, firstDayOfWeek) => {
+  let prevMonth = month - 1;
+  let prevYear = year;
   if (prevMonth <= 0) {
     prevMonth = 12;
     prevYear -= 1;
   }
-  var days = Utils.getMonthPreDay(year, month);
+  let days = Utils.getMonthPreDay(year, month);
   days -= firstDayOfWeek;
   if (days >= 7) {
     days -= 7;
   }
-  var preDates = Utils.getMonthDays("".concat(prevYear), "".concat(prevMonth));
-  var months = Array.from(Array(preDates), function(_, k) {
+  const preDates = Utils.getMonthDays(`${prevYear}`, `${prevMonth}`);
+  const months = Array.from(Array(preDates), (_, k) => {
     return {
       type: "prev",
       year: prevYear,
@@ -159,9 +64,9 @@ var getPrevMonthDays = function getPrevMonthDays2(year, month, firstDayOfWeek) {
   });
   return months.slice(preDates - days);
 };
-var getCurrentMonthDays = function getCurrentMonthDays2(year, month) {
-  var days = Utils.getMonthDays("".concat(year), "".concat(month));
-  return Array.from(Array(days), function(_, k) {
+const getCurrentMonthDays = (year, month) => {
+  const days = Utils.getMonthDays(`${year}`, `${month}`);
+  return Array.from(Array(days), (_, k) => {
     return {
       type: "current",
       year,
@@ -170,22 +75,22 @@ var getCurrentMonthDays = function getCurrentMonthDays2(year, month) {
     };
   });
 };
-var getCurrentWeekDays = function getCurrentWeekDays2(day, firstDayOfWeek) {
-  var current = new Date(day.year, day.month - 1, day.date);
-  var count = (current.getDay() + 7 - firstDayOfWeek) % 7;
-  return [convertDateToDay(new Date(current.getTime() - 24 * 60 * 60 * 1e3 * count)), convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))];
+const getCurrentWeekDays = (day, firstDayOfWeek) => {
+  const current = new Date(day.year, day.month - 1, day.date);
+  const count = (current.getDay() + 7 - firstDayOfWeek) % 7;
+  return [
+    convertDateToDay(new Date(current.getTime() - 24 * 60 * 60 * 1e3 * count)),
+    convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))
+  ];
 };
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "single",
-  firstDayOfWeek: 0
-});
-var prefixCls = "nut-calendarcard";
-var CalendarCard = React__default.forwardRef(function(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, type = _defaultProps$props.type, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, disableDay = _defaultProps$props.disableDay, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onDayClick = _defaultProps$props.onDayClick, onPageChange = _defaultProps$props.onPageChange, onChange = _defaultProps$props.onChange;
-  var _useState = useState(function() {
-    var date = new Date(Date.now());
-    var val = value || defaultValue;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", firstDayOfWeek: 0 });
+const prefixCls = "nut-calendarcard";
+const CalendarCard = React__default.forwardRef((props, ref) => {
+  const { locale } = useConfig();
+  const { style, className, type, value, defaultValue, firstDayOfWeek, startDate, endDate, disableDay, renderDay, renderDayTop, renderDayBottom, onDayClick, onPageChange, onChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const [month, setMonth] = useState(() => {
+    let date = new Date(Date.now());
+    const val = value || defaultValue;
     if (Array.isArray(val)) {
       if (val.length) {
         date = val[0];
@@ -197,50 +102,53 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
       year: date.getFullYear(),
       month: date.getMonth() + 1
     };
-  }), _useState2 = _slicedToArray(_useState, 2), month = _useState2[0], setMonth = _useState2[1];
-  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), days = _useState4[0], setDays = _useState4[1];
-  var valueToRange = function valueToRange2(val) {
+  });
+  const [days, setDays] = useState([]);
+  const valueToRange = (val) => {
     if (Array.isArray(val)) {
-      return val.map(function(date) {
+      return val.map((date) => {
         return convertDateToDay(date);
       });
     }
     return val ? [convertDateToDay(val)] : [];
   };
-  var rangeTovalue = function rangeTovalue2(range) {
+  const rangeTovalue = (range) => {
     if (Array.isArray(range)) {
-      return range.map(function(day) {
+      return range.map((day) => {
         return convertDayToDate(day);
       });
     }
     return range ? [convertDayToDate(range)] : [];
   };
-  var _useState5 = useState(function() {
-    var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
+  const [innerValue, setInnerValue] = useState(() => {
+    const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
     return val;
-  }), _useState6 = _slicedToArray(_useState5, 2), innerValue = _useState6[0], setInnerValue = _useState6[1];
-  useEffect(function() {
-    var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
+  });
+  useEffect(() => {
+    const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
     setInnerValue(val);
   }, [value]);
-  var change = function change2(v) {
+  const change = (v) => {
     setInnerValue(v);
     if (type === "single") {
-      var date = convertDayToDate(v[0]);
-      onChange === null || onChange === void 0 || onChange(date);
+      const date = convertDayToDate(v[0]);
+      onChange === null || onChange === void 0 ? void 0 : onChange(date);
     } else if (type === "multiple" || type === "range" || type === "week") {
-      var val = rangeTovalue(v);
-      onChange === null || onChange === void 0 || onChange(val);
+      const val = rangeTovalue(v);
+      onChange === null || onChange === void 0 ? void 0 : onChange(val);
     }
   };
-  var getDays = function getDays2(month2) {
-    var y = month2.year;
-    var m = month2.month;
-    var days2 = [].concat(_toConsumableArray(getPrevMonthDays(y, m, firstDayOfWeek)), _toConsumableArray(getCurrentMonthDays(y, m)));
-    var size = days2.length;
-    var yearOfNextMonth = month2.month === 12 ? month2.year + 1 : month2.year;
-    var monthOfNextMonth = month2.month === 12 ? 1 : month2.month + 1;
-    for (var i = 1; i <= 42 - size; i++) {
+  const getDays = (month2) => {
+    const y = month2.year;
+    const m = month2.month;
+    const days2 = [
+      ...getPrevMonthDays(y, m, firstDayOfWeek),
+      ...getCurrentMonthDays(y, m)
+    ];
+    const size = days2.length;
+    const yearOfNextMonth = month2.month === 12 ? month2.year + 1 : month2.year;
+    const monthOfNextMonth = month2.month === 12 ? 1 : month2.month + 1;
+    for (let i = 1; i <= 42 - size; i++) {
       days2.push({
         type: "next",
         year: yearOfNextMonth,
@@ -250,15 +158,15 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
     }
     return days2;
   };
-  useEffect(function() {
-    var newDays = getDays(month);
+  useEffect(() => {
+    const newDays = getDays(month);
     setDays(newDays);
-    onPageChange === null || onPageChange === void 0 || onPageChange(month);
+    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(month);
   }, [month]);
-  var isSameDay = function isSameDay2(day1, day2) {
+  const isSameDay = (day1, day2) => {
     return (day1 === null || day1 === void 0 ? void 0 : day1.year) === (day2 === null || day2 === void 0 ? void 0 : day2.year) && (day1 === null || day1 === void 0 ? void 0 : day1.month) === (day2 === null || day2 === void 0 ? void 0 : day2.month) && (day1 === null || day1 === void 0 ? void 0 : day1.date) === (day2 === null || day2 === void 0 ? void 0 : day2.date);
   };
-  var compareDay = function compareDay2(day1, day2) {
+  const compareDay = (day1, day2) => {
     if (day1 && day2) {
       if (day1.year === day2.year) {
         if (day1.month === day2.month) {
@@ -269,7 +177,7 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
       return day1.year - day2.year;
     }
   };
-  var isDisable = function isDisable2(day) {
+  const isDisable = (day) => {
     if (disableDay && disableDay(day)) {
       return true;
     }
@@ -281,37 +189,29 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
     }
     return false;
   };
-  var isActive = function isActive2(day) {
+  const isActive = (day) => {
     if (type === "single" || type === "multiple") {
-      var _iterator = _createForOfIteratorHelper(innerValue), _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-          var val = _step.value;
-          if (isSameDay(day, val)) {
-            return true;
-          }
+      for (const val of innerValue) {
+        if (isSameDay(day, val)) {
+          return true;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
     } else if (type === "range" && innerValue.length === 1 && isSameDay(innerValue[0], day)) {
       return true;
     }
     return false;
   };
-  var isStart = function isStart2(day) {
+  const isStart = (day) => {
     return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[0]);
   };
-  var isEnd = function isEnd2(day) {
+  const isEnd = (day) => {
     return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[1]);
   };
-  var isMid = function isMid2(day) {
+  const isMid = (day) => {
     if (type === "range" || type === "week") {
       if (innerValue.length === 2) {
-        var c1 = compareDay(innerValue[0], day);
-        var c2 = compareDay(day, innerValue[1]);
+        const c1 = compareDay(innerValue[0], day);
+        const c2 = compareDay(day, innerValue[1]);
         if (c1 && c1 < 0 && c2 && c2 < 0) {
           return true;
         }
@@ -319,15 +219,15 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
     }
     return false;
   };
-  var isWeekend = function isWeekend2(day) {
-    var d = new Date(day.year, day.month - 1, day.date).getDay();
+  const isWeekend = (day) => {
+    const d = new Date(day.year, day.month - 1, day.date).getDay();
     return d === 0 || d === 6;
   };
-  var getClasses = function getClasses2(day) {
+  const getClasses = (day) => {
     if (isDisable(day)) {
       return ["disabled"];
     }
-    var res = [];
+    const res = [];
     if (day.type === "current") {
       if (isActive(day)) {
         res.push("active");
@@ -347,9 +247,9 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
     }
     return res;
   };
-  var jumpTo = function jumpTo2(year, month2) {
+  const jumpTo = (year, month2) => {
     if (startDate) {
-      var c = compareDay({
+      const c = compareDay({
         year,
         month: month2,
         date: 31
@@ -359,41 +259,37 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
       }
     }
     if (endDate) {
-      var _c = compareDay({
+      const c = compareDay({
         year,
         month: month2,
         date: 1
       }, convertDateToDay(endDate));
-      if (_c && _c > 0) {
+      if (c && c > 0) {
         return;
       }
     }
-    setMonth({
-      year,
-      month: month2
-    });
+    setMonth({ year, month: month2 });
   };
-  var jump = function jump2() {
-    var step = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
-    var current = month.year * 12 + month.month;
-    var newMonth = (current + step) % 12;
+  const jump = (step = 1) => {
+    const current = month.year * 12 + month.month;
+    let newMonth = (current + step) % 12;
     if (newMonth === 0) {
       newMonth = 12;
     }
-    var newYear = Math.floor((current + step - newMonth) / 12);
+    const newYear = Math.floor((current + step - newMonth) / 12);
     jumpTo(newYear, newMonth);
   };
-  React__default.useImperativeHandle(ref, function() {
+  React__default.useImperativeHandle(ref, () => {
     return {
       jump,
       jumpTo
     };
   });
-  var handleDayClick = function handleDayClick2(day) {
+  const handleDayClick = (day) => {
     if (day.type === "prev" || day.type === "next" || isDisable(day)) {
       return;
     }
-    onDayClick === null || onDayClick === void 0 || onDayClick(day);
+    onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(day);
     switch (type) {
       case "single": {
         if (innerValue[0] && isSameDay(innerValue[0], day)) {
@@ -404,27 +300,23 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
         break;
       }
       case "multiple": {
-        var t = innerValue.find(function(i) {
-          return isSameDay(i, day);
-        });
+        const t = innerValue.find((i) => isSameDay(i, day));
         if (t) {
-          change(innerValue.filter(function(i) {
-            return i !== t;
-          }));
+          change(innerValue.filter((i) => i !== t));
         } else {
-          change([].concat(_toConsumableArray(innerValue), [day]));
+          change([...innerValue, day]);
         }
         break;
       }
       case "range": {
-        var len = innerValue.length;
+        const len = innerValue.length;
         if (len === 0 || len === 2) {
           change([day]);
         } else if (len === 1) {
-          var _t = compareDay(innerValue[0], day);
-          if (_t === 0 || _t === null || _t === void 0) {
+          const t = compareDay(innerValue[0], day);
+          if (t === 0 || t === null || t === void 0) {
             change([]);
-          } else if (_t < 0) {
+          } else if (t < 0) {
             change([innerValue[0], day]);
           } else {
             change([day, innerValue[0]]);
@@ -436,7 +328,7 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
       }
       case "week": {
         if (innerValue.length === 2 || innerValue.length === 0) {
-          var _getCurrentWeekDays = getCurrentWeekDays(day, firstDayOfWeek), _getCurrentWeekDays2 = _slicedToArray(_getCurrentWeekDays, 2), left = _getCurrentWeekDays2[0], right = _getCurrentWeekDays2[1];
+          const [left, right] = getCurrentWeekDays(day, firstDayOfWeek);
           change([left, right]);
         } else {
           console.warn("[NutUI] Calendar week error");
@@ -448,81 +340,78 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
       }
     }
   };
-  var monthTitle = locale.calendaritem.monthTitle;
-  var renderHeader = function renderHeader2() {
-    return React__default.createElement("div", {
-      className: "".concat(prefixCls, "-header")
-    }, React__default.createElement("div", {
-      className: "".concat(prefixCls, "-header-left")
-    }, React__default.createElement("div", {
-      className: "double-left",
-      onClick: function onClick() {
-        return jump(-12);
-      }
-    }, React__default.createElement(DoubleLeft, null)), React__default.createElement("div", {
-      className: "left",
-      onClick: function onClick() {
-        return jump(-1);
-      }
-    }, React__default.createElement(ArrowLeft, null))), React__default.createElement("div", {
-      className: "".concat(prefixCls, "-header-title")
-    }, monthTitle(month.year, month.month)), React__default.createElement("div", {
-      className: "".concat(prefixCls, "-header-right")
-    }, React__default.createElement("div", {
-      className: "right",
-      onClick: function onClick() {
-        return jump(1);
-      }
-    }, React__default.createElement(ArrowRight, null)), React__default.createElement("div", {
-      className: "double-right",
-      onClick: function onClick() {
-        return jump(12);
-      }
-    }, React__default.createElement(DoubleRight, null))));
+  const monthTitle = locale.calendaritem.monthTitle;
+  const renderHeader = () => {
+    return React__default.createElement(
+      "div",
+      { className: `${prefixCls}-header` },
+      React__default.createElement(
+        "div",
+        { className: `${prefixCls}-header-left` },
+        React__default.createElement(
+          "div",
+          { className: "double-left", onClick: () => jump(-12) },
+          React__default.createElement(DoubleLeft, null)
+        ),
+        React__default.createElement(
+          "div",
+          { className: "left", onClick: () => jump(-1) },
+          React__default.createElement(ArrowLeft, null)
+        )
+      ),
+      React__default.createElement("div", { className: `${prefixCls}-header-title` }, monthTitle(month.year, month.month)),
+      React__default.createElement(
+        "div",
+        { className: `${prefixCls}-header-right` },
+        React__default.createElement(
+          "div",
+          { className: "right", onClick: () => jump(1) },
+          React__default.createElement(ArrowRight, null)
+        ),
+        React__default.createElement(
+          "div",
+          { className: "double-right", onClick: () => jump(12) },
+          React__default.createElement(DoubleRight, null)
+        )
+      )
+    );
   };
-  var _useState7 = useState(function() {
-    var weekdays = locale.calendaritem.weekdays.map(function(day, index) {
+  const [weekHeader] = useState(() => {
+    const weekdays = locale.calendaritem.weekdays.map((day, index) => {
       return {
         name: day,
         key: index
       };
     });
-    return [].concat(_toConsumableArray(weekdays.slice(firstDayOfWeek, 7)), _toConsumableArray(weekdays.slice(0, firstDayOfWeek)));
-  }), _useState8 = _slicedToArray(_useState7, 1), weekHeader = _useState8[0];
-  var renderContent = function renderContent2() {
-    return React__default.createElement("div", {
-      className: "".concat(prefixCls, "-content")
-    }, React__default.createElement("div", {
-      className: "".concat(prefixCls, "-days")
-    }, weekHeader.map(function(day) {
-      return React__default.createElement("div", {
-        className: classNames("".concat(prefixCls, "-day"), "header", {
+    return [
+      ...weekdays.slice(firstDayOfWeek, 7),
+      ...weekdays.slice(0, firstDayOfWeek)
+    ];
+  });
+  const renderContent = () => {
+    return React__default.createElement(
+      "div",
+      { className: `${prefixCls}-content` },
+      React__default.createElement("div", { className: `${prefixCls}-days` }, weekHeader.map((day) => {
+        return React__default.createElement("div", { className: classNames(`${prefixCls}-day`, "header", {
           weekend: day.key === 0 || day.key === 6
-        }),
-        key: day.key
-      }, day.name);
-    })), React__default.createElement("div", {
-      className: "".concat(prefixCls, "-days")
-    }, days.map(function(day) {
-      return React__default.createElement("div", {
-        className: classNames("".concat(prefixCls, "-day"), day.type, getClasses(day)),
-        key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
-        onClick: function onClick() {
-          return handleDayClick(day);
-        }
-      }, React__default.createElement("div", {
-        className: "".concat(prefixCls, "-day-top")
-      }, renderDayTop ? renderDayTop(day) : ""), React__default.createElement("div", {
-        className: "".concat(prefixCls, "-day-inner")
-      }, renderDay ? renderDay(day) : day.date), React__default.createElement("div", {
-        className: "".concat(prefixCls, "-day-bottom")
-      }, renderDayBottom ? renderDayBottom(day) : ""));
-    })));
+        }), key: day.key }, day.name);
+      })),
+      React__default.createElement("div", { className: `${prefixCls}-days` }, days.map((day) => React__default.createElement(
+        "div",
+        { className: classNames(`${prefixCls}-day`, day.type, getClasses(day)), key: `${day.year}-${day.month}-${day.date}`, onClick: () => handleDayClick(day) },
+        React__default.createElement("div", { className: `${prefixCls}-day-top` }, renderDayTop ? renderDayTop(day) : ""),
+        React__default.createElement("div", { className: `${prefixCls}-day-inner` }, renderDay ? renderDay(day) : day.date),
+        React__default.createElement("div", { className: `${prefixCls}-day-bottom` }, renderDayBottom ? renderDayBottom(day) : "")
+      )))
+    );
   };
-  return days.length > 0 ? React__default.createElement("div", {
-    className: classNames(prefixCls, className),
-    style
-  }, renderHeader(), renderContent()) : null;
+  return days.length > 0 ? React__default.createElement(
+    "div",
+    { className: classNames(prefixCls, className), style },
+    renderHeader(),
+    renderContent()
+  ) : null;
 });
 CalendarCard.defaultProps = defaultProps;
 CalendarCard.displayName = "NutCalendarCard";