@bifrostui/react 0.0.5

package/es/Button/Button.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Button.less';
+import { ButtonProps } from './Button.types';
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/es/Button/Button.js

@@ -0,0 +1,47 @@
+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", "children", "startIcon", "endIcon", "size", "variant", "color", "disabled"];
+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 _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 clsx from 'clsx';
+import React from 'react';
+import "./Button.css";
+var prefixCls = 'bui-btn';
+var ButtonIcon = function ButtonIcon(_ref) {
+  var children = _ref.children,
+    iconPosition = _ref.iconPosition;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-icon-").concat(iconPosition)
+  }, children);
+};
+var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    startIcon = props.startIcon,
+    endIcon = props.endIcon,
+    size = props.size,
+    variant = props.variant,
+    color = props.color,
+    disabled = props.disabled,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("button", _extends({
+    type: "button",
+    className: clsx(prefixCls, "".concat(prefixCls, "-").concat(variant), "".concat(prefixCls, "-").concat(size), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(color), color), "".concat(prefixCls, "-disabled"), disabled), className),
+    ref: ref
+  }, others), startIcon && /*#__PURE__*/React.createElement(ButtonIcon, {
+    iconPosition: "start"
+  }, startIcon), children, endIcon && /*#__PURE__*/React.createElement(ButtonIcon, {
+    iconPosition: "end"
+  }, endIcon));
+});
+Button.displayName = 'BuiButton';
+Button.defaultProps = {
+  size: 'medium',
+  variant: 'outlined',
+  color: 'default',
+  disabled: false
+};
+export default Button;

package/es/Button/Button.types.d.ts

@@ -0,0 +1,52 @@
+import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
+import React from 'react';
+export type ButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否禁用
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * 按钮尺寸
+         * - small: 小按钮
+         * - medium: 中号按钮，默认按钮
+         * - large: 大按钮/半屏按钮
+         * - full: 通栏按钮
+         * @default 'medium'
+         */
+        size?: 'small' | 'medium' | 'large' | 'full';
+        /** 按钮颜色
+         * @default 'default'
+         */
+        color?: ThemeColor | 'default' | 'vip';
+        /**
+         * 按钮类型
+         * - text: 文字按钮
+         * - outlined: 描边按钮
+         * - contained: 实心填充按钮
+         * - light: 浅亮填充按钮
+         * @default 'outlined'
+         */
+        variant?: 'outlined' | 'text' | 'contained' | 'light';
+        /**
+         * 在子元素前放在的内容
+         */
+        startIcon?: React.ReactNode;
+        /**
+         * 在子元素后放在的内容
+         */
+        endIcon?: React.ReactNode;
+        /**
+         * 点击事件回调方法
+         * @param event
+         * @returns
+         */
+        onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        /**
+         * 仅微信小程序支持的button开放能力
+         */
+        openType?: ButtonOpenType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Button/Button.types.js

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

package/es/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button, default } from './Button';
+export * from './Button.types';

package/es/Button/index.js

@@ -0,0 +1,2 @@
+export { default as Button, default } from "./Button";
+export * from "./Button.types";

package/es/Calendar/Calendar.css

@@ -0,0 +1,105 @@
+.bui-calendar {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--bui-color-bg-view);
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 12px 7px;
+  font-family: var(--bui-font-family);
+}
+.bui-calendar-week {
+  height: 30px;
+  font-size: var(--bui-text-size-2);
+  font-weight: var(--bui-font-weight-medium);
+  color: var(--bui-color-fg-default);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.bui-calendar-week-item {
+  width: 14.28%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bui-calendar-week-item:nth-child(1),
+.bui-calendar-week-item:nth-child(7) {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-handler {
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 7px;
+}
+.bui-calendar-handler-text {
+  width: 80px;
+  font-size: var(--bui-title-size-3);
+  font-weight: var(--bui-font-weight-medium);
+  text-align: center;
+}
+.bui-calendar-handler-btn {
+  font-size: 16px;
+  height: 100%;
+  width: 46px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bui-calendar-handler-btn-icon {
+  font-size: 28px;
+}
+.bui-calendar-month {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: var(--bui-spacing-sm);
+}
+.bui-calendar-day-box {
+  width: 14.28%;
+  height: 30px;
+  margin-bottom: 7px;
+}
+.bui-calendar-highlight-day .bui-calendar-day {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-day {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  font-size: var(--bui-title-size-4);
+  font-weight: var(--bui-font-weight-medium);
+  color: var(--bui-color-fg-default);
+  cursor: pointer;
+}
+.bui-calendar-day.bui-calendar-disabled {
+  color: #9c9ca5;
+}
+.bui-calendar-today {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-middle {
+  color: #000;
+  border-radius: 0;
+  background-color: #ffeaf1;
+}
+.bui-calendar-start {
+  color: #000;
+  background-color: #ffc7da;
+}
+.bui-calendar-range {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bui-calendar-end {
+  color: #000;
+  background-color: #ffc7da;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}

package/es/Calendar/Calendar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Calendar.less';
+import { CalendarProps } from './Calendar.types';
+declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Calendar;

package/es/Calendar/Calendar.js

@@ -0,0 +1,286 @@
+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';
+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'
+};
+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];
+      return dayjs(initMonth || minDate).toDate();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    renderMonth = _useState2[0],
+    setRenderMonth = _useState2[1];
+  /**
+   * 日历状态值
+   * @type Array<Date|null>
+   */
+  var _useValue = 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({
+          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");
+      }
+    } 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]);
+      }
+      // 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];
+        }
+        triggerChange === null || triggerChange === void 0 || triggerChange(e, result);
+      }
+      // start、end都有值，选中日期为start
+      else if (selectedStartDate && selectedEndDate) {
+        triggerChange === null || triggerChange === void 0 || triggerChange(e, [ins.day, null]);
+      }
+      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')
+    };
+  }
+  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.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'
+};
+export default Calendar;

package/es/Calendar/Calendar.types.d.ts

@@ -0,0 +1,76 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export interface ICalendarInstance {
+    /** 日期对象 */
+    day: Date;
+    /** 是否禁用 */
+    disabled: boolean;
+}
+export interface ICalendarMonthChangeData {
+    /** 切换后的月份 */
+    month: string;
+    /** 操作类型，prev: 点击上个月 next: 点击下个月 */
+    type: 'prev' | 'next';
+}
+export type ICalendarMode = 'single' | 'range';
+export type ICalendarValue = Date | Date[] | null;
+export type CalendarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认选中的值，当组件非受控时使用
+         */
+        defaultValue?: ICalendarValue;
+        /**
+         * 选中的值，当组件受控时使用
+         */
+        value?: ICalendarValue;
+        /**
+         * 可选择的最小日期，默认为当前日期
+         * 渲染指定月时：value=null并指定minDate
+         */
+        minDate?: Date;
+        /**
+         * 可选择的最大日期，默认为当前日期的一年后
+         */
+        maxDate?: Date;
+        /**
+         * 选择类型，默认为single
+         * single 表示选择单个日期
+         * range 表示选择日期区间
+         */
+        mode?: ICalendarMode;
+        /**
+         * 是否隐藏当前月之外的日期，默认为false
+         */
+        hideDaysOutsideCurrentMonth?: boolean;
+        /**
+         * 不可选择的日期
+         */
+        disabledDate?: (currentDate: Date) => boolean;
+        /**
+         * 高亮的日期，默认为today
+         * today 若选中的非当天，则当天高亮显示，若选中的是当天，则当天展示选中态
+         * weekend 可选的周末高亮显示
+         */
+        highlightDate?: 'today' | 'weekend';
+        /**
+         * 自定义日期单元格的内容
+         */
+        dateRender?: (currentDate: ICalendarInstance) => React.ReactNode;
+        /**
+         * 自定义周单元格的内容
+         */
+        weekRender?: (week: string) => React.ReactNode;
+        /**
+         * 月份发生变化的回调
+         */
+        onMonthChange?: (e: React.SyntheticEvent, data: ICalendarMonthChangeData) => void;
+        /**
+         * 日期发生变化的回调
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            value: ICalendarValue;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Calendar/Calendar.types.js

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

package/es/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar, default } from './Calendar';
+export * from './Calendar.types';

package/es/Calendar/index.js

@@ -0,0 +1,2 @@
+export { default as Calendar, default } from "./Calendar";
+export * from "./Calendar.types";

package/es/Calendar/utils.d.ts

@@ -0,0 +1,25 @@
+import { ICalendarMode, ICalendarValue } from './Calendar.types';
+/**
+ * 判断日期是否相同
+ */
+export declare const isSame: (start: Date, end: Date) => boolean;
+/**
+ * 计算日期差
+ */
+export declare const geteDateDiff: (a: Date, b: Date) => number;
+/**
+ * 判断是否在日期区间内
+ */
+export declare const isRange: (current: Date, start: Date, end: Date) => boolean;
+/**
+ * 取数组第一个日期为开始日期，最后一个日期为结束日期
+ */
+export declare const generateRangeDate: (value: Date[]) => {
+    start: Date;
+    end: Date;
+};
+/**
+ * 格式化初始日期
+ * @return undefined | Array<Date|null>
+ */
+export declare const formatDate: (mode: ICalendarMode, value: ICalendarValue, minDate: Date, maxDate: Date) => any[] | Date;