donghy 0.0.1

package/dist/cjs/components/display/badge/Badge.module.css

@@ -0,0 +1,161 @@
+.root {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+  line-height: 1;
+}
+
+.indicator {
+  position: absolute;
+  top: 0;
+  inset-inline-end: 0;
+  transform: translate(50%, -50%);
+  z-index: var(--nv-z-badge, 1);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.indicator[data-standalone] {
+  position: relative;
+  top: auto;
+  inset-inline-end: auto;
+  transform: none;
+}
+
+.dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--nv-color-error, #FF7675);
+}
+
+.dot[data-size='small'] {
+  width: 4px;
+  height: 4px;
+}
+
+.count {
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  font-size: 12px;
+  line-height: 20px;
+  font-weight: 500;
+  text-align: center;
+  border-radius: 10px;
+  background: var(--nv-color-error, #FF7675);
+  color: #fff;
+  white-space: nowrap;
+}
+
+.count[data-size='small'] {
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  font-size: 10px;
+  line-height: 16px;
+  border-radius: 8px;
+}
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  position: relative;
+  top: auto;
+  inset-inline-end: auto;
+  transform: none;
+}
+
+.statusDot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--_status-color, #d9d9d9);
+}
+
+.statusDot[data-status='default'] {
+  --_status-color: #d9d9d9;
+}
+
+.statusDot[data-status='success'] {
+  --_status-color: #00B894;
+}
+
+.statusDot[data-status='warning'] {
+  --_status-color: #FDCB6E;
+}
+
+.statusDot[data-status='error'] {
+  --_status-color: #FF7675;
+}
+
+.statusDot[data-status='info'] {
+  --_status-color: #74B9FF;
+}
+
+.statusText {
+  font-size: 14px;
+  line-height: 1;
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+}
+
+.ribbon {
+  position: relative;
+  display: inline-block;
+}
+
+.ribbonIndicator {
+  position: absolute;
+  top: 8px;
+  height: 22px;
+  padding: 0 8px;
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 1;
+  color: #fff;
+  background: var(--_ribbon-color, var(--nv-color-primary, #6C5CE7));
+  white-space: nowrap;
+}
+
+.ribbonIndicator[data-placement='end'] {
+  inset-inline-end: 0;
+  border-radius: var(--nv-radius-xs, 2px) 0 0 var(--nv-radius-xs, 2px);
+}
+
+.ribbonIndicator[data-placement='start'] {
+  inset-inline-start: 0;
+  border-radius: 0 var(--nv-radius-xs, 2px) var(--nv-radius-xs, 2px) 0;
+}
+
+.ribbonIndicator[data-placement='end']::after {
+  content: '';
+  position: absolute;
+  inset-inline-end: 0;
+  bottom: -6px;
+  border-style: solid;
+  border-width: 0 6px 6px 0;
+  border-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  border-inline-end-color: rgba(0, 0, 0, 0.25);
+}
+
+.ribbonIndicator[data-placement='start']::after {
+  content: '';
+  position: absolute;
+  inset-inline-start: 0;
+  bottom: -6px;
+  border-style: solid;
+  border-width: 6px 6px 0 0;
+  border-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  border-inline-start-color: rgba(0, 0, 0, 0.25);
+}
+
+.ribbonContent {
+  font-size: 12px;
+  line-height: 1;
+  color: #fff;
+}

package/dist/cjs/components/display/badge/BadgeRibbon.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BadgeRibbon = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BadgeModule = _interopRequireDefault(require("./Badge.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 getSemantic(part, defaultClass, classNamesProp, stylesProp) {
+  var classExtra = classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp[part];
+  var styleExtra = stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp[part];
+  return {
+    className: [defaultClass, classExtra].filter(Boolean).join(' '),
+    style: styleExtra || {}
+  };
+}
+var BadgeRibbon = exports.BadgeRibbon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var text = _ref.text,
+    color = _ref.color,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'end' : _ref$placement,
+    classNamesProp = _ref.classNames,
+    stylesProp = _ref.styles,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children;
+  var rootSemantic = getSemantic('root', _BadgeModule.default.ribbon, classNamesProp, stylesProp);
+  var indicatorSemantic = getSemantic('indicator', _BadgeModule.default.ribbonIndicator, classNamesProp, stylesProp);
+  var contentSemantic = getSemantic('content', _BadgeModule.default.ribbonContent, classNamesProp, stylesProp);
+  var rootCls = [rootSemantic.className, className].filter(Boolean).join(' ');
+  var rootStyle = _objectSpread(_objectSpread({}, rootSemantic.style), style);
+  var indicatorStyle = _objectSpread(_objectSpread({}, indicatorSemantic.style), color ? {
+    '--_ribbon-color': color,
+    background: color
+  } : {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: rootCls,
+    style: rootStyle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: indicatorSemantic.className,
+      style: indicatorStyle,
+      "data-placement": placement,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: contentSemantic.className,
+        style: contentSemantic.style,
+        children: text
+      })
+    }), children]
+  });
+});
+BadgeRibbon.displayName = 'BadgeRibbon';
+var _default = exports.default = BadgeRibbon;

package/dist/cjs/components/display/badge/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function get() {
+    return _Badge.Badge;
+  }
+});
+Object.defineProperty(exports, "BadgeRibbon", {
+  enumerable: true,
+  get: function get() {
+    return _BadgeRibbon.BadgeRibbon;
+  }
+});
+var _Badge = require("./Badge");
+var _BadgeRibbon = require("./BadgeRibbon");

package/dist/cjs/components/display/calendar/Calendar.js

@@ -0,0 +1,400 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Calendar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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; } /**
+ * 日历模式类型
+ */ /**
+ * 日历语义化 DOM 节点
+ */ /**
+ * 日历组件属性
+ */
+var WEEKDAYS = ['一', '二', '三', '四', '五', '六', '日'];
+var MONTH_NAMES = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
+var MODE_LABELS = {
+  month: '月',
+  year: '年'
+};
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  var day = new Date(year, month, 1).getDay();
+  return day === 0 ? 6 : day - 1;
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday(date) {
+  return isSameDay(date, new Date());
+}
+function getWeekNumber(date) {
+  var d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+  var dayNum = d.getUTCDay() || 7;
+  d.setUTCDate(d.getUTCDate() + 4 - dayNum);
+  var yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+  return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);
+}
+function isDateInRange(date, range) {
+  var time = date.getTime();
+  var start = new Date(range[0].getFullYear(), range[0].getMonth(), range[0].getDate()).getTime();
+  var end = new Date(range[1].getFullYear(), range[1].getMonth(), range[1].getDate()).getTime();
+  return time >= start && time <= end;
+}
+function isMonthInRange(year, month, range) {
+  var start = new Date(year, month, 1);
+  var end = new Date(year, month, getDaysInMonth(year, month));
+  var rangeStart = new Date(range[0].getFullYear(), range[0].getMonth(), 1);
+  var rangeEnd = new Date(range[1].getFullYear(), range[1].getMonth(), getDaysInMonth(range[1].getFullYear(), range[1].getMonth()));
+  return start.getTime() <= rangeEnd.getTime() && end.getTime() >= rangeStart.getTime();
+}
+function getSemantic(part, defaultClass, classNamesProp, stylesProp) {
+  var classExtra = classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp[part];
+  var styleExtra = stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp[part];
+  return {
+    className: [defaultClass, classExtra].filter(Boolean).join(' '),
+    style: styleExtra || {}
+  };
+}
+function CalendarInner(_ref, ref) {
+  var controlledValue = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$mode = _ref.mode,
+    modeProp = _ref$mode === void 0 ? 'month' : _ref$mode,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? true : _ref$fullscreen,
+    _ref$showWeek = _ref.showWeek,
+    showWeek = _ref$showWeek === void 0 ? false : _ref$showWeek,
+    cellRender = _ref.cellRender,
+    headerRender = _ref.headerRender,
+    disabledDate = _ref.disabledDate,
+    validRange = _ref.validRange,
+    onChange = _ref.onChange,
+    onPanelChange = _ref.onPanelChange,
+    onSelect = _ref.onSelect,
+    classNamesProp = _ref.classNames,
+    stylesProp = _ref.styles,
+    className = _ref.className,
+    style = _ref.style;
+  var isControlled = controlledValue !== undefined;
+  var _useState = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : new Date()),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var selectedValue = isControlled ? controlledValue : internalValue;
+  var _useState3 = (0, _react.useState)(selectedValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    panelDate = _useState4[0],
+    setPanelDate = _useState4[1];
+  var _useState5 = (0, _react.useState)(modeProp),
+    _useState6 = _slicedToArray(_useState5, 2),
+    mode = _useState6[0],
+    setMode = _useState6[1];
+  var handleSelect = (0, _react.useCallback)(function (date) {
+    if (disabledDate !== null && disabledDate !== void 0 && disabledDate(date)) return;
+    if (validRange && !isDateInRange(date, validRange)) return;
+    if (!isControlled) {
+      setInternalValue(date);
+    }
+    onChange === null || onChange === void 0 || onChange(date);
+    onSelect === null || onSelect === void 0 || onSelect(date, {
+      source: 'date'
+    });
+  }, [disabledDate, validRange, isControlled, onChange, onSelect]);
+  var handleMonthSelect = (0, _react.useCallback)(function (month) {
+    var newDate = new Date(panelDate.getFullYear(), month, 1);
+    if (validRange && !isMonthInRange(panelDate.getFullYear(), month, validRange)) return;
+    setPanelDate(newDate);
+    setMode('month');
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(newDate, 'month');
+    onSelect === null || onSelect === void 0 || onSelect(newDate, {
+      source: 'month'
+    });
+  }, [panelDate, validRange, onPanelChange, onSelect]);
+  var goToPrevMonth = (0, _react.useCallback)(function () {
+    var newDate = new Date(panelDate.getFullYear(), panelDate.getMonth() - 1, 1);
+    setPanelDate(newDate);
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(newDate, mode);
+  }, [panelDate, mode, onPanelChange]);
+  var goToNextMonth = (0, _react.useCallback)(function () {
+    var newDate = new Date(panelDate.getFullYear(), panelDate.getMonth() + 1, 1);
+    setPanelDate(newDate);
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(newDate, mode);
+  }, [panelDate, mode, onPanelChange]);
+  var goToPrevYear = (0, _react.useCallback)(function () {
+    var newDate = new Date(panelDate.getFullYear() - 1, panelDate.getMonth(), 1);
+    setPanelDate(newDate);
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(newDate, mode);
+  }, [panelDate, mode, onPanelChange]);
+  var goToNextYear = (0, _react.useCallback)(function () {
+    var newDate = new Date(panelDate.getFullYear() + 1, panelDate.getMonth(), 1);
+    setPanelDate(newDate);
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(newDate, mode);
+  }, [panelDate, mode, onPanelChange]);
+  var handleModeChange = (0, _react.useCallback)(function (newMode) {
+    setMode(newMode);
+    onPanelChange === null || onPanelChange === void 0 || onPanelChange(panelDate, newMode);
+  }, [panelDate, onPanelChange]);
+  var handlePanelChange = (0, _react.useCallback)(function (date) {
+    setPanelDate(date);
+  }, []);
+  var dateCells = (0, _react.useMemo)(function () {
+    var year = panelDate.getFullYear();
+    var month = panelDate.getMonth();
+    var daysInMonth = getDaysInMonth(year, month);
+    var firstDay = getFirstDayOfMonth(year, month);
+    var prevMonthDays = getDaysInMonth(year, month - 1);
+    var cells = [];
+    for (var i = firstDay - 1; i >= 0; i--) {
+      var day = prevMonthDays - i;
+      var _date = new Date(year, month - 1, day);
+      cells.push({
+        date: _date,
+        day: day,
+        isOtherMonth: true,
+        isDisabled: (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(_date)) || (validRange ? !isDateInRange(_date, validRange) : false),
+        isTodayCell: isToday(_date),
+        isSelected: isSameDay(_date, selectedValue)
+      });
+    }
+    for (var _day = 1; _day <= daysInMonth; _day++) {
+      var _date2 = new Date(year, month, _day);
+      cells.push({
+        date: _date2,
+        day: _day,
+        isOtherMonth: false,
+        isDisabled: (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(_date2)) || (validRange ? !isDateInRange(_date2, validRange) : false),
+        isTodayCell: isToday(_date2),
+        isSelected: isSameDay(_date2, selectedValue)
+      });
+    }
+    var totalCells = 42;
+    var remaining = totalCells - cells.length;
+    for (var _day2 = 1; _day2 <= remaining; _day2++) {
+      var _date3 = new Date(year, month + 1, _day2);
+      cells.push({
+        date: _date3,
+        day: _day2,
+        isOtherMonth: true,
+        isDisabled: (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(_date3)) || (validRange ? !isDateInRange(_date3, validRange) : false),
+        isTodayCell: isToday(_date3),
+        isSelected: isSameDay(_date3, selectedValue)
+      });
+    }
+    return cells;
+  }, [panelDate, selectedValue, disabledDate, validRange]);
+  var weekRows = (0, _react.useMemo)(function () {
+    var rows = [];
+    for (var i = 0; i < dateCells.length; i += 7) {
+      var rowCells = dateCells.slice(i, i + 7);
+      var firstDate = rowCells[0].date;
+      rows.push({
+        weekNum: getWeekNumber(firstDate),
+        cells: rowCells
+      });
+    }
+    return rows;
+  }, [dateCells]);
+  var rootSemantic = getSemantic('root', _CalendarModule.default.root, classNamesProp, stylesProp);
+  var headerSemantic = getSemantic('header', _CalendarModule.default.header, classNamesProp, stylesProp);
+  var bodySemantic = getSemantic('body', _CalendarModule.default.body, classNamesProp, stylesProp);
+  var _contentSemantic = getSemantic('content', _CalendarModule.default.content, classNamesProp, stylesProp);
+  var itemSemantic = getSemantic('item', _CalendarModule.default.dateCell, classNamesProp, stylesProp);
+  var itemContentSemantic = getSemantic('itemContent', _CalendarModule.default.itemContent, classNamesProp, stylesProp);
+  var rootClass = [rootSemantic.className, className].filter(Boolean).join(' ');
+  var renderHeader = function renderHeader() {
+    if (headerRender) {
+      return headerRender({
+        value: panelDate,
+        mode: mode,
+        onChange: handlePanelChange,
+        onModeChange: function onModeChange(m) {
+          return handleModeChange(m);
+        }
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: headerSemantic.className,
+      style: headerSemantic.style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _CalendarModule.default.navGroup,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: _CalendarModule.default.navBtn,
+          onClick: goToPrevYear,
+          "aria-label": "\u4E0A\u4E00\u5E74",
+          children: "\xAB"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: _CalendarModule.default.navBtn,
+          onClick: goToPrevMonth,
+          "aria-label": "\u4E0A\u4E00\u6708",
+          children: "\u2039"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _CalendarModule.default.yearMonth,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [panelDate.getFullYear(), "\u5E74"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: MONTH_NAMES[panelDate.getMonth()]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _CalendarModule.default.navGroup,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: _CalendarModule.default.navBtn,
+          onClick: goToNextMonth,
+          "aria-label": "\u4E0B\u4E00\u6708",
+          children: "\u203A"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: _CalendarModule.default.navBtn,
+          onClick: goToNextYear,
+          "aria-label": "\u4E0B\u4E00\u5E74",
+          children: "\xBB"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _CalendarModule.default.modeSwitch,
+        children: Object.keys(MODE_LABELS).map(function (m) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: _CalendarModule.default.modeSwitchItem,
+            "data-active": mode === m || undefined,
+            onClick: function onClick() {
+              return handleModeChange(m);
+            },
+            children: MODE_LABELS[m]
+          }, m);
+        })
+      })]
+    });
+  };
+  var renderMonthView = function renderMonthView() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: bodySemantic.className,
+      style: bodySemantic.style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _CalendarModule.default.weekdayRow,
+        "data-show-week": showWeek || undefined,
+        children: [showWeek && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _CalendarModule.default.weekNumber,
+          children: "\u5468"
+        }), WEEKDAYS.map(function (day) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _CalendarModule.default.weekdayCell,
+            children: day
+          }, day);
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _CalendarModule.default.dateGrid,
+        "data-show-week": showWeek || undefined,
+        children: showWeek ? weekRows.map(function (row) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: _CalendarModule.default.weekNumber,
+              children: row.weekNum
+            }), row.cells.map(function (cell, idx) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: itemSemantic.className,
+                style: itemSemantic.style,
+                "data-today": cell.isTodayCell || undefined,
+                "data-selected": cell.isSelected || undefined,
+                "data-disabled": cell.isDisabled || undefined,
+                "data-other-month": cell.isOtherMonth || undefined,
+                onClick: function onClick() {
+                  return !cell.isDisabled && handleSelect(cell.date);
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: itemContentSemantic.className,
+                  style: itemContentSemantic.style,
+                  children: fullscreen && cellRender ? cellRender(cell.date, {
+                    type: 'date'
+                  }) : cell.day
+                })
+              }, "".concat(cell.isOtherMonth ? 'o' : 'c', "-").concat(cell.day, "-").concat(idx));
+            })]
+          }, row.weekNum);
+        }) : dateCells.map(function (cell, idx) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: itemSemantic.className,
+            style: itemSemantic.style,
+            "data-today": cell.isTodayCell || undefined,
+            "data-selected": cell.isSelected || undefined,
+            "data-disabled": cell.isDisabled || undefined,
+            "data-other-month": cell.isOtherMonth || undefined,
+            onClick: function onClick() {
+              return !cell.isDisabled && handleSelect(cell.date);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: itemContentSemantic.className,
+              style: itemContentSemantic.style,
+              children: fullscreen && cellRender ? cellRender(cell.date, {
+                type: 'date'
+              }) : cell.day
+            })
+          }, "".concat(cell.isOtherMonth ? 'o' : 'c', "-").concat(cell.day, "-").concat(idx));
+        })
+      })]
+    });
+  };
+  var renderYearView = function renderYearView() {
+    var year = panelDate.getFullYear();
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: bodySemantic.className,
+      style: bodySemantic.style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _CalendarModule.default.monthGrid,
+        children: MONTH_NAMES.map(function (name, month) {
+          var isSelected = selectedValue.getFullYear() === year && selectedValue.getMonth() === month;
+          var isDisabled = validRange ? !isMonthInRange(year, month, validRange) : false;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: [_CalendarModule.default.monthCell, itemSemantic.className].filter(Boolean).join(' '),
+            style: itemSemantic.style,
+            "data-selected": isSelected || undefined,
+            "data-disabled": isDisabled || undefined,
+            onClick: function onClick() {
+              return !isDisabled && handleMonthSelect(month);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: itemContentSemantic.className,
+              style: itemContentSemantic.style,
+              children: fullscreen && cellRender ? cellRender(new Date(year, month, 1), {
+                type: 'month'
+              }) : name
+            })
+          }, month);
+        })
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: rootClass,
+    style: _objectSpread(_objectSpread({}, rootSemantic.style), style),
+    "data-fullscreen": String(fullscreen),
+    "data-mode": mode,
+    children: [renderHeader(), mode === 'month' ? renderMonthView() : renderYearView()]
+  });
+}
+var Calendar = exports.Calendar = /*#__PURE__*/(0, _react.forwardRef)(CalendarInner);
+Calendar.displayName = 'Calendar';
+var _default = exports.default = Calendar;