tiny-ui 0.0.94 → 1.0.0

package/lib/calendar/index.js

@@ -1,17 +1,120 @@
-import React from 'react';
-import classNames from 'classnames';
-var Calendar = function (props) {
-    var prefixCls = props.prefixCls, className = props.className, style = props.style;
-    var cls = classNames(prefixCls, className);
-    var renderCalenderHeader = function () {
-        return React.createElement("thead", null);
-    };
-    return (React.createElement("div", { className: cls, style: style },
-        React.createElement("div", { className: prefixCls + "__caption" },
-            React.createElement("div", { className: prefixCls + "__title" }),
-            React.createElement("div", { className: prefixCls + "__btn-group" })),
-        React.createElement("div", { className: prefixCls + "__body" },
-            React.createElement("table", null, renderCalenderHeader()))));
-};
-export default Calendar;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const use_locale_1 = require("../_utils/use-locale");
+const utils_1 = require("../date-picker/utils");
+const MONTH_NAMES_EN = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const Calendar = react_1.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 configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('calendar', configContext.prefixCls, customisedCls);
+    const locale = (0, use_locale_1.useLocale)();
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)('value' in props ? props.value : (defaultValue ?? new Date()));
+    const [panelDate, setPanelDate] = (0, react_1.useState)(selectedDate);
+    const [mode, setMode] = (0, react_1.useState)('mode' in props ? props.mode : defaultMode);
+    (0, react_1.useEffect)(() => {
+        if ('value' in props && props.value) {
+            setSelectedDate(props.value);
+            setPanelDate(props.value);
+        }
+    }, [props.value]);
+    (0, react_1.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_1.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);
+        const m = newMode ?? mode;
+        onPanelChange?.(newDate, m);
+    };
+    const handleModeChange = (newMode) => {
+        if (!('mode' in props)) {
+            setMode(newMode);
+        }
+        onPanelChange?.(panelDate, newMode);
+    };
+    const handleMonthSelect = (month) => {
+        const newDate = new Date(panelDate.getFullYear(), month, 1);
+        handleDateSelect(newDate);
+        handleModeChange('month');
+    };
+    const goPrev = () => {
+        const newDate = mode === 'month' ? (0, utils_1.getPrevMonthDate)(panelDate) : (0, utils_1.getPrevYearDate)(panelDate);
+        handlePanelChange(newDate);
+    };
+    const goNext = () => {
+        const newDate = mode === 'month' ? (0, utils_1.getNextMonthDate)(panelDate) : (0, utils_1.getNextYearDate)(panelDate);
+        handlePanelChange(newDate);
+    };
+    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 ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__header`, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__nav-btn`, onClick: goPrev, "aria-label": "Previous", children: "\u2039" }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__title`, children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__title-btn`, onClick: () => handleModeChange(mode === 'month' ? 'year' : 'month'), children: mode === 'month' ? `${monthName} ${year}` : year }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__nav-btn`, onClick: goNext, "aria-label": "Next", children: "\u203A" })] }));
+    };
+    const renderMonthPanel = () => {
+        const panelDays = (0, utils_1.getMonthDaysArray)(panelDate);
+        return ((0, jsx_runtime_1.jsxs)("table", { className: `${prefixCls}__table`, role: "grid", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: weeks.map((week, i) => ((0, jsx_runtime_1.jsx)("th", { className: `${prefixCls}__cell-header`, scope: "col", children: week }, i))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: Array.from({ length: panelDays.length / 7 }, (_, row) => ((0, jsx_runtime_1.jsx)("tr", { children: panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {
+                            const isDisabled = disabledDate?.(dayCell.date) ?? false;
+                            const cellCls = (0, classnames_1.default)(`${prefixCls}__cell`, {
+                                [`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,
+                                [`${prefixCls}__cell_today`]: (0, utils_1.isToday)(dayCell.date),
+                                [`${prefixCls}__cell_selected`]: (0, utils_1.isSameDate)(selectedDate, dayCell.date),
+                                [`${prefixCls}__cell_disabled`]: isDisabled,
+                            });
+                            return ((0, jsx_runtime_1.jsx)("td", { className: cellCls, onClick: () => handleDateSelect(dayCell.date), role: "gridcell", children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__cell-inner`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__cell-date`, children: dayCell.label }), dateCellRender && dayCell.isThisMonth && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__cell-content`, children: dateCellRender(dayCell.date) }))] }) }, col));
+                        }) }, row))) })] }));
+    };
+    const renderYearPanel = () => {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__months`, children: months.map((monthLabel, i) => {
+                const monthDate = new Date(panelDate.getFullYear(), i, 1);
+                const isCurrentMonth = panelDate.getMonth() === i;
+                const cellCls = (0, classnames_1.default)(`${prefixCls}__month-cell`, {
+                    [`${prefixCls}__month-cell_selected`]: isCurrentMonth,
+                });
+                return ((0, jsx_runtime_1.jsx)("div", { className: cellCls, onClick: () => handleMonthSelect(i), children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__month-inner`, children: [(0, jsx_runtime_1.jsx)("span", { children: monthLabel }), monthCellRender && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__month-content`, children: monthCellRender(monthDate) }))] }) }, i));
+            }) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: style, children: [renderHeader(), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: mode === 'month' ? renderMonthPanel() : renderYearPanel() })] }));
+});
+Calendar.displayName = 'Calendar';
+exports.default = Calendar;
 //# sourceMappingURL=index.js.map

package/lib/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC5B,IAAA,SAAS,GAAuB,KAAK,UAA5B,EAAE,SAAS,GAAY,KAAK,UAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC9C,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAM,oBAAoB,GAAG;QAC3B,OAAO,kCAAe,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC/B,6BAAK,SAAS,EAAK,SAAS,cAAW;YACrC,6BAAK,SAAS,EAAK,SAAS,YAAS,GAAQ;YAC7C,6BAAK,SAAS,EAAK,SAAS,gBAAa,GAAQ,CAC7C;QACN,6BAAK,SAAS,EAAK,SAAS,WAAQ;YAClC,mCAAQ,oBAAoB,EAAE,CAAS,CACnC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/calendar/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+D;AAC/D,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,qDAAiD;AACjD,gDAQ8B;AAG9B,MAAM,cAAc,GAAG;IACrB,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;CACjE,CAAC;AAEF,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,GAAG,OAAO,EACrB,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAE3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,OAAO,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,KAAc,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI,IAAI,EAAE,CAAC,CACxE,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAO,YAAY,CAAC,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAC9B,MAAM,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,IAAqB,CAAC,CAAC,CAAC,WAAW,CAC7D,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YACpC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC7B,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YACpB,OAAO,CAAC,KAAK,CAAC,IAAoB,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,KAAK,GAAG,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACtF,MAAM,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI;QAC3C,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACxC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;KACzC,CAAC;IAEF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,UAAU;QACvC,CAAC,GAAG,SAAS,OAAO,CAAC,EAAE,CAAC,UAAU;KACnC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE;QACtC,IAAI,YAAY,EAAE,CAAC,IAAI,CAAC;YAAE,OAAO;QACjC,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC;YACxB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QACD,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,OAAa,EAAE,OAAsB,EAAE,EAAE;QAClE,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC;QAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE;QACjD,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;QACD,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5D,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1B,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAgB,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAA,uBAAe,EAAC,SAAS,CAAC,CAAC;QAC5F,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAgB,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAA,uBAAe,EAAC,SAAS,CAAC,CAAC;QAC5F,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,YAAY,CAAC;gBAClB,KAAK,EAAE,SAAS;gBAChB,IAAI;gBACJ,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;gBAC3C,YAAY,EAAE,gBAAgB;aAC/B,CAAC,CAAC;QACL,CAAC;QAED,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,SAAS,GAAG,MAAM,EAAE,MAAM,KAAK,OAAO;YAC1C,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE;YACpB,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAE1B,OAAO,CACL,iCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,aACpC,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAa,UAAU,uBAEvF,EACT,iCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YACpC,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,YAEnE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,GAC1C,GACJ,EACP,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAa,MAAM,uBAEnF,IACL,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,SAAS,CAAC,CAAC;QAE/C,OAAO,CACL,mCAAO,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,IAAI,EAAC,MAAM,aAClD,4CACE,yCACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,+BAAY,SAAS,EAAE,GAAG,SAAS,eAAe,EAAE,KAAK,EAAC,KAAK,YAC5D,IAAI,IADE,CAAC,CAEL,CACN,CAAC,GACC,GACC,EACR,4CACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,yCACG,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;4BAC1D,MAAM,UAAU,GAAG,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC;4BACzD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,QAAQ,EAAE;gCAC/C,CAAC,GAAG,SAAS,gBAAgB,CAAC,EAAE,OAAO,CAAC,WAAW;gCACnD,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAA,eAAO,EAAC,OAAO,CAAC,IAAI,CAAC;gCACnD,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,IAAA,kBAAU,EAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC;gCACvE,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,UAAU;6BAC5C,CAAC,CAAC;4BACH,OAAO,CACL,+BAEE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7C,IAAI,EAAC,UAAU,YAEf,iCAAK,SAAS,EAAE,GAAG,SAAS,cAAc,aACxC,iCAAM,SAAS,EAAE,GAAG,SAAS,aAAa,YAAG,OAAO,CAAC,KAAK,GAAQ,EACjE,cAAc,IAAI,OAAO,CAAC,WAAW,IAAI,CACxC,gCAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB,YACzC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GACzB,CACP,IACG,IAZD,GAAG,CAaL,CACN,CAAC;wBACJ,CAAC,CAAC,IA1BK,GAAG,CA2BP,CACN,CAAC,GACI,IACF,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CACL,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,YACnC,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;gBAC5B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1D,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAClD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,cAAc,EAAE;oBACrD,CAAC,GAAG,SAAS,uBAAuB,CAAC,EAAE,cAAc;iBACtD,CAAC,CAAC;gBACH,OAAO,CACL,gCAEE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAEnC,iCAAK,SAAS,EAAE,GAAG,SAAS,eAAe,aACzC,2CAAO,UAAU,GAAQ,EACxB,eAAe,IAAI,CAClB,gCAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,YAC1C,eAAe,CAAC,SAAS,CAAC,GACvB,CACP,IACG,IAXD,CAAC,CAYF,CACP,CAAC;YACJ,CAAC,CAAC,GACE,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,aACxD,YAAY,EAAE,EACf,gCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YACjC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GACtD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,kBAAe,QAAQ,CAAC"}

package/lib/calendar/style/_index.scss

@@ -1,4 +1,190 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-calendar {
+  background: var(--ty-calendar-bg, #fff);
+  border: 1px solid var(--ty-calendar-border, #{$gray-200});
+  border-radius: $border-radius;
+
+  &_fullscreen {
+    width: 100%;
+  }
+
+  &_card {
+    width: 300px;
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--ty-calendar-border, #{$gray-200});
+  }
+
+  &__nav-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    border-radius: $border-radius;
+    font-size: 18px;
+    color: var(--ty-color-text, #{$gray-700});
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+  }
+
+  &__title {
+    font-weight: 500;
+    font-size: $font-size-base;
+  }
+
+  &__title-btn {
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    font-weight: inherit;
+    font-size: inherit;
+    padding: 4px 8px;
+    border-radius: $border-radius;
+    color: var(--ty-color-text, #{$gray-800});
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+  }
+
+  &__body {
+    padding: 8px;
+  }
+
+  &__table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+
+  &__cell-header {
+    padding: 8px 0;
+    text-align: center;
+    font-weight: 500;
+    font-size: $font-size-sm;
+    color: var(--ty-color-text-secondary, #{$gray-600});
+  }
+
+  &__cell {
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    &_disabled {
+      cursor: not-allowed;
+      opacity: 0.3;
+    }
+
+    &:not(&_disabled):hover .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+
+    &_selected:not(&_disabled):hover .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-color-primary-active);
+    }
+
+    &_in-view {
+      color: var(--ty-color-text, #{$gray-900});
+    }
+
+    &:not(&_in-view) {
+      color: var(--ty-color-text-secondary, #{$gray-400});
+    }
+
+    &_today .#{$prefix}-calendar__cell-date {
+      color: var(--ty-color-primary, #{$primary-color});
+      font-weight: 600;
+    }
+
+    &_selected .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-color-primary, #{$primary-color});
+      color: #fff;
+      border-radius: $border-radius;
+    }
+
+    &_selected .#{$prefix}-calendar__cell-date {
+      color: inherit;
+    }
+  }
+
+  &__cell-inner {
+    padding: 4px;
+    border-radius: $border-radius;
+    min-height: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &_fullscreen &__cell-inner {
+    min-height: 60px;
+    padding: 4px 8px;
+    align-items: stretch;
+  }
+
+  &__cell-date {
+    display: inline-block;
+    line-height: 24px;
+    min-width: 24px;
+    text-align: center;
+    font-size: $font-size-sm;
+  }
+
+  &__cell-content {
+    font-size: 12px;
+    margin-top: 2px;
+  }
+
+  // Month panel (year mode)
+  &__months {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 8px;
+    padding: 8px;
+  }
+
+  &__month-cell {
+    text-align: center;
+    padding: 16px 8px;
+    cursor: pointer;
+    border-radius: $border-radius;
+    transition: all 0.2s;
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+
+    &_selected {
+      background: var(--ty-color-primary, #{$primary-color});
+      color: #fff;
+
+      &:hover {
+        background: var(--ty-color-primary, #{$primary-color});
+        opacity: 0.9;
+      }
+    }
+  }
+
+  &__month-inner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &__month-content {
+    font-size: 12px;
+    margin-top: 4px;
+  }
 }

package/lib/calendar/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/calendar/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/calendar/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/calendar/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/calendar/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/calendar/types.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export type CalendarMode = 'month' | 'year';
+export interface CalendarProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange' | 'onSelect' | 'defaultValue'> {
+    defaultValue?: Date;
+    value?: Date;
+    mode?: CalendarMode;
+    defaultMode?: CalendarMode;
+    fullscreen?: boolean;
+    disabledDate?: (currentDate: Date) => boolean;
+    onChange?: (date: Date) => void;
+    onSelect?: (date: Date) => void;
+    onPanelChange?: (date: Date, mode: CalendarMode) => void;
+    dateCellRender?: (date: Date) => React.ReactNode;
+    monthCellRender?: (date: Date) => React.ReactNode;
+    headerRender?: (config: {
+        value: Date;
+        mode: CalendarMode;
+        onChange: (date: Date) => void;
+        onModeChange: (mode: CalendarMode) => void;
+    }) => React.ReactNode;
+}

package/lib/calendar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/calendar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/calendar/types.ts"],"names":[],"mappings":""}

package/lib/card/card-content.js

@@ -1,9 +1,10 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-var CardContent = function (props) {
-    var prefixCls = props.prefixCls, children = props.children, otherProps = __rest(props, ["prefixCls", "children"]);
-    return (React.createElement("div", __assign({}, otherProps, { className: prefixCls + "__body" }), children));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CardContent = (props) => {
+    const { prefixCls, children, ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, className: `${prefixCls}__body`, children: children }));
 };
 CardContent.displayName = 'CardContent';
-export default CardContent;
+exports.default = CardContent;
 //# sourceMappingURL=card-content.js.map

package/lib/card/card-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-content.js","sourceRoot":"","sources":["../../components/card/card-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,IAAM,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,SAAS,GAA8B,KAAK,UAAnC,EAAE,QAAQ,GAAoB,KAAK,SAAzB,EAAK,UAAU,UAAK,KAAK,EAA9C,yBAAsC,CAAF,CAAW;IACrD,OAAO,CACL,wCAAS,UAAU,IAAE,SAAS,EAAK,SAAS,WAAQ,KACjD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"card-content.js","sourceRoot":"","sources":["../../components/card/card-content.tsx"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAsB,EAAE;IAClE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,OAAO,CACL,mCAAS,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,YACjD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/lib/card/card.d.ts

@@ -1,6 +1,4 @@
+import React from 'react';
 import { CardProps } from './types';
-declare const Card: {
-    (props: CardProps): JSX.Element;
-    displayName: string;
-};
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 export default Card;

package/lib/card/card.js

@@ -1,53 +1,55 @@
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Card = function (props) {
-    var _a;
-    var _b = props.bordered, bordered = _b === void 0 ? true : _b, _c = props.active, active = _c === void 0 ? false : _c, _d = props.hoverable, hoverable = _d === void 0 ? false : _d, customisedCls = props.prefixCls, title = props.title, extra = props.extra, header = props.header, headerStyle = props.headerStyle, actions = props.actions, footer = props.footer, footerStyle = props.footerStyle, className = props.className, style = props.style, children = props.children;
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('card', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a[prefixCls + "_bordered"] = bordered,
-        _a[prefixCls + "_active"] = active,
-        _a[prefixCls + "_hoverable"] = hoverable,
-        _a));
-    var renderHeader = function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Card = react_1.default.forwardRef((props, ref) => {
+    const { bordered = true, active = false, hoverable = false, prefixCls: customisedCls, title, extra, header, headerStyle, actions, footer, footerStyle, className, style, children, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('card', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_bordered`]: bordered,
+        [`${prefixCls}_active`]: active,
+        [`${prefixCls}_hoverable`]: hoverable,
+    });
+    const renderHeader = () => {
         if (header) {
             return header;
         }
         else if (title || extra) {
-            return (React.createElement("div", { className: prefixCls + "__header", style: headerStyle },
-                title,
-                extra));
+            return ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__header`, style: headerStyle, children: [title, extra] }));
         }
         else {
             return null;
         }
     };
-    var renderFooter = function () {
+    const renderFooter = () => {
         if (footer) {
             return footer;
         }
         else if (actions) {
-            return (React.createElement("div", { className: prefixCls + "__footer", style: footerStyle }, actions));
+            return ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, style: footerStyle, children: actions }));
         }
         else {
             return null;
         }
     };
-    var renderChildren = function () {
+    const renderChildren = () => {
         if (children) {
-            return React.Children.map(children, function (child) {
-                if (!React.isValidElement(child)) {
+            return react_1.default.Children.map(children, (child) => {
+                if (!react_1.default.isValidElement(child)) {
                     return child;
                 }
-                var childElement = child;
+                // Pass prefixCls attribute to child if it is a CardContent instance
+                const childElement = child;
                 if (childElement.type.displayName === 'CardContent') {
-                    var childProps = {
-                        prefixCls: prefixCls,
+                    const childProps = {
+                        prefixCls,
                     };
-                    return React.cloneElement(childElement, childProps);
+                    return react_1.default.cloneElement(childElement, childProps);
                 }
                 else {
                     return child;
@@ -56,11 +58,8 @@ var Card = function (props) {
         }
         return null;
     };
-    return (React.createElement("div", { className: cls, style: style },
-        renderHeader(),
-        renderChildren(),
-        renderFooter()));
-};
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, ...otherProps, className: cls, style: style, children: [renderHeader(), renderChildren(), renderFooter()] }));
+});
 Card.displayName = 'Card';
-export default Card;
+exports.default = Card;
 //# sourceMappingURL=card.js.map

package/lib/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../components/card/card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../components/card/card.tsx"],"names":[],"mappings":"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"}

package/lib/card/index.d.ts

@@ -1,6 +1,6 @@
 import Card from './card';
 import CardContent from './card-content';
-declare type ICard = typeof Card & {
+type ICard = typeof Card & {
     Content: typeof CardContent;
 };
 declare const DefaultCard: ICard;

package/lib/card/index.js

@@ -1,6 +1,9 @@
-import Card from './card';
-import CardContent from './card-content';
-var DefaultCard = Card;
-DefaultCard.Content = CardContent;
-export default DefaultCard;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const card_1 = tslib_1.__importDefault(require("./card"));
+const card_content_1 = tslib_1.__importDefault(require("./card-content"));
+const DefaultCard = card_1.default;
+DefaultCard.Content = card_content_1.default;
+exports.default = DefaultCard;
 //# sourceMappingURL=index.js.map

package/lib/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAMzC,IAAM,WAAW,GAAG,IAAa,CAAC;AAClC,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;AAElC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/card/index.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,0EAAyC;AAMzC,MAAM,WAAW,GAAG,cAAa,CAAC;AAClC,WAAW,CAAC,OAAO,GAAG,sBAAW,CAAC;AAElC,kBAAe,WAAW,CAAC"}

package/lib/card/style/_index.scss

@@ -1,5 +1,5 @@
-@import '../../style/variables';
-@import './mixin';
+@use '../../style/variables' as *;
+@use './mixin' as *;
 
 .#{$prefix}-card {
   box-sizing: border-box;
@@ -7,7 +7,7 @@
   margin: 0;
   border-radius: $card-border-radius;
   transition: all 0.3s;
-  background-color: #fff;
+  background-color: var(--ty-card-bg);
 
   & + & {
     margin-top: 15px;
@@ -18,7 +18,7 @@
   }
 
   &_bordered {
-    border: 1px solid #e8e8e8;
+    border: 1px solid var(--ty-card-border);
   }
 
   &_hoverable {
@@ -37,11 +37,11 @@
     display: flex;
     justify-content: space-between;
     padding: $card-header-padding;
-    color: rgba(0, 0, 0, 0.85);
+    color: var(--ty-card-header-color);
     font-weight: 500;
     font-size: 16px;
     background: transparent;
-    border-bottom: 1px solid #e8e8e8;
+    border-bottom: 1px solid var(--ty-card-border);
     border-radius: $card-border-radius $card-border-radius 0 0;
   }
 

package/lib/card/style/_mixin.scss

@@ -1,4 +1,4 @@
 @mixin card_elevation() {
-  box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
-  border-color: rgba(0, 0, 0, .07);
+  box-shadow: var(--ty-shadow-card);
+  border-color: var(--ty-card-shadow-border);
 }

package/lib/card/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map