@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.6

package/es/Calendar/Calendar.js

@@ -1,286 +1,294 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "defaultValue", "value", "minDate", "maxDate", "mode", "hideDaysOutsideCurrentMonth", "disabledDate", "highlightDate", "dateRender", "weekRender", "onMonthChange", "onChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { CaretLeftIcon, CaretRightIcon } from '@bifrostui/icons';
-import { useDidMountEffect, useValue } from '@bifrostui/utils';
-import clsx from 'clsx';
-import dayjs from 'dayjs';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import React, { useMemo, useState } from 'react';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { CaretLeftIcon, CaretRightIcon } from "@bifrostui/icons";
+import { useDidMountEffect, useValue } from "@bifrostui/utils";
+import clsx from "clsx";
+import dayjs from "dayjs";
+import isoWeek from "dayjs/plugin/isoWeek";
+import React, { useMemo, useState } from "react";
 import "./Calendar.css";
 import { formatDate, isRange, isSame } from "./utils";
 dayjs.extend(isoWeek);
-var SUNDAY_WEEK_DATA = ['日', '一', '二', '三', '四', '五', '六'];
-var classes = {
-  root: 'bui-calendar',
-  handler: 'bui-calendar-handler',
-  day: 'bui-calendar-day',
-  week: 'bui-calendar-week',
-  disabled: 'bui-calendar-disabled'
+const SUNDAY_WEEK_DATA = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+const classes = {
+  root: "bui-calendar",
+  handler: "bui-calendar-handler",
+  day: "bui-calendar-day",
+  week: "bui-calendar-week",
+  disabled: "bui-calendar-disabled"
 };
-var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    defaultValue = props.defaultValue,
-    value = props.value,
-    minDate = props.minDate,
-    maxDate = props.maxDate,
-    mode = props.mode,
-    hideDaysOutsideCurrentMonth = props.hideDaysOutsideCurrentMonth,
-    disabledDate = props.disabledDate,
-    highlightDate = props.highlightDate,
-    dateRender = props.dateRender,
-    weekRender = props.weekRender,
-    onMonthChange = props.onMonthChange,
-    onChange = props.onChange,
-    others = _objectWithoutProperties(props, _excluded);
-  var isRangeMode = mode === 'range';
-  /** @type undefined | Array<Date|null> */
-  var formattedValue = formatDate(mode, value, minDate, maxDate);
-  /** @type undefined | Array<Date|null> */
-  var formattedDefaultValue = formatDate(mode, defaultValue, minDate, maxDate);
-
-  // 头部操作栏月份
-  var _useState = useState(function () {
-      var initMonth = formattedValue === undefined ? formattedDefaultValue === null || formattedDefaultValue === void 0 ? void 0 : formattedDefaultValue[0] : formattedValue === null || formattedValue === void 0 ? void 0 : formattedValue[0];
+const Calendar = React.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      defaultValue,
+      value,
+      minDate,
+      maxDate,
+      mode,
+      hideDaysOutsideCurrentMonth,
+      disabledDate,
+      highlightDate,
+      dateRender,
+      weekRender,
+      onMonthChange,
+      onChange
+    } = _a, others = __objRest(_a, [
+      "className",
+      "defaultValue",
+      "value",
+      "minDate",
+      "maxDate",
+      "mode",
+      "hideDaysOutsideCurrentMonth",
+      "disabledDate",
+      "highlightDate",
+      "dateRender",
+      "weekRender",
+      "onMonthChange",
+      "onChange"
+    ]);
+    const isRangeMode = mode === "range";
+    const formattedValue = formatDate(mode, value, minDate, maxDate);
+    const formattedDefaultValue = formatDate(
+      mode,
+      defaultValue,
+      minDate,
+      maxDate
+    );
+    const [renderMonth, setRenderMonth] = useState(() => {
+      const initMonth = formattedValue === void 0 ? formattedDefaultValue == null ? void 0 : formattedDefaultValue[0] : formattedValue == null ? void 0 : formattedValue[0];
       return dayjs(initMonth || minDate).toDate();
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    renderMonth = _useState2[0],
-    setRenderMonth = _useState2[1];
-  /**
-   * 日历状态值
-   * @type Array<Date|null>
-   */
-  var _useValue = useValue({
+    });
+    const [calendarValue, triggerChange] = useValue({
       value: formattedValue,
       defaultValue: formattedDefaultValue,
-      onChange: onChange
-    }),
-    _useValue2 = _slicedToArray(_useValue, 2),
-    calendarValue = _useValue2[0],
-    triggerChange = _useValue2[1];
-  // 根据calendarValue计算选中开始/结束日期
-  var selectedStartDate = useMemo(function () {
-    return calendarValue === null || calendarValue === void 0 ? void 0 : calendarValue[0];
-  }, [calendarValue]);
-  var selectedEndDate = useMemo(function () {
-    return calendarValue === null || calendarValue === void 0 ? void 0 : calendarValue[1];
-  }, [calendarValue]);
-  var isMinMonth = dayjs(minDate).isSame(renderMonth, 'month');
-  var isMaxMonth = dayjs(maxDate).isSame(renderMonth, 'month');
-  useDidMountEffect(function () {
-    var initMonth = formattedValue === undefined ? formattedDefaultValue === null || formattedDefaultValue === void 0 ? void 0 : formattedDefaultValue[0] : formattedValue === null || formattedValue === void 0 ? void 0 : formattedValue[0];
-    setRenderMonth(dayjs(initMonth || minDate).toDate());
-  }, [JSON.stringify(value), JSON.stringify(defaultValue)]);
-  var getDaysInMonth = function getDaysInMonth(args) {
-    var m = dayjs(args).format('YYYY/MM');
-    // 获取当前月份包含的天数
-    var count = dayjs(m).daysInMonth();
-    // 获取月初ISO星期几
-    var week = dayjs(m).isoWeekday();
-    // 获取月末ISO星期几
-    var eneWeek = dayjs(m).endOf('month').isoWeekday();
-    // 获取上月天数
-    var prevMount = dayjs(m).subtract(1, 'month');
-    var list = [];
-
-    // 填补上月日期
-    if (week !== 7) {
-      var prevMountCount = prevMount.daysInMonth();
-      _toConsumableArray(Array(week)).forEach(function (_, i) {
-        var day = dayjs("".concat(prevMount.format('YYYY/MM'), "/").concat(prevMountCount - i)).toDate();
-        list.unshift({
+      onChange
+    });
+    const selectedStartDate = useMemo(() => {
+      return calendarValue == null ? void 0 : calendarValue[0];
+    }, [calendarValue]);
+    const selectedEndDate = useMemo(() => {
+      return calendarValue == null ? void 0 : calendarValue[1];
+    }, [calendarValue]);
+    const isMinMonth = dayjs(minDate).isSame(renderMonth, "month");
+    const isMaxMonth = dayjs(maxDate).isSame(renderMonth, "month");
+    useDidMountEffect(() => {
+      const initMonth = formattedValue === void 0 ? formattedDefaultValue == null ? void 0 : formattedDefaultValue[0] : formattedValue == null ? void 0 : formattedValue[0];
+      setRenderMonth(dayjs(initMonth || minDate).toDate());
+    }, [JSON.stringify(value), JSON.stringify(defaultValue)]);
+    const getDaysInMonth = (args) => {
+      const m = dayjs(args).format("YYYY/MM");
+      const count = dayjs(m).daysInMonth();
+      const week = dayjs(m).isoWeekday();
+      const eneWeek = dayjs(m).endOf("month").isoWeekday();
+      const prevMount = dayjs(m).subtract(1, "month");
+      const list = [];
+      if (week !== 7) {
+        const prevMountCount = prevMount.daysInMonth();
+        [...Array(week)].forEach((_, i) => {
+          const day = dayjs(
+            `${prevMount.format("YYYY/MM")}/${prevMountCount - i}`
+          ).toDate();
+          list.unshift({
+            day: hideDaysOutsideCurrentMonth ? null : day,
+            disabled: true
+          });
+        });
+      }
+      [...Array(count)].forEach((_, i) => {
+        const day = dayjs(`${m}/${i + 1}`).toDate();
+        const defaultDisable = !isRange(day, minDate, maxDate);
+        const propsDisable = disabledDate ? !!(disabledDate == null ? void 0 : disabledDate(day)) : false;
+        list.push({
+          day,
+          disabled: defaultDisable ? true : propsDisable
+        });
+      });
+      const end = eneWeek === 7 ? 6 : 6 - eneWeek;
+      [...Array(end)].forEach((_, i) => {
+        const nextMonth = dayjs(m).add(1, "month");
+        const day = dayjs(
+          `${dayjs(nextMonth).format("YYYY/MM")}/${i + 1}`
+        ).toDate();
+        list.push({
           day: hideDaysOutsideCurrentMonth ? null : day,
           disabled: true
         });
       });
-    }
-    _toConsumableArray(Array(count)).forEach(function (_, i) {
-      var day = dayjs("".concat(m, "/").concat(i + 1)).toDate();
-
-      // 先判断是否minDate与maxDate之间，再判断传入的方法
-      var defaultDisable = !isRange(day, minDate, maxDate);
-      var propsDisable = disabledDate ? !!(disabledDate !== null && disabledDate !== void 0 && disabledDate(day)) : false;
-      list.push({
-        day: day,
-        disabled: defaultDisable ? true : propsDisable
-      });
-    });
-
-    // 填补下月日期
-    var end = eneWeek === 7 ? 6 : 6 - eneWeek;
-    _toConsumableArray(Array(end)).forEach(function (_, i) {
-      var nextMonth = dayjs(m).add(1, 'month');
-      var day = dayjs("".concat(dayjs(nextMonth).format('YYYY/MM'), "/").concat(i + 1)).toDate();
-      list.push({
-        day: hideDaysOutsideCurrentMonth ? null : day,
-        disabled: true
-      });
-    });
-    return list;
-  };
-  var getDayClassName = function getDayClassName(_ref) {
-    var itemDate = _ref.day,
-      disabled = _ref.disabled;
-    var result = '';
-    if (disabled) return result;
-    var isToday = dayjs(itemDate).diff(dayjs().format('YYYYMMDD'), 'day') === 0;
-    if (selectedStartDate && isSame(selectedStartDate, itemDate)) {
-      result = "".concat(classes.root, "-start");
-      // 此时endDate已选中
-      if (selectedEndDate) {
-        result += " ".concat(classes.root, "-range");
+      return list;
+    };
+    const getDayClassName = ({ day: itemDate, disabled }) => {
+      let result = "";
+      if (disabled)
+        return result;
+      const isToday = dayjs(itemDate).diff(dayjs().format("YYYYMMDD"), "day") === 0;
+      if (selectedStartDate && isSame(selectedStartDate, itemDate)) {
+        result = `${classes.root}-start`;
+        if (selectedEndDate) {
+          result += ` ${classes.root}-range`;
+        }
+      } else if (selectedEndDate && isSame(selectedEndDate, itemDate)) {
+        result = `${classes.root}-end`;
+      } else if (selectedStartDate && selectedEndDate && dayjs(itemDate).diff(selectedStartDate) > 0 && dayjs(itemDate).diff(selectedEndDate) < 0) {
+        result = `${classes.root}-middle`;
       }
-    } else if (selectedEndDate && isSame(selectedEndDate, itemDate)) {
-      result = "".concat(classes.root, "-end");
-    } else if (selectedStartDate && selectedEndDate && dayjs(itemDate).diff(selectedStartDate) > 0 && dayjs(itemDate).diff(selectedEndDate) < 0) {
-      result = "".concat(classes.root, "-middle");
-    }
-    if (highlightDate === 'today' && isToday && !result) {
-      result = "".concat(classes.root, "-today");
-    }
-    return result;
-  };
-  var defaultDateRender = function defaultDateRender(ins) {
-    var dayClassName = getDayClassName(ins);
-    return /*#__PURE__*/React.createElement("div", {
-      className: clsx(classes.day, (ins === null || ins === void 0 ? void 0 : ins.disabled) && classes.disabled, dayClassName)
-    }, ins.day && dayjs(ins.day).format('D'));
-  };
-  var onClickDay = function onClickDay(e, ins) {
-    if (ins !== null && ins !== void 0 && ins.disabled) return;
-    if (isRangeMode) {
-      // 都无值
-      if (!selectedStartDate && !selectedEndDate) {
-        triggerChange === null || triggerChange === void 0 || triggerChange(e, [ins.day, null]);
+      if (highlightDate === "today" && isToday && !result) {
+        result = `${classes.root}-today`;
       }
-      // start有值，end无值
-      else if (selectedStartDate && !selectedEndDate) {
-        var result;
-        // 选中了start，此时置空start
-        if (isSame(ins.day, selectedStartDate)) {
-          result = [null, null];
-        } else {
-          // 比较当前选中日期与start，重新赋值start、end
-          result = dayjs(ins.day).diff(dayjs(selectedStartDate)) < 0 ? [ins.day, selectedStartDate] : [selectedStartDate, ins.day];
+      return result;
+    };
+    const defaultDateRender = (ins) => {
+      const dayClassName = getDayClassName(ins);
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx(
+            classes.day,
+            (ins == null ? void 0 : ins.disabled) && classes.disabled,
+            dayClassName
+          )
+        },
+        ins.day && dayjs(ins.day).format("D")
+      );
+    };
+    const onClickDay = (e, ins) => {
+      if (ins == null ? void 0 : ins.disabled)
+        return;
+      if (isRangeMode) {
+        if (!selectedStartDate && !selectedEndDate) {
+          triggerChange == null ? void 0 : triggerChange(e, [ins.day, null]);
+        } else if (selectedStartDate && !selectedEndDate) {
+          let result;
+          if (isSame(ins.day, selectedStartDate)) {
+            result = [null, null];
+          } else {
+            result = dayjs(ins.day).diff(dayjs(selectedStartDate)) < 0 ? [ins.day, selectedStartDate] : [selectedStartDate, ins.day];
+          }
+          triggerChange == null ? void 0 : triggerChange(e, result);
+        } else if (selectedStartDate && selectedEndDate) {
+          triggerChange == null ? void 0 : triggerChange(e, [ins.day, null]);
         }
-        triggerChange === null || triggerChange === void 0 || triggerChange(e, result);
+        return;
       }
-      // start、end都有值，选中日期为start
-      else if (selectedStartDate && selectedEndDate) {
-        triggerChange === null || triggerChange === void 0 || triggerChange(e, [ins.day, null]);
+      const hasSelectedDate = selectedStartDate && isSame(ins.day, selectedStartDate);
+      triggerChange == null ? void 0 : triggerChange(e, hasSelectedDate ? null : ins.day);
+    };
+    const renderDayList = () => getDaysInMonth(renderMonth).map(
+      (ins, index) => {
+        const dayStr = dayjs(ins.day).format("YYYYMMDD");
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: clsx(`${classes.day}-box`, {
+              [`${classes.root}-highlight-day`]: highlightDate === "weekend" && !ins.disabled && (index % 7 === 0 || index % 7 === 6)
+            }),
+            key: `${dayStr}-${index}`,
+            onClick: (e) => onClickDay(e, ins)
+          },
+          dateRender ? dateRender(ins) : defaultDateRender(ins)
+        );
+      }
+    );
+    const onClickPrev = (e) => {
+      if (!isMinMonth) {
+        const month = dayjs(renderMonth).subtract(1, "month").toDate();
+        setRenderMonth(month);
+        onMonthChange == null ? void 0 : onMonthChange(e, {
+          type: "prev",
+          month: dayjs(month).format("YYYY/MM")
+        });
       }
-      return;
-    }
-
-    // 单选模式使用selectedStartDate判断是否已选中
-    var hasSelectedDate = selectedStartDate && isSame(ins.day, selectedStartDate);
-    triggerChange === null || triggerChange === void 0 || triggerChange(e, hasSelectedDate ? null : ins.day);
-  };
-  var renderDayList = function renderDayList() {
-    return getDaysInMonth(renderMonth).map(function (ins, index) {
-      var dayStr = dayjs(ins.day).format('YYYYMMDD');
-      return /*#__PURE__*/React.createElement("div", {
-        className: clsx("".concat(classes.day, "-box"), _defineProperty({}, "".concat(classes.root, "-highlight-day"), highlightDate === 'weekend' && !ins.disabled && (index % 7 === 0 || index % 7 === 6))),
-        key: "".concat(dayStr, "-").concat(index),
-        onClick: function onClick(e) {
-          return onClickDay(e, ins);
-        }
-      }, dateRender ? dateRender(ins) : defaultDateRender(ins));
-    });
-  };
-
-  /**
-   * 切换上一个月
-   */
-  var onClickPrev = function onClickPrev(e) {
-    if (!isMinMonth) {
-      var month = dayjs(renderMonth).subtract(1, 'month').toDate();
-      setRenderMonth(month);
-      onMonthChange === null || onMonthChange === void 0 || onMonthChange(e, {
-        type: 'prev',
-        month: dayjs(month).format('YYYY/MM')
-      });
-    }
-  };
-
-  /**
-   * 切换下一个月
-   */
-  var onClickNext = function onClickNext(e) {
-    if (!isMaxMonth) {
-      var month = dayjs(renderMonth).add(1, 'month').toDate();
-      setRenderMonth(month);
-      onMonthChange === null || onMonthChange === void 0 || onMonthChange(e, {
-        type: 'next',
-        month: dayjs(month).format('YYYY/MM')
-      });
-    }
-  };
-  var data = {};
-  if (isRangeMode) {
-    data = {
-      'data-start': dayjs(selectedStartDate).format('YYYYMMDD'),
-      'data-end': dayjs(selectedEndDate).format('YYYYMMDD')
     };
-  } else {
-    data = {
-      'data-selected': dayjs(selectedStartDate).format('YYYYMMDD')
+    const onClickNext = (e) => {
+      if (!isMaxMonth) {
+        const month = dayjs(renderMonth).add(1, "month").toDate();
+        setRenderMonth(month);
+        onMonthChange == null ? void 0 : onMonthChange(e, {
+          type: "next",
+          month: dayjs(month).format("YYYY/MM")
+        });
+      }
     };
+    let data = {};
+    if (isRangeMode) {
+      data = {
+        "data-start": dayjs(selectedStartDate).format("YYYYMMDD"),
+        "data-end": dayjs(selectedEndDate).format("YYYYMMDD")
+      };
+    } else {
+      data = {
+        "data-selected": dayjs(selectedStartDate).format("YYYYMMDD")
+      };
+    }
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadValues(__spreadProps(__spreadValues({
+        ref,
+        className: clsx(classes.root, className, {
+          [`${classes.root}-highlight-weekend`]: highlightDate === "weekend"
+        })
+      }, others), {
+        "data-mode": mode
+      }), data),
+      /* @__PURE__ */ React.createElement("div", { className: classes.handler }, /* @__PURE__ */ React.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, /* @__PURE__ */ React.createElement(
+        CaretLeftIcon,
+        {
+          className: `${classes.handler}-btn-icon`,
+          htmlColor: isMinMonth && "#cccccc"
+        }
+      )), /* @__PURE__ */ React.createElement("div", { className: `${classes.handler}-text` }, dayjs(renderMonth).format("YYYY/MM")), /* @__PURE__ */ React.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, /* @__PURE__ */ React.createElement(
+        CaretRightIcon,
+        {
+          className: `${classes.handler}-btn-icon`,
+          htmlColor: isMaxMonth && "#cccccc"
+        }
+      ))),
+      /* @__PURE__ */ React.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w) => {
+        return weekRender ? weekRender(w) : /* @__PURE__ */ React.createElement("div", { key: w, className: `${classes.week}-item` }, w);
+      })),
+      /* @__PURE__ */ React.createElement("div", { className: clsx(`${classes.root}-month`) }, renderDayList())
+    );
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: clsx(classes.root, className, _defineProperty({}, "".concat(classes.root, "-highlight-weekend"), highlightDate === 'weekend'))
-  }, others, {
-    "data-mode": mode
-  }, data), /*#__PURE__*/React.createElement("div", {
-    className: classes.handler
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: onClickPrev,
-    className: "".concat(classes.handler, "-btn")
-  }, /*#__PURE__*/React.createElement(CaretLeftIcon, {
-    className: "".concat(classes.handler, "-btn-icon"),
-    htmlColor: isMinMonth && '#cccccc'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.handler, "-text")
-  }, dayjs(renderMonth).format('YYYY/MM')), /*#__PURE__*/React.createElement("div", {
-    onClick: onClickNext,
-    className: "".concat(classes.handler, "-btn")
-  }, /*#__PURE__*/React.createElement(CaretRightIcon, {
-    className: "".concat(classes.handler, "-btn-icon"),
-    htmlColor: isMaxMonth && '#cccccc'
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classes.week
-  }, SUNDAY_WEEK_DATA === null || SUNDAY_WEEK_DATA === void 0 ? void 0 : SUNDAY_WEEK_DATA.map(function (w) {
-    return weekRender ? weekRender(w) : /*#__PURE__*/React.createElement("div", {
-      key: w,
-      className: "".concat(classes.week, "-item")
-    }, w);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(classes.root, "-month"))
-  }, renderDayList()));
-});
-Calendar.displayName = 'BuiCalendar';
+);
+Calendar.displayName = "BuiCalendar";
 Calendar.defaultProps = {
   hideDaysOutsideCurrentMonth: false,
-  mode: 'single',
-  minDate: dayjs(dayjs().format('YYYYMMDD')).add(0, 'month').toDate(),
-  maxDate: dayjs(dayjs().format('YYYYMMDD')).add(11, 'month').toDate(),
-  highlightDate: 'today'
+  mode: "single",
+  minDate: dayjs(dayjs().format("YYYYMMDD")).add(0, "month").toDate(),
+  maxDate: dayjs(dayjs().format("YYYYMMDD")).add(11, "month").toDate(),
+  highlightDate: "today"
+};
+var Calendar_default = Calendar;
+export {
+  Calendar_default as default
 };
-export default Calendar;

package/es/Calendar/Calendar.types.js

@@ -1 +0,0 @@
-export {};

package/es/Calendar/index.js

@@ -1,2 +1,6 @@
-export { default as Calendar, default } from "./Calendar";
-export * from "./Calendar.types";
+import { default as default2, default as default3 } from "./Calendar";
+export * from "./Calendar.types";
+export {
+  default2 as Calendar,
+  default3 as default
+};