@qsxy/element-plus-react 1.0.0-next.1

package/dist/Calendar/DateRangePanel.js

@@ -0,0 +1,145 @@
+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);
+
+// src/Calendar/DateRangePanel.tsx
+var DateRangePanel_exports = {};
+__export(DateRangePanel_exports, {
+  default: () => DateRangePanel_default
+});
+module.exports = __toCommonJS(DateRangePanel_exports);
+var import_classnames = __toESM(require("classnames"));
+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_Header = __toESM(require("./Header"));
+var import_util = require("./util");
+var DateRangePanel = (props) => {
+  const { value, valueRange, onHoverDate, onPickDateRange } = props;
+  const { e, is } = (0, import_hooks.useClassNames)("date-range-picker");
+  const { unlinkPanels } = (0, import_react.useContext)(import_CalendarContext.default);
+  const hoverDate = (0, import_react.useRef)(null);
+  const startDate = (0, import_react.useMemo)(() => {
+    if (value[0]) {
+      const date = value[0];
+      if (date.isValid()) {
+        return date;
+      }
+    }
+    return (0, import_util.initDate)();
+  }, [value]);
+  const endDate = (0, import_react.useMemo)(() => {
+    if (value[1]) {
+      if (value[0] && value[1].isAfter(value[0], "M") || !value[0]) {
+        const date = value[1];
+        if (date.isValid()) {
+          return date;
+        }
+      }
+    }
+    return startDate.add(1, "M");
+  }, [value, startDate]);
+  const disabledForward = (0, import_react.useMemo)(() => endDate.diff(startDate, "M") <= 1, [endDate, startDate]);
+  const disabledForwards = (0, import_react.useMemo)(() => endDate.diff(startDate, "M") <= 12, [endDate, startDate]);
+  const switchDate = (0, import_react.useCallback)(
+    (duration, unit, positon) => {
+      if (unlinkPanels) {
+        const start = startDate.add(duration, unit);
+        const end = endDate.add(duration, unit);
+        onPickDateRange == null ? void 0 : onPickDateRange([start, end], false);
+      } else {
+        const start = positon === "left" ? startDate.add(duration, unit) : startDate;
+        const end = positon === "right" ? endDate.add(duration, unit) : endDate;
+        onPickDateRange == null ? void 0 : onPickDateRange([start, end], false);
+      }
+    },
+    [unlinkPanels, startDate, endDate, onPickDateRange]
+  );
+  const handlePickDate = (0, import_react.useCallback)(
+    (date, hover = false) => {
+      if (hover) {
+        if ((0, import_Util.isNotEmpty)(date)) {
+          hoverDate.current = date;
+          onHoverDate == null ? void 0 : onHoverDate([valueRange[0], valueRange[1], date]);
+        }
+      } else {
+        if ((0, import_Util.isEmpty)(valueRange[0]) && (0, import_Util.isEmpty)(valueRange[1]) || (0, import_Util.isNotEmpty)(valueRange[0]) && (0, import_Util.isNotEmpty)(valueRange[1])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, null, hoverDate.current]);
+        } else if (date.isSame(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, date, hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([date, date], true);
+        } else if (date.isBefore(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, valueRange[0], hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([date, valueRange[0]], true);
+        } else if (date.isAfter(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([valueRange[0], date, hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([valueRange[0], date], true);
+        }
+      }
+    },
+    [onHoverDate, onPickDateRange, valueRange]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DatePanel.default, { value: startDate, valueRange, className: (0, import_classnames.default)(e`content`, is`left`), onPickDate: handlePickDate }, /* @__PURE__ */ import_react.default.createElement(
+    import_Header.default,
+    {
+      year: startDate.year() + "年",
+      month: `${startDate.month() + 1}月`,
+      showForward: !unlinkPanels,
+      plain: unlinkPanels,
+      prefix: "date-range-picker",
+      postion: "left",
+      onToggleView: props.onToggleView,
+      disabledForward,
+      disabledForwards,
+      onMoveBackward: () => switchDate(-1, "M", "left"),
+      onMoveForward: () => switchDate(1, "M", "left"),
+      onMoveBackwards: () => switchDate(-1, "y", "left"),
+      onMoveForwards: () => switchDate(1, "y", "left")
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(import_DatePanel.default, { value: endDate, valueRange, className: (0, import_classnames.default)(e`content`, is`right`), onPickDate: handlePickDate }, /* @__PURE__ */ import_react.default.createElement(
+    import_Header.default,
+    {
+      year: endDate.year() + "年",
+      month: `${endDate.month() + 1}月`,
+      showBackward: !unlinkPanels,
+      plain: unlinkPanels,
+      prefix: "date-range-picker",
+      postion: "right",
+      onToggleView: props.onToggleView,
+      disabledBackward: disabledForward,
+      disabledBackwards: disabledForwards,
+      onMoveBackward: () => switchDate(-1, "M", "right"),
+      onMoveForward: () => switchDate(1, "M", "right"),
+      onMoveBackwards: () => switchDate(-1, "y", "right"),
+      onMoveForwards: () => switchDate(1, "y", "right")
+    }
+  )));
+};
+DateRangePanel.displayName = "Calendar.DateRangePanel";
+var DateRangePanel_default = DateRangePanel;

package/dist/Calendar/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Footer: FC;
+export default Footer;

package/dist/Calendar/Footer.js

@@ -0,0 +1,57 @@
+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);
+
+// src/Calendar/Footer.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_react = __toESM(require("react"));
+var import_Button = require("../Button");
+var import_Message = require("../Message");
+var import_hooks = require("../hooks");
+var import_CalendarContext = __toESM(require("./CalendarContext"));
+var Footer = () => {
+  const { e } = (0, import_hooks.useClassNames)("picker-panel");
+  const { showToday, showNow, onChange, close, disabledDate } = (0, import_react.useContext)(import_CalendarContext.default);
+  const onPickToday = (0, import_react.useCallback)(() => {
+    const today = (0, import_dayjs.default)();
+    if (disabledDate && disabledDate(today.toDate())) {
+      import_Message.Message.error(`“${showToday ? "今天" : "此刻"}”在禁选日期范围内!`);
+      return;
+    }
+    onChange((0, import_dayjs.default)());
+    close == null ? void 0 : close();
+  }, [close, disabledDate, onChange, showToday]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: e`footer` }, showToday && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", link: true, className: e`today-btn`, onClick: onPickToday }, "今 天"), showNow && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", link: true, className: e`link-btn`, onClick: onPickToday }, "此 刻"), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "default", className: e`link-btn`, onClick: close }, "确 定")));
+};
+Footer.defaultProps = {};
+Footer.displayName = "Calendar.Footer";
+var Footer_default = Footer;

package/dist/Calendar/Header.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { HeaderProps } from './typings';
+declare const Header: FC<HeaderProps>;
+export default Header;

package/dist/Calendar/Header.js

@@ -0,0 +1,71 @@
+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);
+
+// src/Calendar/Header.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_Icon = require("../Icon");
+var import_Link = require("../Link");
+var import_hooks = require("../hooks");
+var Header = (props) => {
+  const {
+    prefix,
+    showBackward,
+    showForward,
+    showMonth,
+    plain,
+    postion,
+    year,
+    month,
+    disabledForward,
+    disabledBackward,
+    disabledForwards,
+    disabledBackwards,
+    onMoveBackward,
+    onMoveBackwards,
+    onMoveForward,
+    onMoveForwards,
+    onToggleView,
+    border
+  } = props;
+  const { e, be, em } = (0, import_hooks.useClassNames)(prefix ?? "date-picker");
+  const iconClass = (0, import_react.useMemo)(() => be("picker-panel", "icon-btn", false), [be]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`header`, { [em("header", "bordered")]: border }) }, showBackward && /* @__PURE__ */ import_react.default.createElement("div", { className: e`prev-btn` }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledBackwards, className: (0, import_classnames.default)(iconClass, "d-arrow-left"), onClick: onMoveBackwards }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-left" })), showMonth && /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledBackward, className: (0, import_classnames.default)(iconClass, "arrow-left"), onClick: onMoveBackward }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-left" }))), !plain && /* @__PURE__ */ import_react.default.createElement("span", { className: e`header-label`, onClick: () => onToggleView("year", postion) }, year), !plain && showMonth && /* @__PURE__ */ import_react.default.createElement("span", { className: e`header-label`, onClick: () => onToggleView("month", postion) }, month), showForward && /* @__PURE__ */ import_react.default.createElement("div", { className: e`next-btn` }, showMonth && /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledForward, className: (0, import_classnames.default)(iconClass, "arrow-right"), onClick: onMoveForward }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right" })), /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledForwards, className: (0, import_classnames.default)(iconClass, "d-arrow-right"), onClick: onMoveForwards }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-right" }))), plain && /* @__PURE__ */ import_react.default.createElement("div", null, showMonth ? `${year}  ${month}` : year));
+};
+Header.defaultProps = {
+  showBackward: true,
+  showForward: true,
+  showMonth: true
+};
+Header.displayName = "Calendar.Header";
+var Header_default = Header;

package/dist/Calendar/MonthPanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { MonthPanelProps } from './typings';
+declare const MonthPanel: FC<MonthPanelProps>;
+export default MonthPanel;

package/dist/Calendar/MonthPanel.js

@@ -0,0 +1,156 @@
+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);
+
+// src/Calendar/MonthPanel.tsx
+var MonthPanel_exports = {};
+__export(MonthPanel_exports, {
+  default: () => MonthPanel_default
+});
+module.exports = __toCommonJS(MonthPanel_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_CalendarContext = __toESM(require("./CalendarContext"));
+var import_util = require("./util");
+var MonthPanel = (props) => {
+  const { value, valueRange, onPickMonth } = props;
+  const { e, b } = (0, import_hooks.useClassNames)("picker-panel");
+  const { value: valueProp, dateType, disabledDate } = (0, import_react.useContext)(import_CalendarContext.default);
+  const currentDate = (0, import_react.useMemo)(() => {
+    if (value.isValid()) {
+      return value;
+    }
+    return (0, import_util.initDate)();
+  }, [value]);
+  const lockHover = (0, import_react.useMemo)(() => {
+    return dateType === "monthrange" && ((0, import_Util.isNotEmpty)(valueRange[0]) && (0, import_Util.isNotEmpty)(valueRange[1]) || (0, import_Util.isEmpty)(valueRange[0]) && (0, import_Util.isEmpty)(valueRange[1]));
+  }, [dateType, valueRange]);
+  const startDate = (0, import_react.useMemo)(() => {
+    var _a;
+    if (dateType === "monthrange" && (0, import_Util.isNotEmpty)(valueRange[0])) {
+      if ((0, import_Util.isNotEmpty)(valueRange[2])) {
+        return valueRange[2].isSame(valueRange[0]) || ((_a = valueRange[2]) == null ? void 0 : _a.isAfter(valueRange[0])) ? valueRange[0] : valueRange[2];
+      }
+      return valueRange[0];
+    }
+    return null;
+  }, [dateType, valueRange]);
+  const endDate = (0, import_react.useMemo)(() => {
+    var _a;
+    if (dateType === "monthrange") {
+      if ((0, import_Util.isNotEmpty)(valueRange[1])) {
+        return valueRange[1];
+      } else {
+        if ((0, import_Util.isNotEmpty)(valueRange[0])) {
+          if ((0, import_Util.isNotEmpty)(valueRange[2])) {
+            return valueRange[2].isSame(valueRange[0]) || ((_a = valueRange[2]) == null ? void 0 : _a.isBefore(valueRange[0])) ? valueRange[0] : valueRange[2];
+          }
+          return valueRange[0];
+        }
+        return null;
+      }
+    }
+  }, [dateType, valueRange]);
+  const today = (0, import_react.useMemo)(() => {
+    return (0, import_dayjs.default)();
+  }, []);
+  const rows = (0, import_react.useMemo)(() => {
+    const months = [];
+    for (let i = 0; i < 12; i++) {
+      const month = currentDate.month(i);
+      months.push({ text: i, type: "current", disabled: disabledDate && disabledDate(month.toDate()) });
+    }
+    return months;
+  }, [currentDate, disabledDate]);
+  const getCellClass = (0, import_react.useCallback)(
+    ({ text, disabled }) => {
+      const classes = [""];
+      const month = currentDate.month(text);
+      if (month.isSame(today, "month")) {
+        classes.push("today");
+      }
+      if (disabled) {
+        return "disabled";
+      }
+      if (dateType === "monthrange") {
+        if (month.isSame(endDate) && month.isSame(startDate)) {
+          classes.push("in-range start-date end-date");
+        } else if (month.isSame(startDate)) {
+          classes.push("in-range start-date");
+        } else if (month.isBetween(startDate, endDate, null, "()")) {
+          classes.push("in-range");
+        } else if (month.isSame(endDate)) {
+          classes.push("in-range end-date");
+        }
+      } else {
+        if (valueProp) {
+          if (month.isSame(valueProp, "month")) {
+            classes.push("current");
+          }
+        }
+      }
+      return (0, import_classnames.default)(...classes);
+    },
+    [currentDate, dateType, endDate, startDate, today, valueProp]
+  );
+  const onHoverDate = (0, import_react.useCallback)(
+    ({ text }) => {
+      if (dateType === "monthrange") {
+        if (!lockHover) {
+          const month = currentDate.month(text);
+          onPickMonth == null ? void 0 : onPickMonth(month, text, true);
+        } else {
+          onPickMonth == null ? void 0 : onPickMonth(null, text, true);
+        }
+      }
+    },
+    [currentDate, dateType, lockHover, onPickMonth]
+  );
+  const handlePickMonth = (0, import_react.useCallback)(
+    ({ type, text, disabled }) => {
+      if (disabled) {
+        return;
+      }
+      if (type === "special") {
+        onPickMonth == null ? void 0 : onPickMonth(currentDate.month(text + 1), text);
+      } else {
+        onPickMonth == null ? void 0 : onPickMonth(currentDate.month(text), text);
+      }
+    },
+    [currentDate, onPickMonth]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`content`, props.className) }, props.children, /* @__PURE__ */ import_react.default.createElement("table", { cellSpacing: "0", cellPadding: "0", className: b("month-table", false) }, /* @__PURE__ */ import_react.default.createElement("tbody", null, new Array(4).fill("").map((_, i) => {
+    return /* @__PURE__ */ import_react.default.createElement("tr", { key: i }, rows.slice(i * 4, (i + 1) * 4).map((cell) => {
+      return /* @__PURE__ */ import_react.default.createElement("td", { key: cell.text, className: getCellClass(cell), onClick: () => handlePickMonth(cell), onMouseEnter: () => onHoverDate(cell) }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("a", { className: "cell" }, cell.type === "special" ? "00" : `${cell.text + 1}月`)));
+    }));
+  }))));
+};
+MonthPanel.displayName = "Calendar.MonthPanel";
+var MonthPanel_default = MonthPanel;

package/dist/Calendar/MonthRangePanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DateRangePanelProps } from './typings';
+declare const MonthRangePanel: FC<DateRangePanelProps>;
+export default MonthRangePanel;

package/dist/Calendar/MonthRangePanel.js

@@ -0,0 +1,144 @@
+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);
+
+// src/Calendar/MonthRangePanel.tsx
+var MonthRangePanel_exports = {};
+__export(MonthRangePanel_exports, {
+  default: () => MonthRangePanel_default
+});
+module.exports = __toCommonJS(MonthRangePanel_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_CalendarContext = __toESM(require("./CalendarContext"));
+var import_Header = __toESM(require("./Header"));
+var import_MonthPanel = __toESM(require("./MonthPanel"));
+var import_util = require("./util");
+var MonthRangePanel = (props) => {
+  const { value, valueRange, onPickDateRange, onHoverDate } = props;
+  const { e, is } = (0, import_hooks.useClassNames)("date-range-picker");
+  const { unlinkPanels } = (0, import_react.useContext)(import_CalendarContext.default);
+  const hoverDate = (0, import_react.useRef)(null);
+  const startDate = (0, import_react.useMemo)(() => {
+    if (value[0]) {
+      const date = value[0];
+      if (date.isValid()) {
+        return date;
+      }
+    }
+    return (0, import_util.initDate)();
+  }, [value]);
+  const endDate = (0, import_react.useMemo)(() => {
+    if (value[1]) {
+      if (value[0] && value[1].isAfter(value[0], "y") || !value[0]) {
+        const date = value[1];
+        if (date.isValid()) {
+          return date;
+        }
+      }
+    }
+    return startDate.add(1, "y");
+  }, [value, startDate]);
+  const disabledForwards = (0, import_react.useMemo)(() => startDate.year() + 1 === endDate.year(), [endDate, startDate]);
+  const switchDate = (0, import_react.useCallback)(
+    (duration, unit, positon) => {
+      if (unlinkPanels) {
+        const start = startDate.add(duration, unit);
+        const end = endDate.add(duration, unit);
+        onPickDateRange == null ? void 0 : onPickDateRange([start, end], false);
+      } else {
+        const start = positon === "left" ? startDate.add(duration, unit) : startDate;
+        const end = positon === "right" ? endDate.add(duration, unit) : endDate;
+        onPickDateRange == null ? void 0 : onPickDateRange([start, end], false);
+      }
+    },
+    [unlinkPanels, startDate, endDate, onPickDateRange]
+  );
+  const onPickMonth = (0, import_react.useCallback)(
+    (date, month, hover = false) => {
+      if (hover) {
+        if ((0, import_Util.isNotEmpty)(date)) {
+          hoverDate.current = date;
+          onHoverDate == null ? void 0 : onHoverDate([valueRange[0], valueRange[1], date]);
+        }
+      } else {
+        if ((0, import_Util.isEmpty)(valueRange[0]) && (0, import_Util.isEmpty)(valueRange[1]) || (0, import_Util.isNotEmpty)(valueRange[0]) && (0, import_Util.isNotEmpty)(valueRange[1])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, null, hoverDate.current]);
+        } else if (date.isSame(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, date, hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([date, date], true);
+        } else if (date.isBefore(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([date, valueRange[0], hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([date, valueRange[0]], true);
+        } else if (date.isAfter(valueRange[0])) {
+          onHoverDate == null ? void 0 : onHoverDate([valueRange[0], date, hoverDate.current]);
+          onPickDateRange == null ? void 0 : onPickDateRange([valueRange[0], date], true);
+        }
+      }
+    },
+    [onHoverDate, onPickDateRange, valueRange]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_MonthPanel.default, { value: startDate, valueRange, className: (0, import_classnames.default)(e`content`, is`left`), onPickMonth }, /* @__PURE__ */ import_react.default.createElement(
+    import_Header.default,
+    {
+      year: startDate.year() + "年",
+      month: `${startDate.month() + 1}月`,
+      showForward: !unlinkPanels,
+      plain: unlinkPanels,
+      prefix: "date-range-picker",
+      postion: "left",
+      showMonth: false,
+      onToggleView: props.onToggleView,
+      disabledForwards,
+      onMoveBackward: () => switchDate(-1, "M", "left"),
+      onMoveForward: () => switchDate(1, "M", "left"),
+      onMoveBackwards: () => switchDate(-1, "y", "left"),
+      onMoveForwards: () => switchDate(1, "y", "left")
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(import_MonthPanel.default, { value: endDate, valueRange, className: (0, import_classnames.default)(e`content`, is`right`), onPickMonth }, /* @__PURE__ */ import_react.default.createElement(
+    import_Header.default,
+    {
+      year: endDate.year() + "年",
+      month: `${endDate.month() + 1}月`,
+      showBackward: !unlinkPanels,
+      plain: unlinkPanels,
+      prefix: "date-range-picker",
+      postion: "right",
+      showMonth: false,
+      onToggleView: props.onToggleView,
+      disabledBackwards: disabledForwards,
+      onMoveBackward: () => switchDate(-1, "M", "right"),
+      onMoveForward: () => switchDate(1, "M", "right"),
+      onMoveBackwards: () => switchDate(-1, "y", "right"),
+      onMoveForwards: () => switchDate(1, "y", "right")
+    }
+  )));
+};
+MonthRangePanel.displayName = "Calendar.MonthRangePanel";
+var MonthRangePanel_default = MonthRangePanel;

package/dist/Calendar/ShortCuts.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { ClassValue } from '../hooks/useClassNames';
+import { ChangeParams } from './CalendarContext';
+import { Shortcuts } from './typings';
+interface Props {
+    shortcuts: Shortcuts[];
+    onChange?: (value: Dayjs, params?: ChangeParams) => void;
+    e: (...classes: ClassValue[]) => string;
+}
+declare const ShortCuts: ({ shortcuts, onChange, e }: Props) => React.JSX.Element;
+export default ShortCuts;

package/dist/Calendar/ShortCuts.js

@@ -0,0 +1,41 @@
+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);
+
+// src/Calendar/ShortCuts.tsx
+var ShortCuts_exports = {};
+__export(ShortCuts_exports, {
+  default: () => ShortCuts_default
+});
+module.exports = __toCommonJS(ShortCuts_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var ShortCuts = ({ shortcuts, onChange, e }) => {
+  return (0, import_Util.isNotEmpty)(shortcuts) && /* @__PURE__ */ import_react.default.createElement("div", { className: e`sidebar` }, shortcuts.map((item, i) => /* @__PURE__ */ import_react.default.createElement("button", { key: i, className: e`shortcut`, onClick: () => onChange == null ? void 0 : onChange((0, import_dayjs.default)(item.value instanceof Function ? item.value() : item.value)) }, item.text)));
+};
+var ShortCuts_default = ShortCuts;

package/dist/Calendar/WeekPanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { WeekPanelProps } from './typings';
+declare const WeekPanel: FC<WeekPanelProps>;
+export default WeekPanel;