@tiny-design/react 1.0.4

package/lib/button/style/index.css

@@ -0,0 +1,369 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-btn {
+  box-sizing: border-box;
+  border: 1px solid var(--ty-color-border-btn-default);
+  outline: none;
+  letter-spacing: 0;
+  text-align: center;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 50px;
+  vertical-align: middle;
+  text-decoration: none;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border-radius: 2px;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  line-height: 1.5;
+}
+.ty-btn__loader {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  position: relative;
+  border-width: 2px;
+  border-color: currentColor currentColor transparent transparent;
+  border-style: solid;
+  border-radius: 50%;
+  animation: ty-rotate-reverse 600ms infinite linear;
+}
+.ty-btn__icon-container, .ty-btn__loader {
+  display: inline-block;
+  pointer-events: none;
+  line-height: 1.5;
+  vertical-align: middle;
+}
+.ty-btn__icon-container + span, .ty-btn__loader + span {
+  margin-left: 0.3em;
+}
+.ty-btn__children {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ty-btn_default {
+  color: var(--ty-btn-default-color);
+  background: var(--ty-btn-default-bg);
+  border-color: var(--ty-btn-default-border);
+}
+.ty-btn_default:hover {
+  color: var(--ty-btn-default-hover-color);
+  background: var(--ty-btn-default-hover-bg);
+  border-color: var(--ty-btn-default-hover-border);
+}
+.ty-btn_default:focus {
+  color: var(--ty-btn-default-hover-color);
+  background: var(--ty-btn-default-hover-bg);
+  border-color: var(--ty-btn-default-hover-border);
+  z-index: 1;
+}
+.ty-btn_default:active {
+  color: var(--ty-btn-default-active-color);
+  background: var(--ty-btn-default-active-bg);
+  border-color: var(--ty-btn-default-active-border);
+}
+.ty-btn_default:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_primary {
+  color: #fff;
+  background: var(--ty-color-primary);
+  border-color: var(--ty-color-primary);
+}
+.ty-btn_primary:hover {
+  color: #fff;
+  background: var(--ty-color-primary-hover);
+  border-color: var(--ty-color-primary-hover);
+}
+.ty-btn_primary:focus {
+  color: #fff;
+  background: var(--ty-color-primary-hover);
+  border-color: var(--ty-color-primary-hover);
+  z-index: 1;
+}
+.ty-btn_primary:active {
+  color: #fff;
+  background: var(--ty-color-primary-active);
+  border-color: var(--ty-color-primary-active);
+}
+.ty-btn_primary:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_outline {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-default-bg);
+  border-color: var(--ty-color-primary);
+}
+.ty-btn_outline:hover {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-outline-hover-bg);
+  border-color: var(--ty-color-primary-hover);
+}
+.ty-btn_outline:focus {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-outline-hover-bg);
+  border-color: var(--ty-color-primary-hover);
+  z-index: 1;
+}
+.ty-btn_outline:active {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-outline-active-bg);
+}
+.ty-btn_outline:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_ghost {
+  color: var(--ty-color-primary);
+  background: transparent;
+  border-color: transparent;
+}
+.ty-btn_ghost:hover {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-ghost-hover-bg);
+  border-color: transparent;
+}
+.ty-btn_ghost:focus {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-ghost-hover-bg);
+  border-color: transparent;
+  z-index: 1;
+}
+.ty-btn_ghost:active {
+  color: var(--ty-color-primary);
+  background: var(--ty-btn-ghost-active-bg);
+  border-color: transparent;
+}
+.ty-btn_ghost:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_ghost:disabled {
+  border: 0;
+}
+.ty-btn_link {
+  color: var(--ty-color-primary);
+  background: transparent;
+  border-color: transparent;
+}
+.ty-btn_link:hover {
+  color: var(--ty-color-primary);
+}
+.ty-btn_link:focus {
+  color: var(--ty-color-primary);
+  z-index: 1;
+}
+.ty-btn_link:active {
+  color: var(--ty-color-primary);
+}
+.ty-btn_link:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_link:hover {
+  text-decoration-line: underline;
+}
+.ty-btn_link:disabled {
+  color: var(--ty-btn-link-disabled-color);
+  background-color: transparent;
+  border-color: transparent;
+  text-decoration-line: none;
+}
+.ty-btn_info {
+  color: #fff;
+  background: var(--ty-color-info);
+  border-color: var(--ty-color-info);
+}
+.ty-btn_info:hover {
+  color: #fff;
+}
+.ty-btn_info:focus {
+  color: #fff;
+  z-index: 1;
+}
+.ty-btn_info:active {
+  color: #fff;
+}
+.ty-btn_info:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_success {
+  color: #fff;
+  background: var(--ty-color-success);
+  border-color: var(--ty-color-success);
+}
+.ty-btn_success:hover {
+  color: #fff;
+}
+.ty-btn_success:focus {
+  color: #fff;
+  z-index: 1;
+}
+.ty-btn_success:active {
+  color: #fff;
+}
+.ty-btn_success:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_warning {
+  color: #fff;
+  background: var(--ty-color-warning);
+  border-color: var(--ty-color-warning);
+}
+.ty-btn_warning:hover {
+  color: #fff;
+}
+.ty-btn_warning:focus {
+  color: #fff;
+  z-index: 1;
+}
+.ty-btn_warning:active {
+  color: #fff;
+}
+.ty-btn_warning:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_danger {
+  color: #fff;
+  background: var(--ty-color-danger);
+  border-color: var(--ty-color-danger);
+}
+.ty-btn_danger:hover {
+  color: #fff;
+}
+.ty-btn_danger:focus {
+  color: #fff;
+  z-index: 1;
+}
+.ty-btn_danger:active {
+  color: #fff;
+}
+.ty-btn_danger:disabled {
+  color: var(--ty-btn-disabled-color);
+  background-color: var(--ty-btn-disabled-bg);
+  border-color: var(--ty-btn-disabled-border);
+}
+.ty-btn_sm {
+  padding: 0 10px;
+  font-size: 0.875rem;
+  height: 24px;
+}
+.ty-btn_md {
+  padding: 0 15px;
+  font-size: 1rem;
+  height: 32px;
+}
+.ty-btn_lg {
+  padding: 0 28px;
+  font-size: 1.25rem;
+  height: 42px;
+}
+.ty-btn_block {
+  width: 100%;
+}
+.ty-btn_block + .ty-btn_block {
+  margin: 0;
+}
+.ty-btn_round {
+  border-radius: 42px;
+}
+.ty-btn_loading {
+  position: relative;
+  pointer-events: none;
+}
+.ty-btn_loading:before {
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  z-index: 1;
+  display: block;
+  background: var(--ty-btn-loading-bg);
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+}
+.ty-btn_disabled {
+  cursor: not-allowed;
+}
+
+.ty-btn-group {
+  display: inline-block;
+}
+.ty-btn-group + .ty-btn-group {
+  margin-left: 10px;
+}
+.ty-btn-group .ty-btn {
+  position: relative;
+  border-radius: 0;
+  float: left;
+}
+.ty-btn-group .ty-btn + .ty-btn {
+  margin-left: -1px;
+}
+.ty-btn-group .ty-btn:hover {
+  z-index: 1;
+}
+.ty-btn-group .ty-btn:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.ty-btn-group .ty-btn:last-child {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.ty-btn-group_round .ty-btn:first-child {
+  border-top-left-radius: 30px;
+  border-bottom-left-radius: 30px;
+}
+.ty-btn-group_round .ty-btn:last-child {
+  border-top-right-radius: 30px;
+  border-bottom-right-radius: 30px;
+}
+.ty-btn-group_primary .ty-btn:not(:first-child), .ty-btn-group_info .ty-btn:not(:first-child), .ty-btn-group_success .ty-btn:not(:first-child), .ty-btn-group_warning .ty-btn:not(:first-child), .ty-btn-group_danger .ty-btn:not(:first-child) {
+  border-left-color: rgba(255, 255, 255, 0.2);
+}

package/lib/button/style/index.d.ts

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

package/lib/button/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/button/types.d.ts

@@ -0,0 +1,24 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/button/types.d.ts
+type ButtonType = 'default' | 'primary' | 'outline' | 'ghost' | 'link' | 'info' | 'danger' | 'warning' | 'success';
+interface ButtonProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['button']> {
+  btnType?: ButtonType;
+  loading?: boolean;
+  disabled?: boolean;
+  block?: boolean;
+  size?: SizeType;
+  round?: boolean;
+  icon?: React.ReactNode;
+}
+interface ButtonGroupProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  btnType?: ButtonType;
+  size?: SizeType;
+  round?: boolean;
+  disabled?: boolean;
+  children: React.ReactNode;
+}
+//#endregion
+export { ButtonGroupProps, ButtonProps, ButtonType };
+//# sourceMappingURL=types.d.ts.map

package/lib/calendar/calendar.d.ts

@@ -0,0 +1,8 @@
+import { CalendarProps } from "./types.js";
+import React from "react";
+
+//#region src/calendar/calendar.d.ts
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/lib/calendar/calendar.js

@@ -0,0 +1,202 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_use_locale = require("../_utils/use-locale.js");
+const require_utils = require("../date-picker/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/calendar/calendar.tsx
+const MONTH_NAMES_EN = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+const Calendar = react.default.forwardRef((props, ref) => {
+	const { defaultValue, fullscreen = true, disabledDate, dateCellRender, monthCellRender, headerRender, defaultMode = "month", prefixCls: customisedCls, className, style, onChange, onSelect, onPanelChange, value: _value, mode: _mode, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("calendar", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const locale = require_use_locale.useLocale();
+	const [selectedDate, setSelectedDate] = (0, react.useState)("value" in props ? props.value : defaultValue ?? /* @__PURE__ */ new Date());
+	const [panelDate, setPanelDate] = (0, react.useState)(selectedDate);
+	const [mode, setMode] = (0, react.useState)("mode" in props ? props.mode : defaultMode);
+	(0, react.useEffect)(() => {
+		if ("value" in props && props.value) {
+			setSelectedDate(props.value);
+			setPanelDate(props.value);
+		}
+	}, [props.value]);
+	(0, react.useEffect)(() => {
+		if ("mode" in props) setMode(props.mode);
+	}, [props.mode]);
+	const weeks = locale?.DatePicker?.weeks ?? [
+		"Su",
+		"Mo",
+		"Tu",
+		"We",
+		"Th",
+		"Fr",
+		"Sa"
+	];
+	const months = locale?.DatePicker?.months ?? [
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	];
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_fullscreen`]: fullscreen,
+		[`${prefixCls}_card`]: !fullscreen
+	});
+	const handleDateSelect = (date) => {
+		if (disabledDate?.(date)) return;
+		if (!("value" in props)) setSelectedDate(date);
+		setPanelDate(date);
+		onSelect?.(date);
+		onChange?.(date);
+	};
+	const handlePanelChange = (newDate, newMode) => {
+		setPanelDate(newDate);
+		onPanelChange?.(newDate, newMode ?? mode);
+	};
+	const handleModeChange = (newMode) => {
+		if (!("mode" in props)) setMode(newMode);
+		onPanelChange?.(panelDate, newMode);
+	};
+	const handleMonthSelect = (month) => {
+		handleDateSelect(new Date(panelDate.getFullYear(), month, 1));
+		handleModeChange("month");
+	};
+	const goPrev = () => {
+		handlePanelChange(mode === "month" ? require_utils.getPrevMonthDate(panelDate) : require_utils.getPrevYearDate(panelDate));
+	};
+	const goNext = () => {
+		handlePanelChange(mode === "month" ? require_utils.getNextMonthDate(panelDate) : require_utils.getNextYearDate(panelDate));
+	};
+	const renderHeader = () => {
+		if (headerRender) return headerRender({
+			value: panelDate,
+			mode,
+			onChange: (date) => handlePanelChange(date),
+			onModeChange: handleModeChange
+		});
+		const year = panelDate.getFullYear();
+		const month = panelDate.getMonth();
+		const monthName = locale?.locale === "zh_CN" ? `${months[month]}` : MONTH_NAMES_EN[month];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__header`,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: `${prefixCls}__nav-btn`,
+					onClick: goPrev,
+					"aria-label": "Previous",
+					children: "‹"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__title`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefixCls}__title-btn`,
+						onClick: () => handleModeChange(mode === "month" ? "year" : "month"),
+						children: mode === "month" ? `${monthName} ${year}` : year
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: `${prefixCls}__nav-btn`,
+					onClick: goNext,
+					"aria-label": "Next",
+					children: "›"
+				})
+			]
+		});
+	};
+	const renderMonthPanel = () => {
+		const panelDays = require_utils.getMonthDaysArray(panelDate);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+			className: `${prefixCls}__table`,
+			role: "grid",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: weeks.map((week, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+				className: `${prefixCls}__cell-header`,
+				scope: "col",
+				children: week
+			}, i)) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: Array.from({ length: panelDays.length / 7 }, (_, row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {
+				const isDisabled = disabledDate?.(dayCell.date) ?? false;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+					className: (0, classnames.default)(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,
+						[`${prefixCls}__cell_today`]: require_utils.isToday(dayCell.date),
+						[`${prefixCls}__cell_selected`]: require_utils.isSameDate(selectedDate, dayCell.date),
+						[`${prefixCls}__cell_disabled`]: isDisabled
+					}),
+					onClick: () => handleDateSelect(dayCell.date),
+					role: "gridcell",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${prefixCls}__cell-inner`,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `${prefixCls}__cell-date`,
+							children: dayCell.label
+						}), dateCellRender && dayCell.isThisMonth && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: `${prefixCls}__cell-content`,
+							children: dateCellRender(dayCell.date)
+						})]
+					})
+				}, col);
+			}) }, row)) })]
+		});
+	};
+	const renderYearPanel = () => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__months`,
+			children: months.map((monthLabel, i) => {
+				const monthDate = new Date(panelDate.getFullYear(), i, 1);
+				const isCurrentMonth = panelDate.getMonth() === i;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: (0, classnames.default)(`${prefixCls}__month-cell`, { [`${prefixCls}__month-cell_selected`]: isCurrentMonth }),
+					onClick: () => handleMonthSelect(i),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${prefixCls}__month-inner`,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: monthLabel }), monthCellRender && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: `${prefixCls}__month-content`,
+							children: monthCellRender(monthDate)
+						})]
+					})
+				}, i);
+			})
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [renderHeader(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__body`,
+			children: mode === "month" ? renderMonthPanel() : renderYearPanel()
+		})]
+	});
+});
+Calendar.displayName = "Calendar";
+//#endregion
+exports.default = Calendar;
+
+//# sourceMappingURL=calendar.js.map

package/lib/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["React","getPrefixCls","ConfigContext","useLocale","getPrevMonthDate","getPrevYearDate","getNextMonthDate","getNextYearDate","getMonthDaysArray","isToday","isSameDate"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport {\n  getMonthDaysArray,\n  isSameDate,\n  isToday,\n  getPrevMonthDate,\n  getNextMonthDate,\n  getPrevYearDate,\n  getNextYearDate,\n} from '../date-picker/utils';\nimport { CalendarProps, CalendarMode } from './types';\n\nconst MONTH_NAMES_EN = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>((props, ref) => {\n  const {\n    defaultValue,\n    fullscreen = true,\n    disabledDate,\n    dateCellRender,\n    monthCellRender,\n    headerRender,\n    defaultMode = 'month',\n    prefixCls: customisedCls,\n    className,\n    style,\n    onChange,\n    onSelect,\n    onPanelChange,\n    value: _value,\n    mode: _mode,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('calendar', configContext.prefixCls, customisedCls);\n  const locale = useLocale();\n\n  const [selectedDate, setSelectedDate] = useState<Date>(\n    'value' in props ? (props.value as Date) : (defaultValue ?? new Date())\n  );\n  const [panelDate, setPanelDate] = useState<Date>(selectedDate);\n  const [mode, setMode] = useState<CalendarMode>(\n    'mode' in props ? (props.mode as CalendarMode) : defaultMode\n  );\n\n  useEffect(() => {\n    if ('value' in props && props.value) {\n      setSelectedDate(props.value);\n      setPanelDate(props.value);\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if ('mode' in props) {\n      setMode(props.mode as CalendarMode);\n    }\n  }, [props.mode]);\n\n  const weeks = locale?.DatePicker?.weeks ?? ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n  const months = locale?.DatePicker?.months ?? [\n    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n  ];\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_fullscreen`]: fullscreen,\n    [`${prefixCls}_card`]: !fullscreen,\n  });\n\n  const handleDateSelect = (date: Date) => {\n    if (disabledDate?.(date)) return;\n    if (!('value' in props)) {\n      setSelectedDate(date);\n    }\n    setPanelDate(date);\n    onSelect?.(date);\n    onChange?.(date);\n  };\n\n  const handlePanelChange = (newDate: Date, newMode?: CalendarMode) => {\n    setPanelDate(newDate);\n    const m = newMode ?? mode;\n    onPanelChange?.(newDate, m);\n  };\n\n  const handleModeChange = (newMode: CalendarMode) => {\n    if (!('mode' in props)) {\n      setMode(newMode);\n    }\n    onPanelChange?.(panelDate, newMode);\n  };\n\n  const handleMonthSelect = (month: number) => {\n    const newDate = new Date(panelDate.getFullYear(), month, 1);\n    handleDateSelect(newDate);\n    handleModeChange('month');\n  };\n\n  const goPrev = () => {\n    const newDate = mode === 'month' ? getPrevMonthDate(panelDate) : getPrevYearDate(panelDate);\n    handlePanelChange(newDate);\n  };\n\n  const goNext = () => {\n    const newDate = mode === 'month' ? getNextMonthDate(panelDate) : getNextYearDate(panelDate);\n    handlePanelChange(newDate);\n  };\n\n  const renderHeader = () => {\n    if (headerRender) {\n      return headerRender({\n        value: panelDate,\n        mode,\n        onChange: (date) => handlePanelChange(date),\n        onModeChange: handleModeChange,\n      });\n    }\n\n    const year = panelDate.getFullYear();\n    const month = panelDate.getMonth();\n    const monthName = locale?.locale === 'zh_CN'\n      ? `${months[month]}`\n      : MONTH_NAMES_EN[month];\n\n    return (\n      <div className={`${prefixCls}__header`}>\n        <button type=\"button\" className={`${prefixCls}__nav-btn`} onClick={goPrev} aria-label=\"Previous\">\n          ‹\n        </button>\n        <span className={`${prefixCls}__title`}>\n          <button\n            type=\"button\"\n            className={`${prefixCls}__title-btn`}\n            onClick={() => handleModeChange(mode === 'month' ? 'year' : 'month')}\n          >\n            {mode === 'month' ? `${monthName} ${year}` : year}\n          </button>\n        </span>\n        <button type=\"button\" className={`${prefixCls}__nav-btn`} onClick={goNext} aria-label=\"Next\">\n          ›\n        </button>\n      </div>\n    );\n  };\n\n  const renderMonthPanel = () => {\n    const panelDays = getMonthDaysArray(panelDate);\n\n    return (\n      <table className={`${prefixCls}__table`} role=\"grid\">\n        <thead>\n          <tr>\n            {weeks.map((week, i) => (\n              <th key={i} className={`${prefixCls}__cell-header`} scope=\"col\">\n                {week}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {Array.from({ length: panelDays.length / 7 }, (_, row) => (\n            <tr key={row}>\n              {panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {\n                const isDisabled = disabledDate?.(dayCell.date) ?? false;\n                const cellCls = classNames(`${prefixCls}__cell`, {\n                  [`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,\n                  [`${prefixCls}__cell_today`]: isToday(dayCell.date),\n                  [`${prefixCls}__cell_selected`]: isSameDate(selectedDate, dayCell.date),\n                  [`${prefixCls}__cell_disabled`]: isDisabled,\n                });\n                return (\n                  <td\n                    key={col}\n                    className={cellCls}\n                    onClick={() => handleDateSelect(dayCell.date)}\n                    role=\"gridcell\"\n                  >\n                    <div className={`${prefixCls}__cell-inner`}>\n                      <span className={`${prefixCls}__cell-date`}>{dayCell.label}</span>\n                      {dateCellRender && dayCell.isThisMonth && (\n                        <div className={`${prefixCls}__cell-content`}>\n                          {dateCellRender(dayCell.date)}\n                        </div>\n                      )}\n                    </div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  };\n\n  const renderYearPanel = () => {\n    return (\n      <div className={`${prefixCls}__months`}>\n        {months.map((monthLabel, i) => {\n          const monthDate = new Date(panelDate.getFullYear(), i, 1);\n          const isCurrentMonth = panelDate.getMonth() === i;\n          const cellCls = classNames(`${prefixCls}__month-cell`, {\n            [`${prefixCls}__month-cell_selected`]: isCurrentMonth,\n          });\n          return (\n            <div\n              key={i}\n              className={cellCls}\n              onClick={() => handleMonthSelect(i)}\n            >\n              <div className={`${prefixCls}__month-inner`}>\n                <span>{monthLabel}</span>\n                {monthCellRender && (\n                  <div className={`${prefixCls}__month-content`}>\n                    {monthCellRender(monthDate)}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {renderHeader()}\n      <div className={`${prefixCls}__body`}>\n        {mode === 'month' ? renderMonthPanel() : renderYearPanel()}\n      </div>\n    </div>\n  );\n});\n\nCalendar.displayName = 'Calendar';\nexport default Calendar;\n"],"mappings":"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"}

package/lib/calendar/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/calendar/index.tsx
+var calendar_default = require("./calendar.js").default;
+//#endregion
+exports.default = calendar_default;
+
+//# sourceMappingURL=index.js.map

package/lib/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Calendar"],"sources":["../../src/calendar/index.tsx"],"sourcesContent":["import Calendar from './calendar';\n\nexport default Calendar;\n"],"mappings":";AAEA,IAAA,4CAAeA"}