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

package/dist/Calendar/Calendar.js

@@ -1,275 +1,321 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+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 Calendar_exports = {};
+__export(Calendar_exports, {
+  default: () => Calendar_default
 });
-exports.default = void 0;
-var _icons = require("@bifrostui/icons");
-var _utils = require("@bifrostui/utils");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
-var _react = _interopRequireWildcard(require("react"));
-require("./Calendar.css");
-var _utils2 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-_dayjs.default.extend(_isoWeek.default);
-const SUNDAY_WEEK_DATA = ['日', '一', '二', '三', '四', '五', '六'];
+module.exports = __toCommonJS(Calendar_exports);
+var import_icons = require("@bifrostui/icons");
+var import_utils = require("@bifrostui/utils");
+var import_clsx = __toESM(require("clsx"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
+var import_react = __toESM(require("react"));
+var import_Calendar = require("./Calendar.css");
+var import_utils2 = require("./utils");
+import_dayjs.default.extend(import_isoWeek.default);
+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'
+  root: "bui-calendar",
+  handler: "bui-calendar-handler",
+  day: "bui-calendar-day",
+  week: "bui-calendar-week",
+  disabled: "bui-calendar-disabled"
 };
-const Calendar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    className,
-    defaultValue,
-    value,
-    minDate,
-    maxDate,
-    mode,
-    hideDaysOutsideCurrentMonth,
-    disabledDate,
-    highlightDate,
-    dateRender,
-    weekRender,
-    onMonthChange,
-    onChange,
-    ...others
-  } = props;
-  const isRangeMode = mode === 'range';
-  /** @type undefined | Array<Date|null> */
-  const formattedValue = (0, _utils2.formatDate)(mode, value, minDate, maxDate);
-  /** @type undefined | Array<Date|null> */
-  const formattedDefaultValue = (0, _utils2.formatDate)(mode, defaultValue, minDate, maxDate);
-
-  // 头部操作栏月份
-  const [renderMonth, setRenderMonth] = (0, _react.useState)(() => {
-    const initMonth = formattedValue === undefined ? formattedDefaultValue?.[0] : formattedValue?.[0];
-    return (0, _dayjs.default)(initMonth || minDate).toDate();
-  });
-  /**
-   * 日历状态值
-   * @type Array<Date|null>
-   */
-  const [calendarValue, triggerChange] = (0, _utils.useValue)({
-    value: formattedValue,
-    defaultValue: formattedDefaultValue,
-    onChange
-  });
-  // 根据calendarValue计算选中开始/结束日期
-  const selectedStartDate = (0, _react.useMemo)(() => {
-    return calendarValue?.[0];
-  }, [calendarValue]);
-  const selectedEndDate = (0, _react.useMemo)(() => {
-    return calendarValue?.[1];
-  }, [calendarValue]);
-  const isMinMonth = (0, _dayjs.default)(minDate).isSame(renderMonth, 'month');
-  const isMaxMonth = (0, _dayjs.default)(maxDate).isSame(renderMonth, 'month');
-  (0, _utils.useDidMountEffect)(() => {
-    const initMonth = formattedValue === undefined ? formattedDefaultValue?.[0] : formattedValue?.[0];
-    setRenderMonth((0, _dayjs.default)(initMonth || minDate).toDate());
-  }, [JSON.stringify(value), JSON.stringify(defaultValue)]);
-  const getDaysInMonth = args => {
-    const m = (0, _dayjs.default)(args).format('YYYY/MM');
-    // 获取当前月份包含的天数
-    const count = (0, _dayjs.default)(m).daysInMonth();
-    // 获取月初ISO星期几
-    const week = (0, _dayjs.default)(m).isoWeekday();
-    // 获取月末ISO星期几
-    const eneWeek = (0, _dayjs.default)(m).endOf('month').isoWeekday();
-    // 获取上月天数
-    const prevMount = (0, _dayjs.default)(m).subtract(1, 'month');
-    const list = [];
-
-    // 填补上月日期
-    if (week !== 7) {
-      const prevMountCount = prevMount.daysInMonth();
-      [...Array(week)].forEach((_, i) => {
-        const day = (0, _dayjs.default)(`${prevMount.format('YYYY/MM')}/${prevMountCount - i}`).toDate();
-        list.unshift({
+const Calendar = import_react.default.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 = (0, import_utils2.formatDate)(mode, value, minDate, maxDate);
+    const formattedDefaultValue = (0, import_utils2.formatDate)(
+      mode,
+      defaultValue,
+      minDate,
+      maxDate
+    );
+    const [renderMonth, setRenderMonth] = (0, import_react.useState)(() => {
+      const initMonth = formattedValue === void 0 ? formattedDefaultValue == null ? void 0 : formattedDefaultValue[0] : formattedValue == null ? void 0 : formattedValue[0];
+      return (0, import_dayjs.default)(initMonth || minDate).toDate();
+    });
+    const [calendarValue, triggerChange] = (0, import_utils.useValue)({
+      value: formattedValue,
+      defaultValue: formattedDefaultValue,
+      onChange
+    });
+    const selectedStartDate = (0, import_react.useMemo)(() => {
+      return calendarValue == null ? void 0 : calendarValue[0];
+    }, [calendarValue]);
+    const selectedEndDate = (0, import_react.useMemo)(() => {
+      return calendarValue == null ? void 0 : calendarValue[1];
+    }, [calendarValue]);
+    const isMinMonth = (0, import_dayjs.default)(minDate).isSame(renderMonth, "month");
+    const isMaxMonth = (0, import_dayjs.default)(maxDate).isSame(renderMonth, "month");
+    (0, import_utils.useDidMountEffect)(() => {
+      const initMonth = formattedValue === void 0 ? formattedDefaultValue == null ? void 0 : formattedDefaultValue[0] : formattedValue == null ? void 0 : formattedValue[0];
+      setRenderMonth((0, import_dayjs.default)(initMonth || minDate).toDate());
+    }, [JSON.stringify(value), JSON.stringify(defaultValue)]);
+    const getDaysInMonth = (args) => {
+      const m = (0, import_dayjs.default)(args).format("YYYY/MM");
+      const count = (0, import_dayjs.default)(m).daysInMonth();
+      const week = (0, import_dayjs.default)(m).isoWeekday();
+      const eneWeek = (0, import_dayjs.default)(m).endOf("month").isoWeekday();
+      const prevMount = (0, import_dayjs.default)(m).subtract(1, "month");
+      const list = [];
+      if (week !== 7) {
+        const prevMountCount = prevMount.daysInMonth();
+        [...Array(week)].forEach((_, i) => {
+          const day = (0, import_dayjs.default)(
+            `${prevMount.format("YYYY/MM")}/${prevMountCount - i}`
+          ).toDate();
+          list.unshift({
+            day: hideDaysOutsideCurrentMonth ? null : day,
+            disabled: true
+          });
+        });
+      }
+      [...Array(count)].forEach((_, i) => {
+        const day = (0, import_dayjs.default)(`${m}/${i + 1}`).toDate();
+        const defaultDisable = !(0, import_utils2.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 = (0, import_dayjs.default)(m).add(1, "month");
+        const day = (0, import_dayjs.default)(
+          `${(0, import_dayjs.default)(nextMonth).format("YYYY/MM")}/${i + 1}`
+        ).toDate();
+        list.push({
           day: hideDaysOutsideCurrentMonth ? null : day,
           disabled: true
         });
       });
-    }
-    [...Array(count)].forEach((_, i) => {
-      const day = (0, _dayjs.default)(`${m}/${i + 1}`).toDate();
-
-      // 先判断是否minDate与maxDate之间，再判断传入的方法
-      const defaultDisable = !(0, _utils2.isRange)(day, minDate, maxDate);
-      const propsDisable = disabledDate ? !!disabledDate?.(day) : false;
-      list.push({
-        day,
-        disabled: defaultDisable ? true : propsDisable
-      });
-    });
-
-    // 填补下月日期
-    const end = eneWeek === 7 ? 6 : 6 - eneWeek;
-    [...Array(end)].forEach((_, i) => {
-      const nextMonth = (0, _dayjs.default)(m).add(1, 'month');
-      const day = (0, _dayjs.default)(`${(0, _dayjs.default)(nextMonth).format('YYYY/MM')}/${i + 1}`).toDate();
-      list.push({
-        day: hideDaysOutsideCurrentMonth ? null : day,
-        disabled: true
-      });
-    });
-    return list;
-  };
-  const getDayClassName = ({
-    day: itemDate,
-    disabled
-  }) => {
-    let result = '';
-    if (disabled) return result;
-    const isToday = (0, _dayjs.default)(itemDate).diff((0, _dayjs.default)().format('YYYYMMDD'), 'day') === 0;
-    if (selectedStartDate && (0, _utils2.isSame)(selectedStartDate, itemDate)) {
-      result = `${classes.root}-start`;
-      // 此时endDate已选中
-      if (selectedEndDate) {
-        result += ` ${classes.root}-range`;
+      return list;
+    };
+    const getDayClassName = ({ day: itemDate, disabled }) => {
+      let result = "";
+      if (disabled)
+        return result;
+      const isToday = (0, import_dayjs.default)(itemDate).diff((0, import_dayjs.default)().format("YYYYMMDD"), "day") === 0;
+      if (selectedStartDate && (0, import_utils2.isSame)(selectedStartDate, itemDate)) {
+        result = `${classes.root}-start`;
+        if (selectedEndDate) {
+          result += ` ${classes.root}-range`;
+        }
+      } else if (selectedEndDate && (0, import_utils2.isSame)(selectedEndDate, itemDate)) {
+        result = `${classes.root}-end`;
+      } else if (selectedStartDate && selectedEndDate && (0, import_dayjs.default)(itemDate).diff(selectedStartDate) > 0 && (0, import_dayjs.default)(itemDate).diff(selectedEndDate) < 0) {
+        result = `${classes.root}-middle`;
       }
-    } else if (selectedEndDate && (0, _utils2.isSame)(selectedEndDate, itemDate)) {
-      result = `${classes.root}-end`;
-    } else if (selectedStartDate && selectedEndDate && (0, _dayjs.default)(itemDate).diff(selectedStartDate) > 0 && (0, _dayjs.default)(itemDate).diff(selectedEndDate) < 0) {
-      result = `${classes.root}-middle`;
-    }
-    if (highlightDate === 'today' && isToday && !result) {
-      result = `${classes.root}-today`;
-    }
-    return result;
-  };
-  const defaultDateRender = ins => {
-    const dayClassName = getDayClassName(ins);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _clsx.default)(classes.day, ins?.disabled && classes.disabled, dayClassName)
-    }, ins.day && (0, _dayjs.default)(ins.day).format('D'));
-  };
-  const onClickDay = (e, ins) => {
-    if (ins?.disabled) return;
-    if (isRangeMode) {
-      // 都无值
-      if (!selectedStartDate && !selectedEndDate) {
-        triggerChange?.(e, [ins.day, null]);
+      if (highlightDate === "today" && isToday && !result) {
+        result = `${classes.root}-today`;
       }
-      // start有值，end无值
-      else if (selectedStartDate && !selectedEndDate) {
-        let result;
-        // 选中了start，此时置空start
-        if ((0, _utils2.isSame)(ins.day, selectedStartDate)) {
-          result = [null, null];
-        } else {
-          // 比较当前选中日期与start，重新赋值start、end
-          result = (0, _dayjs.default)(ins.day).diff((0, _dayjs.default)(selectedStartDate)) < 0 ? [ins.day, selectedStartDate] : [selectedStartDate, ins.day];
+      return result;
+    };
+    const defaultDateRender = (ins) => {
+      const dayClassName = getDayClassName(ins);
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            classes.day,
+            (ins == null ? void 0 : ins.disabled) && classes.disabled,
+            dayClassName
+          )
+        },
+        ins.day && (0, import_dayjs.default)(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 ((0, import_utils2.isSame)(ins.day, selectedStartDate)) {
+            result = [null, null];
+          } else {
+            result = (0, import_dayjs.default)(ins.day).diff((0, import_dayjs.default)(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?.(e, result);
+        return;
       }
-      // start、end都有值，选中日期为start
-      else if (selectedStartDate && selectedEndDate) {
-        triggerChange?.(e, [ins.day, null]);
+      const hasSelectedDate = selectedStartDate && (0, import_utils2.isSame)(ins.day, selectedStartDate);
+      triggerChange == null ? void 0 : triggerChange(e, hasSelectedDate ? null : ins.day);
+    };
+    const renderDayList = () => getDaysInMonth(renderMonth).map(
+      (ins, index) => {
+        const dayStr = (0, import_dayjs.default)(ins.day).format("YYYYMMDD");
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_clsx.default)(`${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 = (0, import_dayjs.default)(renderMonth).subtract(1, "month").toDate();
+        setRenderMonth(month);
+        onMonthChange == null ? void 0 : onMonthChange(e, {
+          type: "prev",
+          month: (0, import_dayjs.default)(month).format("YYYY/MM")
+        });
       }
-      return;
-    }
-
-    // 单选模式使用selectedStartDate判断是否已选中
-    const hasSelectedDate = selectedStartDate && (0, _utils2.isSame)(ins.day, selectedStartDate);
-    triggerChange?.(e, hasSelectedDate ? null : ins.day);
-  };
-  const renderDayList = () => getDaysInMonth(renderMonth).map((ins, index) => {
-    const dayStr = (0, _dayjs.default)(ins.day).format('YYYYMMDD');
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _clsx.default)(`${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 = (0, _dayjs.default)(renderMonth).subtract(1, 'month').toDate();
-      setRenderMonth(month);
-      onMonthChange?.(e, {
-        type: 'prev',
-        month: (0, _dayjs.default)(month).format('YYYY/MM')
-      });
-    }
-  };
-
-  /**
-   * 切换下一个月
-   */
-  const onClickNext = e => {
-    if (!isMaxMonth) {
-      const month = (0, _dayjs.default)(renderMonth).add(1, 'month').toDate();
-      setRenderMonth(month);
-      onMonthChange?.(e, {
-        type: 'next',
-        month: (0, _dayjs.default)(month).format('YYYY/MM')
-      });
-    }
-  };
-  let data = {};
-  if (isRangeMode) {
-    data = {
-      'data-start': (0, _dayjs.default)(selectedStartDate).format('YYYYMMDD'),
-      'data-end': (0, _dayjs.default)(selectedEndDate).format('YYYYMMDD')
     };
-  } else {
-    data = {
-      'data-selected': (0, _dayjs.default)(selectedStartDate).format('YYYYMMDD')
+    const onClickNext = (e) => {
+      if (!isMaxMonth) {
+        const month = (0, import_dayjs.default)(renderMonth).add(1, "month").toDate();
+        setRenderMonth(month);
+        onMonthChange == null ? void 0 : onMonthChange(e, {
+          type: "next",
+          month: (0, import_dayjs.default)(month).format("YYYY/MM")
+        });
+      }
     };
+    let data = {};
+    if (isRangeMode) {
+      data = {
+        "data-start": (0, import_dayjs.default)(selectedStartDate).format("YYYYMMDD"),
+        "data-end": (0, import_dayjs.default)(selectedEndDate).format("YYYYMMDD")
+      };
+    } else {
+      data = {
+        "data-selected": (0, import_dayjs.default)(selectedStartDate).format("YYYYMMDD")
+      };
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __spreadValues(__spreadProps(__spreadValues({
+        ref,
+        className: (0, import_clsx.default)(classes.root, className, {
+          [`${classes.root}-highlight-weekend`]: highlightDate === "weekend"
+        })
+      }, others), {
+        "data-mode": mode
+      }), data),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, /* @__PURE__ */ import_react.default.createElement(
+        import_icons.CaretLeftIcon,
+        {
+          className: `${classes.handler}-btn-icon`,
+          htmlColor: isMinMonth && "#cccccc"
+        }
+      )), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text` }, (0, import_dayjs.default)(renderMonth).format("YYYY/MM")), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, /* @__PURE__ */ import_react.default.createElement(
+        import_icons.CaretRightIcon,
+        {
+          className: `${classes.handler}-btn-icon`,
+          htmlColor: isMaxMonth && "#cccccc"
+        }
+      ))),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w) => {
+        return weekRender ? weekRender(w) : /* @__PURE__ */ import_react.default.createElement("div", { key: w, className: `${classes.week}-item` }, w);
+      })),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${classes.root}-month`) }, renderDayList())
+    );
   }
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: ref,
-    className: (0, _clsx.default)(classes.root, className, {
-      [`${classes.root}-highlight-weekend`]: highlightDate === 'weekend'
-    })
-  }, others, {
-    "data-mode": mode
-  }, data), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.handler
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: onClickPrev,
-    className: `${classes.handler}-btn`
-  }, /*#__PURE__*/_react.default.createElement(_icons.CaretLeftIcon, {
-    className: `${classes.handler}-btn-icon`,
-    htmlColor: isMinMonth && '#cccccc'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.handler}-text`
-  }, (0, _dayjs.default)(renderMonth).format('YYYY/MM')), /*#__PURE__*/_react.default.createElement("div", {
-    onClick: onClickNext,
-    className: `${classes.handler}-btn`
-  }, /*#__PURE__*/_react.default.createElement(_icons.CaretRightIcon, {
-    className: `${classes.handler}-btn-icon`,
-    htmlColor: isMaxMonth && '#cccccc'
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.week
-  }, SUNDAY_WEEK_DATA?.map(w => {
-    return weekRender ? weekRender(w) : /*#__PURE__*/_react.default.createElement("div", {
-      key: w,
-      className: `${classes.week}-item`
-    }, w);
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(`${classes.root}-month`)
-  }, renderDayList()));
-});
-Calendar.displayName = 'BuiCalendar';
+);
+Calendar.displayName = "BuiCalendar";
 Calendar.defaultProps = {
   hideDaysOutsideCurrentMonth: false,
-  mode: 'single',
-  minDate: (0, _dayjs.default)((0, _dayjs.default)().format('YYYYMMDD')).add(0, 'month').toDate(),
-  maxDate: (0, _dayjs.default)((0, _dayjs.default)().format('YYYYMMDD')).add(11, 'month').toDate(),
-  highlightDate: 'today'
+  mode: "single",
+  minDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(0, "month").toDate(),
+  maxDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(11, "month").toDate(),
+  highlightDate: "today"
 };
-var _default = exports.default = Calendar;
+var Calendar_default = Calendar;

package/dist/Calendar/Calendar.types.js

@@ -1,5 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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);
+var Calendar_types_exports = {};
+module.exports = __toCommonJS(Calendar_types_exports);