@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/Calendar/Calendar.js

@@ -1,131 +1,190 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import head from 'lodash/head';
+import last from 'lodash/last';
+import React, { forwardRef, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { isNotEmpty } from "../Util";
+import { useClassNames } from "../hooks";
+import CalendarContext from "./CalendarContext";
+import DatePanel from "./DatePanel";
+import DateRangePanel from "./DateRangePanel";
+import Footer from "./Footer";
+import Header from "./Header";
+import MonthPanel from "./MonthPanel";
+import MonthRangePanel from "./MonthRangePanel";
+import ShortCuts from "./ShortCuts";
+import WeekPanel from "./WeekPanel";
+import YearPanel from "./YearPanel";
+import YearRangePanel from "./YearRangePanel";
+import { initDate } from "./util";
+var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useContext = useContext(CalendarContext),
+    initialValue = _useContext.initialValue,
+    valueProp = _useContext.value,
+    valueRangeProp = _useContext.valueRange,
+    dateType = _useContext.dateType,
+    showToday = _useContext.showToday,
+    showNow = _useContext.showNow,
+    popperInstRef = _useContext.popperInstRef,
+    onChange = _useContext.onChange,
+    onChangeRange = _useContext.onChangeRange,
+    shortcuts = _useContext.shortcuts;
+  var _useClassNames = useClassNames('picker-panel'),
+    wb = _useClassNames.wb,
+    e = _useClassNames.e;
 
-// src/Calendar/Calendar.tsx
-var Calendar_exports = {};
-__export(Calendar_exports, {
-  default: () => Calendar_default
-});
-module.exports = __toCommonJS(Calendar_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_dayjs = __toESM(require("dayjs"));
-var import_head = __toESM(require("lodash/head"));
-var import_last = __toESM(require("lodash/last"));
-var import_react = __toESM(require("react"));
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_CalendarContext = __toESM(require("./CalendarContext"));
-var import_DatePanel = __toESM(require("./DatePanel"));
-var import_DateRangePanel = __toESM(require("./DateRangePanel"));
-var import_Footer = __toESM(require("./Footer"));
-var import_Header = __toESM(require("./Header"));
-var import_MonthPanel = __toESM(require("./MonthPanel"));
-var import_MonthRangePanel = __toESM(require("./MonthRangePanel"));
-var import_ShortCuts = __toESM(require("./ShortCuts"));
-var import_WeekPanel = __toESM(require("./WeekPanel"));
-var import_YearPanel = __toESM(require("./YearPanel"));
-var import_YearRangePanel = __toESM(require("./YearRangePanel"));
-var import_util = require("./util");
-var Calendar = (0, import_react.forwardRef)((props, ref) => {
-  const {
-    initialValue,
-    value: valueProp,
-    valueRange: valueRangeProp,
-    dateType,
-    showToday,
-    showNow,
-    popperInstRef,
-    onChange,
-    onChangeRange,
-    shortcuts
-  } = (0, import_react.useContext)(import_CalendarContext.default);
-  const { wb, e } = (0, import_hooks.useClassNames)("picker-panel");
-  const [value, setValue] = (0, import_react.useState)(valueProp);
-  (0, import_react.useEffect)(() => {
+  // 单日期的默认日期
+  var _useState = useState(valueProp),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
     setValue(valueProp);
   }, [valueProp]);
-  const [valueRange, setValueRange] = (0, import_react.useState)(valueRangeProp);
-  const [valueRangeTemp, setValueRangeTemp] = (0, import_react.useState)(
-    initialValue instanceof Array && (0, import_Util.isNotEmpty)(initialValue) ? [...valueRangeProp, null] : [null, null, null]
-  );
-  const [view, setView] = (0, import_react.useState)(dateType);
-  const [rangePosition, setRangePosition] = (0, import_react.useState)("left");
-  const defaultValue = (0, import_react.useMemo)(() => {
-    if (["daterange", "monthrange", "yearrange"].includes(dateType)) {
-      return rangePosition === "left" ? (0, import_head.default)(valueRange) : (0, import_last.default)(valueRange);
+
+  // 日期范围的默认日期
+  var _useState3 = useState(valueRangeProp),
+    _useState4 = _slicedToArray(_useState3, 2),
+    valueRange = _useState4[0],
+    setValueRange = _useState4[1];
+  // 日期范围的选中的日期，三个值分别为左边日期，右边日期，以及鼠标悬浮的临时值
+  var _useState5 = useState(initialValue instanceof Array && isNotEmpty(initialValue) ? [].concat(_toConsumableArray(valueRangeProp), [null]) : [null, null, null]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    valueRangeTemp = _useState6[0],
+    setValueRangeTemp = _useState6[1];
+  // 日期面板类型
+  var _useState7 = useState(dateType),
+    _useState8 = _slicedToArray(_useState7, 2),
+    view = _useState8[0],
+    setView = _useState8[1];
+  // 日期范围组件的位置，分别为左和右
+  var _useState9 = useState('left'),
+    _useState10 = _slicedToArray(_useState9, 2),
+    rangePosition = _useState10[0],
+    setRangePosition = _useState10[1];
+
+  // 默认日期，字符串格式
+  var defaultValue = useMemo(function () {
+    if (['daterange', 'monthrange', 'yearrange'].includes(dateType)) {
+      return rangePosition === 'left' ? head(valueRange) : last(valueRange);
     }
     return value;
   }, [dateType, value, rangePosition, valueRange]);
-  const currentDate = (0, import_react.useMemo)(() => {
+
+  // 当前日期，dayjs对象
+  var currentDate = useMemo(function () {
     if (defaultValue.isValid()) {
       return defaultValue;
     }
-    return (0, import_util.initDate)();
+    return initDate();
   }, [defaultValue]);
-  const currentYear = (0, import_react.useMemo)(() => {
-    if (view === "year") {
-      const curYear = currentDate.year();
-      const position = currentDate.year() % 10;
-      return `${curYear - position} ~ ${curYear + (9 - position)}`;
+
+  // 当前年份
+  var currentYear = useMemo(function () {
+    if (view === 'year') {
+      var curYear = currentDate.year();
+      var position = currentDate.year() % 10;
+      return "".concat(curYear - position, " ~ ").concat(curYear + (9 - position));
     } else {
-      return currentDate.year() + "年";
+      return currentDate.year() + '年';
     }
   }, [currentDate, view]);
-  const hasMonth = (0, import_react.useMemo)(() => {
-    return dateType !== "year";
+
+  // 是否要选择月份
+  var hasMonth = useMemo(function () {
+    return dateType !== 'year';
   }, [dateType]);
-  const isRange = (0, import_react.useMemo)(() => {
-    return ["daterange", "monthrange", "yearrange"].includes(view);
+
+  // 当前面板是否是范围组件
+  var isRange = useMemo(function () {
+    return ['daterange', 'monthrange', 'yearrange'].includes(view);
   }, [view]);
-  const switchDate = (0, import_react.useCallback)(
-    (duration, unit) => {
-      let date;
-      if (view === "year") {
-        date = currentDate.add(duration * 10, "y");
-        setValue(date);
-      } else {
-        date = currentDate.add(duration, unit);
-        setValue(date);
+
+  // 切换年月
+  var switchDate = useCallback(function (duration, unit) {
+    var date;
+    if (view === 'year') {
+      date = currentDate.add(duration * 10, 'y');
+      setValue(date);
+    } else {
+      date = currentDate.add(duration, unit);
+      setValue(date);
+    }
+
+    // 日期范围框
+    if (['daterange', 'monthrange', 'yearrange'].includes(dateType)) {
+      var startDate = dayjs(valueRange[0]);
+      var endDate = dayjs(valueRange[1]);
+      switch (rangePosition) {
+        case 'left':
+          if (date.isAfter(endDate)) {
+            // @ts-ignore
+            setValueRange([date, date.add(1, view)]);
+          } else {
+            setValueRange([date, endDate]);
+          }
+          break;
+        case 'right':
+          if (date.isBefore(startDate)) {
+            // @ts-ignore
+            setValueRange([date.subtract(1, view), date]);
+          } else {
+            setValueRange([startDate, date]);
+          }
+          break;
+        default:
+          break;
+      }
+    }
+  }, [view, dateType, currentDate, valueRange, rangePosition]);
+
+  // 切换日期面板的回调
+  var onToggleView = useCallback(function (viewType, position) {
+    var _popperInstRef$curren;
+    setView(viewType);
+    popperInstRef === null || popperInstRef === void 0 || (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
+    setRangePosition(position);
+  }, [popperInstRef]);
+
+  /**
+   * 选中年后的回调
+   * @param date
+   */
+  var onPickYear = useCallback(function (date) {
+    if (hasMonth) {
+      var _popperInstRef$curren2;
+      if (dateType === 'daterange') {
+        setValueRange(rangePosition === 'left' ? [date, valueRange[1]] : [valueRange[0], date]);
       }
-      if (["daterange", "monthrange", "yearrange"].includes(dateType)) {
-        const startDate = (0, import_dayjs.default)(valueRange[0]);
-        const endDate = (0, import_dayjs.default)(valueRange[1]);
+      setValue(date);
+
+      // 如果是日期范围类型，就要判断左右日期的大小，如果不是左边日期小于右边日期的话，进行修正
+      if (dateType === 'monthrange') {
+        var startDate = dayjs(valueRange[0]);
+        var endDate = dayjs(valueRange[1]);
         switch (rangePosition) {
-          case "left":
+          case 'left':
             if (date.isAfter(endDate)) {
-              setValueRange([date, date.add(1, view)]);
+              setValueRange([date, date.add(1, 'y')]);
             } else {
               setValueRange([date, endDate]);
             }
             break;
-          case "right":
+          case 'right':
             if (date.isBefore(startDate)) {
-              setValueRange([date.subtract(1, view), date]);
+              setValueRange([date.subtract(1, 'y'), date]);
             } else {
               setValueRange([startDate, date]);
             }
@@ -133,145 +192,159 @@ var Calendar = (0, import_react.forwardRef)((props, ref) => {
           default:
             break;
         }
-      }
-    },
-    [view, dateType, currentDate, valueRange, rangePosition]
-  );
-  const onToggleView = (0, import_react.useCallback)(
-    (viewType, position) => {
-      var _a;
-      setView(viewType);
-      (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
-      setRangePosition(position);
-    },
-    [popperInstRef]
-  );
-  const onPickYear = (0, import_react.useCallback)(
-    (date) => {
-      var _a;
-      if (hasMonth) {
-        if (dateType === "daterange") {
-          setValueRange(rangePosition === "left" ? [date, valueRange[1]] : [valueRange[0], date]);
-        }
-        setValue(date);
-        if (dateType === "monthrange") {
-          const startDate = (0, import_dayjs.default)(valueRange[0]);
-          const endDate = (0, import_dayjs.default)(valueRange[1]);
-          switch (rangePosition) {
-            case "left":
-              if (date.isAfter(endDate)) {
-                setValueRange([date, date.add(1, "y")]);
-              } else {
-                setValueRange([date, endDate]);
-              }
-              break;
-            case "right":
-              if (date.isBefore(startDate)) {
-                setValueRange([date.subtract(1, "y"), date]);
-              } else {
-                setValueRange([startDate, date]);
-              }
-              break;
-            default:
-              break;
-          }
-          setView("monthrange");
-        } else {
-          setView("month");
-        }
-        (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
+        setView('monthrange');
       } else {
-        onChange == null ? void 0 : onChange(date);
+        setView('month');
       }
-    },
-    [dateType, hasMonth, onChange, popperInstRef, rangePosition, valueRange]
-  );
-  const onPickMonth = (0, import_react.useCallback)(
-    (date, month) => {
-      var _a;
-      if (dateType !== "month") {
-        setView(dateType);
-        setValue(date);
-        (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
-        if (dateType === "daterange") {
-          const startDate = (0, import_dayjs.default)(valueRange[0]);
-          const endDate = (0, import_dayjs.default)(valueRange[1]);
-          switch (rangePosition) {
-            case "left":
-              if (date.isAfter(endDate)) {
-                setValueRange([date, date.add(1, "M")]);
-              } else {
-                setValueRange([date, endDate]);
-              }
-              break;
-            case "right":
-              if (date.isBefore(startDate)) {
-                setValueRange([date.subtract(1, "M"), date]);
-              } else {
-                setValueRange([startDate, date]);
-              }
-              break;
-            default:
-              break;
-          }
+      popperInstRef === null || popperInstRef === void 0 || (_popperInstRef$curren2 = popperInstRef.current) === null || _popperInstRef$curren2 === void 0 || _popperInstRef$curren2.update();
+    } else {
+      onChange === null || onChange === void 0 || onChange(date);
+    }
+  }, [dateType, hasMonth, onChange, popperInstRef, rangePosition, valueRange]);
+
+  /**
+   * 选中月份后的回调
+   * @param date
+   */
+  var onPickMonth = useCallback(function (date, month) {
+    if (dateType !== 'month') {
+      var _popperInstRef$curren3;
+      setView(dateType);
+      setValue(date);
+      popperInstRef === null || popperInstRef === void 0 || (_popperInstRef$curren3 = popperInstRef.current) === null || _popperInstRef$curren3 === void 0 || _popperInstRef$curren3.update();
+      // 如果是日期范围类型，就要判断左右日期的大小，如果不是左边日期小于右边日期的话，进行修正
+      if (dateType === 'daterange') {
+        var startDate = dayjs(valueRange[0]);
+        var endDate = dayjs(valueRange[1]);
+        switch (rangePosition) {
+          case 'left':
+            if (date.isAfter(endDate)) {
+              setValueRange([date, date.add(1, 'M')]);
+            } else {
+              setValueRange([date, endDate]);
+            }
+            break;
+          case 'right':
+            if (date.isBefore(startDate)) {
+              setValueRange([date.subtract(1, 'M'), date]);
+            } else {
+              setValueRange([startDate, date]);
+            }
+            break;
+          default:
+            break;
         }
-      } else {
-        onChange == null ? void 0 : onChange(date, { month });
-      }
-    },
-    [dateType, onChange, popperInstRef, rangePosition, valueRange]
-  );
-  const onPickDate = (0, import_react.useCallback)(
-    (date) => {
-      onChange == null ? void 0 : onChange(date);
-    },
-    [onChange]
-  );
-  const onPickDateRange = (0, import_react.useCallback)(
-    (date, finish) => {
-      setValueRange(date);
-      if (finish) {
-        onChangeRange == null ? void 0 : onChangeRange(date, finish);
       }
-    },
-    [onChangeRange]
-  );
-  const onPickWeek = (0, import_react.useCallback)((date) => {
+    } else {
+      // 如果日期类型就是月份的话，直接返回值
+      onChange === null || onChange === void 0 || onChange(date, {
+        month: month
+      });
+    }
+  }, [dateType, onChange, popperInstRef, rangePosition, valueRange]);
+
+  /**
+   * 选中日期后的回调
+   * @param date
+   */
+  var onPickDate = useCallback(function (date) {
+    onChange === null || onChange === void 0 || onChange(date);
+  }, [onChange]);
+
+  /**
+   * 选中范围日期后的回调
+   * @param date 日期范围
+   * @param finish 是否两个值都选中
+   */
+  var onPickDateRange = useCallback(function (date, finish) {
+    setValueRange(date);
+    if (finish) {
+      onChangeRange === null || onChangeRange === void 0 || onChangeRange(date, finish);
+    }
+  }, [onChangeRange]);
+
+  /**
+   * 选中范围日期后的回调
+   * @param date 日期范围
+   * @param finish 是否两个值都选中
+   */
+  var onPickWeek = useCallback(function (date) {
     setValueRange(date);
   }, []);
-  const onHoverDate = (0, import_react.useCallback)((v) => {
+
+  /**
+   * 选择范围日期时记录临时日期
+   * @param v
+   */
+  var onHoverDate = useCallback(function (v) {
     setValueRangeTemp(v);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(
-        wb(["daterange", "monthrange", "yearrange"].includes(view) ? "date-range-picker" : "date-picker", false),
-        {
-          "has-time": props.hasTime,
-          "has-sidebar": (0, import_Util.isNotEmpty)(shortcuts)
-        },
-        props.className
-      ),
-      style: props.style,
-      ref
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(wb(['daterange', 'monthrange', 'yearrange'].includes(view) ? 'date-range-picker' : 'date-picker', false), {
+      'has-time': props.hasTime,
+      'has-sidebar': isNotEmpty(shortcuts)
+    }, props.className),
+    style: props.style,
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["body-wrapper"])))
+  }, /*#__PURE__*/React.createElement(ShortCuts, {
+    shortcuts: shortcuts,
+    onChange: onChange,
+    e: e
+  }), /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["body"])))
+  }, props.children, !isRange && /*#__PURE__*/React.createElement(Header, {
+    year: currentYear,
+    month: "".concat(currentDate.month() + 1, "\u6708"),
+    showMonth: ['date', 'dates', 'week'].includes(view),
+    border: ['year', 'month'].includes(view),
+    onToggleView: onToggleView,
+    onMoveBackward: function onMoveBackward() {
+      return switchDate(-1, 'M');
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: e`body-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_ShortCuts.default, { shortcuts, onChange, e }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`body` }, props.children, !isRange && /* @__PURE__ */ import_react.default.createElement(
-      import_Header.default,
-      {
-        year: currentYear,
-        month: `${currentDate.month() + 1}月`,
-        showMonth: ["date", "dates", "week"].includes(view),
-        border: ["year", "month"].includes(view),
-        onToggleView,
-        onMoveBackward: () => switchDate(-1, "M"),
-        onMoveForward: () => switchDate(1, "M"),
-        onMoveBackwards: () => switchDate(-1, "y"),
-        onMoveForwards: () => switchDate(1, "y")
-      }
-    ), view === "year" && /* @__PURE__ */ import_react.default.createElement(import_YearPanel.default, { value: defaultValue, onPickYear }), view === "month" && /* @__PURE__ */ import_react.default.createElement(import_MonthPanel.default, { value: defaultValue, onPickMonth }), view === "date" && /* @__PURE__ */ import_react.default.createElement(import_DatePanel.default, { value: defaultValue, onPickDate }), view === "week" && /* @__PURE__ */ import_react.default.createElement(import_WeekPanel.default, { value: defaultValue, valueRange, onPickDate, onPickDateRange: onPickWeek }), view === "daterange" && /* @__PURE__ */ import_react.default.createElement(import_DateRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }), view === "monthrange" && /* @__PURE__ */ import_react.default.createElement(import_MonthRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }), view === "yearrange" && /* @__PURE__ */ import_react.default.createElement(import_YearRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }))),
-    (showToday || showNow) && /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null)
-  );
+    onMoveForward: function onMoveForward() {
+      return switchDate(1, 'M');
+    },
+    onMoveBackwards: function onMoveBackwards() {
+      return switchDate(-1, 'y');
+    },
+    onMoveForwards: function onMoveForwards() {
+      return switchDate(1, 'y');
+    }
+  }), view === 'year' && /*#__PURE__*/React.createElement(YearPanel, {
+    value: defaultValue,
+    onPickYear: onPickYear
+  }), view === 'month' && /*#__PURE__*/React.createElement(MonthPanel, {
+    value: defaultValue,
+    onPickMonth: onPickMonth
+  }), view === 'date' && /*#__PURE__*/React.createElement(DatePanel, {
+    value: defaultValue,
+    onPickDate: onPickDate
+  }), view === 'week' && /*#__PURE__*/React.createElement(WeekPanel, {
+    value: defaultValue,
+    valueRange: valueRange,
+    onPickDate: onPickDate,
+    onPickDateRange: onPickWeek
+  }), view === 'daterange' && /*#__PURE__*/React.createElement(DateRangePanel, {
+    value: valueRange,
+    valueRange: valueRangeTemp,
+    onToggleView: onToggleView,
+    onPickDateRange: onPickDateRange,
+    onHoverDate: onHoverDate
+  }), view === 'monthrange' && /*#__PURE__*/React.createElement(MonthRangePanel, {
+    value: valueRange,
+    valueRange: valueRangeTemp,
+    onToggleView: onToggleView,
+    onPickDateRange: onPickDateRange,
+    onHoverDate: onHoverDate
+  }), view === 'yearrange' && /*#__PURE__*/React.createElement(YearRangePanel, {
+    value: valueRange,
+    valueRange: valueRangeTemp,
+    onToggleView: onToggleView,
+    onPickDateRange: onPickDateRange,
+    onHoverDate: onHoverDate
+  }))), (showToday || showNow) && /*#__PURE__*/React.createElement(Footer, null));
 });
-Calendar.displayName = "ElCalendar";
-var Calendar_default = Calendar;
+Calendar.displayName = 'ElCalendar';
+export default Calendar;

package/dist/Calendar/CalendarContext.d.ts

@@ -10,16 +10,26 @@ export interface CalendarContextProps {
     initialValue?: string | [v1: string, v2: string];
     value?: Dayjs;
     valueRange?: [value: Dayjs, value: Dayjs];
+    /** 显示类型 */
     dateType?: DateType | DateRangeType;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 是否展示“此刻”按钮 */
     showNow?: boolean;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
     popperInstRef?: RefObject<PopperOptionRef>;
+    /** 快捷方式 */
     shortcuts?: Shortcuts[];
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
+    /** 关闭下拉框方法 */
     close?: () => void;
+    /** 单选框提交数据方法 */
     onChange?: (value: Dayjs, params?: ChangeParams) => void;
+    /** 日期范围框提交数据方法 */
     onChangeRange?: (value: [value: Dayjs, value: Dayjs], finish: boolean) => void;
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }

package/dist/Calendar/CalendarContext.js

@@ -1,29 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Calendar/CalendarContext.ts
-var CalendarContext_exports = {};
-__export(CalendarContext_exports, {
-  default: () => CalendarContext_default
-});
-module.exports = __toCommonJS(CalendarContext_exports);
-var import_react = require("react");
-var CalendarContext = (0, import_react.createContext)({
+import { createContext } from 'react';
+var CalendarContext = /*#__PURE__*/createContext({
   value: null,
   dateType: null,
   showToday: false,
@@ -33,4 +9,4 @@ var CalendarContext = (0, import_react.createContext)({
   onChange: null,
   shortcuts: []
 });
-var CalendarContext_default = CalendarContext;
+export default CalendarContext;