tiny-ui 1.0.2 → 1.0.4

package/lib/date-picker/picker-header.js

@@ -1,23 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+require("../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/date-picker/picker-header.tsx
 const PickerHeader = ({ date, mode, months, onChange, onModeChange, prefixCls }) => {
-    const year = date.getFullYear();
-    const startDecade = year - (year % 10);
-    const step = (dir, unit) => {
-        const y = date.getFullYear();
-        const m = date.getMonth();
-        if (unit === 'decade')
-            onChange(new Date(y + dir * 10, m, 1));
-        else if (unit === 'year')
-            onChange(new Date(y + dir, m, 1));
-        else {
-            const next = new Date(y, m + dir, 1);
-            onChange(next);
-        }
-    };
-    const yearUnit = mode === 'year' ? 'decade' : 'year';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__header`, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__header-btn`, onClick: () => step(-1, yearUnit), "aria-label": "Previous year", children: "\u00AB" }), mode === 'date' && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__header-btn`, onClick: () => step(-1, 'month'), "aria-label": "Previous month", children: "\u2039" })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header-caption`, children: mode === 'year' ? ((0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__header-label`, children: [startDecade, " \u2013 ", startDecade + 9] })) : mode === 'month' ? ((0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__header-label`, onClick: () => onModeChange('year'), children: year })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__header-label`, onClick: () => onModeChange('month'), children: months[date.getMonth()] }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__header-label`, onClick: () => onModeChange('year'), children: year })] })) }), mode === 'date' && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__header-btn`, onClick: () => step(1, 'month'), "aria-label": "Next month", children: "\u203A" })), (0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__header-btn`, onClick: () => step(1, yearUnit), "aria-label": "Next year", children: "\u00BB" })] }));
+	const year = date.getFullYear();
+	const startDecade = year - year % 10;
+	const step = (dir, unit) => {
+		const y = date.getFullYear();
+		const m = date.getMonth();
+		if (unit === "decade") onChange(new Date(y + dir * 10, m, 1));
+		else if (unit === "year") onChange(new Date(y + dir, m, 1));
+		else onChange(new Date(y, m + dir, 1));
+	};
+	const yearUnit = mode === "year" ? "decade" : "year";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${prefixCls}__header`,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(-1, yearUnit),
+				"aria-label": "Previous year",
+				children: "«"
+			}),
+			mode === "date" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(-1, "month"),
+				"aria-label": "Previous month",
+				children: "‹"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__header-caption`,
+				children: mode === "year" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__header-label`,
+					children: [
+						startDecade,
+						" – ",
+						startDecade + 9
+					]
+				}) : mode === "month" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("year"),
+					children: year
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("month"),
+					children: months[date.getMonth()]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("year"),
+					children: year
+				})] })
+			}),
+			mode === "date" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(1, "month"),
+				"aria-label": "Next month",
+				children: "›"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(1, yearUnit),
+				"aria-label": "Next year",
+				children: "»"
+			})
+		]
+	});
 };
+//#endregion
 exports.default = PickerHeader;
+
 //# sourceMappingURL=picker-header.js.map

package/lib/date-picker/picker-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"picker-header.js","sourceRoot":"","sources":["../../components/date-picker/picker-header.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"picker-header.js","names":[],"sources":["../../components/date-picker/picker-header.tsx"],"sourcesContent":["import { PanelMode } from './types';\n\nexport type PickerHeaderProps = {\n  date: Date;\n  mode: PanelMode;\n  months: string[];\n  onChange: (date: Date) => void;\n  onModeChange: (mode: PanelMode) => void;\n  prefixCls: string;\n};\n\nconst PickerHeader = ({ date, mode, months, onChange, onModeChange, prefixCls }: PickerHeaderProps) => {\n  const year = date.getFullYear();\n  const startDecade = year - (year % 10);\n\n  const step = (dir: -1 | 1, unit: 'month' | 'year' | 'decade') => {\n    const y = date.getFullYear();\n    const m = date.getMonth();\n    if (unit === 'decade') onChange(new Date(y + dir * 10, m, 1));\n    else if (unit === 'year') onChange(new Date(y + dir, m, 1));\n    else {\n      const next = new Date(y, m + dir, 1);\n      onChange(next);\n    }\n  };\n\n  const yearUnit = mode === 'year' ? 'decade' : 'year';\n\n  return (\n    <div className={`${prefixCls}__header`}>\n      <button\n        type=\"button\"\n        className={`${prefixCls}__header-btn`}\n        onClick={() => step(-1, yearUnit)}\n        aria-label=\"Previous year\">\n        «\n      </button>\n      {mode === 'date' && (\n        <button\n          type=\"button\"\n          className={`${prefixCls}__header-btn`}\n          onClick={() => step(-1, 'month')}\n          aria-label=\"Previous month\">\n          ‹\n        </button>\n      )}\n      <div className={`${prefixCls}__header-caption`}>\n        {mode === 'year' ? (\n          <span className={`${prefixCls}__header-label`}>\n            {startDecade} – {startDecade + 9}\n          </span>\n        ) : mode === 'month' ? (\n          <span\n            className={`${prefixCls}__header-label`}\n            onClick={() => onModeChange('year')}>\n            {year}\n          </span>\n        ) : (\n          <>\n            <span\n              className={`${prefixCls}__header-label`}\n              onClick={() => onModeChange('month')}>\n              {months[date.getMonth()]}\n            </span>\n            <span\n              className={`${prefixCls}__header-label`}\n              onClick={() => onModeChange('year')}>\n              {year}\n            </span>\n          </>\n        )}\n      </div>\n      {mode === 'date' && (\n        <button\n          type=\"button\"\n          className={`${prefixCls}__header-btn`}\n          onClick={() => step(1, 'month')}\n          aria-label=\"Next month\">\n          ›\n        </button>\n      )}\n      <button\n        type=\"button\"\n        className={`${prefixCls}__header-btn`}\n        onClick={() => step(1, yearUnit)}\n        aria-label=\"Next year\">\n        »\n      </button>\n    </div>\n  );\n};\n\nexport default PickerHeader;\n"],"mappings":";;;AAWA,MAAM,gBAAgB,EAAE,MAAM,MAAM,QAAQ,UAAU,cAAc,gBAAmC;CACrG,MAAM,OAAO,KAAK,aAAa;CAC/B,MAAM,cAAc,OAAQ,OAAO;CAEnC,MAAM,QAAQ,KAAa,SAAsC;EAC/D,MAAM,IAAI,KAAK,aAAa;EAC5B,MAAM,IAAI,KAAK,UAAU;AACzB,MAAI,SAAS,SAAU,UAAS,IAAI,KAAK,IAAI,MAAM,IAAI,GAAG,EAAE,CAAC;WACpD,SAAS,OAAQ,UAAS,IAAI,KAAK,IAAI,KAAK,GAAG,EAAE,CAAC;MAGzD,UADa,IAAI,KAAK,GAAG,IAAI,KAAK,EAAE,CACtB;;CAIlB,MAAM,WAAW,SAAS,SAAS,WAAW;AAE9C,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B;GACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,IAAI,SAAS;IACjC,cAAW;cAAgB;IAEpB,CAAA;GACR,SAAS,UACR,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,IAAI,QAAQ;IAChC,cAAW;cAAiB;IAErB,CAAA;GAEX,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAC1B,SAAS,SACR,iBAAA,GAAA,kBAAA,MAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAA9B;MACG;MAAY;MAAI,cAAc;MAC1B;SACL,SAAS,UACX,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,OAAO;eAClC;KACI,CAAA,GAEP,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,QAAQ;eACnC,OAAO,KAAK,UAAU;KAClB,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,OAAO;eAClC;KACI,CAAA,CACN,EAAA,CAAA;IAED,CAAA;GACL,SAAS,UACR,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,GAAG,QAAQ;IAC/B,cAAW;cAAa;IAEjB,CAAA;GAEX,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,GAAG,SAAS;IAChC,cAAW;cAAY;IAEhB,CAAA;GACL"}

package/lib/date-picker/picker-month.js

@@ -1,21 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/date-picker/picker-month.tsx
 const PickerMonth = ({ date, panelDate, months, onChange, prefixCls }) => {
-    const panelYear = panelDate.getFullYear();
-    const selectedMonth = date && date.getFullYear() === panelYear ? date.getMonth() : -1;
-    const now = new Date();
-    const isCurrentYear = now.getFullYear() === panelYear;
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: (0, jsx_runtime_1.jsx)("table", { className: `${prefixCls}__table`, children: (0, jsx_runtime_1.jsx)("tbody", { children: [0, 1, 2].map((row) => ((0, jsx_runtime_1.jsx)("tr", { children: [0, 1, 2, 3].map((col) => {
-                        const monthIdx = row * 4 + col;
-                        const cls = (0, classnames_1.default)(`${prefixCls}__cell`, {
-                            [`${prefixCls}__cell_selected`]: monthIdx === selectedMonth,
-                            [`${prefixCls}__cell_today`]: isCurrentYear && monthIdx === now.getMonth(),
-                        });
-                        return ((0, jsx_runtime_1.jsx)("td", { className: cls, onClick: () => onChange(new Date(panelYear, monthIdx, 1)), children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__cell-inner`, children: months[monthIdx] }) }, col));
-                    }) }, row))) }) }) }));
+	const panelYear = panelDate.getFullYear();
+	const selectedMonth = date && date.getFullYear() === panelYear ? date.getMonth() : -1;
+	const now = /* @__PURE__ */ new Date();
+	const isCurrentYear = now.getFullYear() === panelYear;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__body`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			className: `${prefixCls}__table`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: [
+				0,
+				1,
+				2
+			].map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: [
+				0,
+				1,
+				2,
+				3
+			].map((col) => {
+				const monthIdx = row * 4 + col;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+					className: (0, classnames.default)(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_selected`]: monthIdx === selectedMonth,
+						[`${prefixCls}__cell_today`]: isCurrentYear && monthIdx === now.getMonth()
+					}),
+					onClick: () => onChange(new Date(panelYear, monthIdx, 1)),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefixCls}__cell-inner`,
+						children: months[monthIdx]
+					})
+				}, col);
+			}) }, row)) })
+		})
+	});
 };
+//#endregion
 exports.default = PickerMonth;
+
 //# sourceMappingURL=picker-month.js.map

package/lib/date-picker/picker-month.js.map

@@ -1 +1 @@
-{"version":3,"file":"picker-month.js","sourceRoot":"","sources":["../../components/date-picker/picker-month.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AAUpC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAoB,EAAE,EAAE;IACzF,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,GAAG,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC;IAEtD,OAAO,CACL,gCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,kCAAO,SAAS,EAAE,GAAG,SAAS,SAAS,YACrC,4CACG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACtB,yCACG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBACxB,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;wBAC/B,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,QAAQ,EAAE;4BAC3C,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,QAAQ,KAAK,aAAa;4BAC3D,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,aAAa,IAAI,QAAQ,KAAK,GAAG,CAAC,QAAQ,EAAE;yBAC3E,CAAC,CAAC;wBACH,OAAO,CACL,+BAEE,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,YACzD,gCAAK,SAAS,EAAE,GAAG,SAAS,cAAc,YAAG,MAAM,CAAC,QAAQ,CAAC,GAAO,IAH/D,GAAG,CAIL,CACN,CAAC;oBACJ,CAAC,CAAC,IAfK,GAAG,CAgBP,CACN,CAAC,GACI,GACF,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"picker-month.js","names":[],"sources":["../../components/date-picker/picker-month.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nexport type PickerMonthProps = {\n  date: Date | null;\n  panelDate: Date;\n  months: string[];\n  onChange: (date: Date) => void;\n  prefixCls: string;\n};\n\nconst PickerMonth = ({ date, panelDate, months, onChange, prefixCls }: PickerMonthProps) => {\n  const panelYear = panelDate.getFullYear();\n  const selectedMonth = date && date.getFullYear() === panelYear ? date.getMonth() : -1;\n  const now = new Date();\n  const isCurrentYear = now.getFullYear() === panelYear;\n\n  return (\n    <div className={`${prefixCls}__body`}>\n      <table className={`${prefixCls}__table`}>\n        <tbody>\n          {[0, 1, 2].map((row) => (\n            <tr key={row}>\n              {[0, 1, 2, 3].map((col) => {\n                const monthIdx = row * 4 + col;\n                const cls = classNames(`${prefixCls}__cell`, {\n                  [`${prefixCls}__cell_selected`]: monthIdx === selectedMonth,\n                  [`${prefixCls}__cell_today`]: isCurrentYear && monthIdx === now.getMonth(),\n                });\n                return (\n                  <td\n                    key={col}\n                    className={cls}\n                    onClick={() => onChange(new Date(panelYear, monthIdx, 1))}>\n                    <div className={`${prefixCls}__cell-inner`}>{months[monthIdx]}</div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default PickerMonth;\n"],"mappings":";;;;;AAUA,MAAM,eAAe,EAAE,MAAM,WAAW,QAAQ,UAAU,gBAAkC;CAC1F,MAAM,YAAY,UAAU,aAAa;CACzC,MAAM,gBAAgB,QAAQ,KAAK,aAAa,KAAK,YAAY,KAAK,UAAU,GAAG;CACnF,MAAM,sBAAM,IAAI,MAAM;CACtB,MAAM,gBAAgB,IAAI,aAAa,KAAK;AAE5C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAC3B,iBAAA,GAAA,kBAAA,KAAC,SAAD;GAAO,WAAW,GAAG,UAAU;aAC7B,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UACG;IAAC;IAAG;IAAG;IAAE,CAAC,KAAK,QACd,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAA,UACG;IAAC;IAAG;IAAG;IAAG;IAAE,CAAC,KAAK,QAAQ;IACzB,MAAM,WAAW,MAAM,IAAI;AAK3B,WACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAEE,YAAA,GAAA,WAAA,SAPmB,GAAG,UAAU,SAAS;OAC1C,GAAG,UAAU,mBAAmB,aAAa;OAC7C,GAAG,UAAU,gBAAgB,iBAAiB,aAAa,IAAI,UAAU;MAC3E,CAAC;KAKE,eAAe,SAAS,IAAI,KAAK,WAAW,UAAU,EAAE,CAAC;eACzD,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAW,GAAG,UAAU;gBAAgB,OAAO;MAAgB,CAAA;KACjE,EAJE,IAIF;KAEP,EACC,EAhBI,IAgBJ,CACL,EACI,CAAA;GACF,CAAA;EACJ,CAAA"}

package/lib/date-picker/picker-year.js

@@ -1,28 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/date-picker/picker-year.tsx
 const PickerYear = ({ date, panelDate, onChange, prefixCls }) => {
-    const panelYear = panelDate.getFullYear();
-    const startYear = panelYear - (panelYear % 10);
-    const selectedYear = date?.getFullYear() ?? -1;
-    const now = new Date();
-    const years = [];
-    for (let i = startYear - 1; i <= startYear + 10; i++) {
-        years.push(i);
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: (0, jsx_runtime_1.jsx)("table", { className: `${prefixCls}__table`, children: (0, jsx_runtime_1.jsx)("tbody", { children: [0, 1, 2].map((row) => ((0, jsx_runtime_1.jsx)("tr", { children: [0, 1, 2, 3].map((col) => {
-                        const idx = row * 4 + col;
-                        const year = years[idx];
-                        const isOutOfRange = year < startYear || year > startYear + 9;
-                        const cls = (0, classnames_1.default)(`${prefixCls}__cell`, {
-                            [`${prefixCls}__cell_selected`]: year === selectedYear,
-                            [`${prefixCls}__cell_today`]: year === now.getFullYear(),
-                            [`${prefixCls}__cell_dim`]: isOutOfRange,
-                        });
-                        return ((0, jsx_runtime_1.jsx)("td", { className: cls, onClick: () => onChange(new Date(year, panelDate.getMonth(), 1)), children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__cell-inner`, children: year }) }, col));
-                    }) }, row))) }) }) }));
+	const panelYear = panelDate.getFullYear();
+	const startYear = panelYear - panelYear % 10;
+	const selectedYear = date?.getFullYear() ?? -1;
+	const now = /* @__PURE__ */ new Date();
+	const years = [];
+	for (let i = startYear - 1; i <= startYear + 10; i++) years.push(i);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__body`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			className: `${prefixCls}__table`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: [
+				0,
+				1,
+				2
+			].map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: [
+				0,
+				1,
+				2,
+				3
+			].map((col) => {
+				const year = years[row * 4 + col];
+				const isOutOfRange = year < startYear || year > startYear + 9;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+					className: (0, classnames.default)(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_selected`]: year === selectedYear,
+						[`${prefixCls}__cell_today`]: year === now.getFullYear(),
+						[`${prefixCls}__cell_dim`]: isOutOfRange
+					}),
+					onClick: () => onChange(new Date(year, panelDate.getMonth(), 1)),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefixCls}__cell-inner`,
+						children: year
+					})
+				}, col);
+			}) }, row)) })
+		})
+	});
 };
+//#endregion
 exports.default = PickerYear;
+
 //# sourceMappingURL=picker-year.js.map

package/lib/date-picker/picker-year.js.map

@@ -1 +1 @@
-{"version":3,"file":"picker-year.js","sourceRoot":"","sources":["../../components/date-picker/picker-year.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AASpC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAmB,EAAE,EAAE;IAC/E,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IAEvB,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACrD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,OAAO,CACL,gCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,kCAAO,SAAS,EAAE,GAAG,SAAS,SAAS,YACrC,4CACG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACtB,yCACG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBACxB,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;wBAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;wBACxB,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS,IAAI,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;wBAC9D,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,QAAQ,EAAE;4BAC3C,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,IAAI,KAAK,YAAY;4BACtD,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,WAAW,EAAE;4BACxD,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,YAAY;yBACzC,CAAC,CAAC;wBACH,OAAO,CACL,+BAEE,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAChE,gCAAK,SAAS,EAAE,GAAG,SAAS,cAAc,YAAG,IAAI,GAAO,IAHnD,GAAG,CAIL,CACN,CAAC;oBACJ,CAAC,CAAC,IAlBK,GAAG,CAmBP,CACN,CAAC,GACI,GACF,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"picker-year.js","names":[],"sources":["../../components/date-picker/picker-year.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nexport type PickerYearProps = {\n  date: Date | null;\n  panelDate: Date;\n  onChange: (date: Date) => void;\n  prefixCls: string;\n};\n\nconst PickerYear = ({ date, panelDate, onChange, prefixCls }: PickerYearProps) => {\n  const panelYear = panelDate.getFullYear();\n  const startYear = panelYear - (panelYear % 10);\n  const selectedYear = date?.getFullYear() ?? -1;\n  const now = new Date();\n\n  const years: number[] = [];\n  for (let i = startYear - 1; i <= startYear + 10; i++) {\n    years.push(i);\n  }\n\n  return (\n    <div className={`${prefixCls}__body`}>\n      <table className={`${prefixCls}__table`}>\n        <tbody>\n          {[0, 1, 2].map((row) => (\n            <tr key={row}>\n              {[0, 1, 2, 3].map((col) => {\n                const idx = row * 4 + col;\n                const year = years[idx];\n                const isOutOfRange = year < startYear || year > startYear + 9;\n                const cls = classNames(`${prefixCls}__cell`, {\n                  [`${prefixCls}__cell_selected`]: year === selectedYear,\n                  [`${prefixCls}__cell_today`]: year === now.getFullYear(),\n                  [`${prefixCls}__cell_dim`]: isOutOfRange,\n                });\n                return (\n                  <td\n                    key={col}\n                    className={cls}\n                    onClick={() => onChange(new Date(year, panelDate.getMonth(), 1))}>\n                    <div className={`${prefixCls}__cell-inner`}>{year}</div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default PickerYear;\n"],"mappings":";;;;;AASA,MAAM,cAAc,EAAE,MAAM,WAAW,UAAU,gBAAiC;CAChF,MAAM,YAAY,UAAU,aAAa;CACzC,MAAM,YAAY,YAAa,YAAY;CAC3C,MAAM,eAAe,MAAM,aAAa,IAAI;CAC5C,MAAM,sBAAM,IAAI,MAAM;CAEtB,MAAM,QAAkB,EAAE;AAC1B,MAAK,IAAI,IAAI,YAAY,GAAG,KAAK,YAAY,IAAI,IAC/C,OAAM,KAAK,EAAE;AAGf,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAC3B,iBAAA,GAAA,kBAAA,KAAC,SAAD;GAAO,WAAW,GAAG,UAAU;aAC7B,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UACG;IAAC;IAAG;IAAG;IAAE,CAAC,KAAK,QACd,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAA,UACG;IAAC;IAAG;IAAG;IAAG;IAAE,CAAC,KAAK,QAAQ;IAEzB,MAAM,OAAO,MADD,MAAM,IAAI;IAEtB,MAAM,eAAe,OAAO,aAAa,OAAO,YAAY;AAM5D,WACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAEE,YAAA,GAAA,WAAA,SARmB,GAAG,UAAU,SAAS;OAC1C,GAAG,UAAU,mBAAmB,SAAS;OACzC,GAAG,UAAU,gBAAgB,SAAS,IAAI,aAAa;OACvD,GAAG,UAAU,cAAc;MAC7B,CAAC;KAKE,eAAe,SAAS,IAAI,KAAK,MAAM,UAAU,UAAU,EAAE,EAAE,CAAC;eAChE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAW,GAAG,UAAU;gBAAgB;MAAW,CAAA;KACrD,EAJE,IAIF;KAEP,EACC,EAnBI,IAmBJ,CACL,EACI,CAAA;GACF,CAAA;EACJ,CAAA"}

package/lib/date-picker/style/_index.scss

@@ -0,0 +1,272 @@
+@use '../../style/variables' as *;
+
+$dp: #{$prefix}-date-picker;
+
+.#{$dp} {
+  display: inline-flex;
+  position: relative;
+  font-family: $font-family;
+  font-size: $font-size-base;
+
+  // ---- Input ----
+  &__input {
+    display: inline-flex;
+    align-items: center;
+    width: 100%;
+    padding: 4px 11px;
+    border: 1px solid var(--ty-input-border);
+    border-radius: 6px;
+    background: var(--ty-picker-input-bg);
+    cursor: pointer;
+    transition: border-color 0.3s, box-shadow 0.3s;
+
+    &:hover {
+      border-color: var(--ty-color-primary);
+    }
+  }
+
+  &_open &__input {
+    border-color: var(--ty-color-primary);
+    box-shadow: var(--ty-input-focus-shadow);
+  }
+
+  &__input-field {
+    flex: 1;
+    border: none;
+    outline: none;
+    background: transparent;
+    font-size: inherit;
+    font-family: inherit;
+    color: var(--ty-color-text);
+    cursor: pointer;
+    min-width: 120px;
+
+    &::placeholder {
+      color: var(--ty-color-text-quaternary);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  &__suffix {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    margin-left: 4px;
+    color: var(--ty-color-text-quaternary);
+  }
+
+  &__icon {
+    display: inline-flex;
+    font-size: 14px;
+  }
+
+  &__clear {
+    display: none;
+    position: absolute;
+    inset: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    color: var(--ty-color-text-quaternary);
+    background: var(--ty-picker-clear-bg);
+    cursor: pointer;
+    border: none;
+    padding: 0;
+
+    &:hover {
+      color: var(--ty-color-text-tertiary);
+    }
+  }
+
+  &_has-value:hover &__clear {
+    display: inline-flex;
+  }
+
+  // ---- Sizes ----
+  &_sm &__input {
+    padding: 0 7px;
+    font-size: 12px;
+  }
+
+  &_sm &__input-field {
+    min-width: 90px;
+  }
+
+  &_lg &__input {
+    padding: 6px 11px;
+    font-size: 16px;
+  }
+
+  &_lg &__input-field {
+    min-width: 140px;
+  }
+
+  // ---- Disabled ----
+  &_disabled {
+    opacity: 0.65;
+
+    .#{$dp}__input {
+      background: var(--ty-color-bg-disabled);
+      cursor: not-allowed;
+      border-color: var(--ty-input-border);
+
+      &:hover {
+        border-color: var(--ty-input-border);
+      }
+    }
+  }
+
+  // ---- Dropdown ----
+  &__dropdown {
+    background: var(--ty-picker-dropdown-bg);
+    border-radius: 8px;
+    box-shadow: var(--ty-shadow-popup);
+    width: 288px;
+  }
+
+  // ---- Header ----
+  &__header {
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--ty-color-border-light);
+  }
+
+  &__header-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    color: var(--ty-color-text-tertiary);
+    cursor: pointer;
+    font-size: 14px;
+    border-radius: 4px;
+    transition: color 0.2s;
+
+    &:hover {
+      color: var(--ty-color-primary);
+    }
+  }
+
+  &__header-caption {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+  }
+
+  &__header-label {
+    font-weight: 500;
+    cursor: pointer;
+    padding: 0 4px;
+    border-radius: 4px;
+    transition: color 0.2s;
+
+    &:hover {
+      color: var(--ty-color-primary);
+    }
+  }
+
+  // ---- Body / Table ----
+  &__body {
+    padding: 8px 12px;
+  }
+
+  &__table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    text-align: center;
+  }
+
+  &__cell-header {
+    font-weight: 400;
+    color: var(--ty-color-text-secondary);
+    padding: 4px 0;
+    font-size: 12px;
+  }
+
+  // ---- Cell ----
+  &__cell {
+    padding: 2px 0;
+    cursor: pointer;
+
+    &_disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  &__cell-inner {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: 6px;
+    transition: background 0.2s;
+    color: var(--ty-color-text-quaternary);
+    font-size: 13px;
+  }
+
+  &__cell_in-view &__cell-inner {
+    color: var(--ty-color-text);
+  }
+
+  &__cell:hover &__cell-inner {
+    background: var(--ty-picker-cell-hover-bg);
+  }
+
+  &__cell_today &__cell-inner {
+    border: 1px solid var(--ty-color-primary);
+    color: var(--ty-color-primary);
+  }
+
+  &__cell_selected &__cell-inner {
+    background: var(--ty-color-primary);
+    color: #fff;
+    font-weight: 500;
+  }
+
+  &__cell_selected:hover &__cell-inner {
+    background: var(--ty-picker-cell-selected-hover-bg);
+  }
+
+  &__cell_disabled &__cell-inner {
+    color: var(--ty-color-text-quaternary);
+    background: var(--ty-picker-cell-disabled-bg);
+  }
+
+  &__cell_disabled:hover &__cell-inner {
+    background: var(--ty-picker-cell-disabled-bg);
+  }
+
+  &__cell_dim &__cell-inner {
+    color: var(--ty-color-text-quaternary);
+  }
+
+  // ---- Footer ----
+  &__footer {
+    padding: 8px 12px;
+    border-top: 1px solid var(--ty-color-border-light);
+    text-align: center;
+  }
+
+  &__today-btn {
+    color: var(--ty-color-primary);
+    cursor: pointer;
+    font-size: 13px;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+}