@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.10

package/es/DatePicker/core/PickerPanel/DateTimePanel/index.mjs

@@ -0,0 +1,35 @@
+import { fillTime } from "../../utils/dateUtil.mjs";
+import useTimeInfo from "../../hooks/useTimeInfo.mjs";
+import DatePanel from "../DatePanel/index.mjs";
+import TimePanel from "../TimePanel/index.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerPanel/DateTimePanel/index.tsx
+function DateTimePanel(props) {
+	const { prefixCls, generateConfig, showTime, onSelect, value, pickerValue, onHover } = props;
+	const panelPrefixCls = `${prefixCls}-datetime-panel`;
+	const [getValidTime] = useTimeInfo(generateConfig, showTime);
+	const mergeTime = (date) => {
+		if (value) return fillTime(generateConfig, date, value);
+		return fillTime(generateConfig, date, pickerValue);
+	};
+	const onDateHover = (date) => {
+		onHover?.(date ? mergeTime(date) : date);
+	};
+	const onDateSelect = (date) => {
+		const cloneDate = mergeTime(date);
+		onSelect(getValidTime(cloneDate, cloneDate));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: panelPrefixCls,
+		children: [/* @__PURE__ */ jsx(DatePanel, {
+			...props,
+			onHover: onDateHover,
+			onSelect: onDateSelect
+		}), /* @__PURE__ */ jsx(TimePanel, { ...props })]
+	});
+}
+//#endregion
+export { DateTimePanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/DateTimePanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/DateTimePanel/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport useTimeInfo from '../../hooks/useTimeInfo';\nimport type { SharedPanelProps } from '../../interface';\nimport { fillTime } from '../../utils/dateUtil';\nimport DatePanel from '../DatePanel';\nimport TimePanel from '../TimePanel';\n\nexport default function DateTimePanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const { prefixCls, generateConfig, showTime, onSelect, value, pickerValue, onHover } = props;\n\n  const panelPrefixCls = `${prefixCls}-datetime-panel`;\n\n  // =============================== Time ===============================\n  const [getValidTime] = useTimeInfo(generateConfig, showTime);\n\n  // Merge the time info from `value` or `pickerValue`\n  const mergeTime = (date: DateType) => {\n    if (value) {\n      return fillTime(generateConfig, date, value);\n    }\n\n    return fillTime(generateConfig, date, pickerValue);\n  };\n\n  // ============================== Hover ===============================\n  const onDateHover = (date: DateType | null) => {\n    onHover?.(date ? mergeTime(date) : date);\n  };\n\n  // ============================== Select ==============================\n  const onDateSelect = (date: DateType) => {\n    // Merge with current time\n    const cloneDate = mergeTime(date);\n\n    onSelect(getValidTime(cloneDate, cloneDate));\n  };\n\n  // ============================== Render ==============================\n  return (\n    <div className={panelPrefixCls}>\n      <DatePanel {...props} onHover={onDateHover} onSelect={onDateSelect} />\n      <TimePanel {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,cACtB,OACA;CACA,MAAM,EAAE,WAAW,gBAAgB,UAAU,UAAU,OAAO,aAAa,YAAY;CAEvF,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,gBAAgB,YAAY,gBAAgB,QAAQ;CAG3D,MAAM,aAAa,SAAmB;EACpC,IAAI,OACF,OAAO,SAAS,gBAAgB,MAAM,KAAK;EAG7C,OAAO,SAAS,gBAAgB,MAAM,WAAW;CACnD;CAGA,MAAM,eAAe,SAA0B;EAC7C,UAAU,OAAO,UAAU,IAAI,IAAI,IAAI;CACzC;CAGA,MAAM,gBAAgB,SAAmB;EAEvC,MAAM,YAAY,UAAU,IAAI;EAEhC,SAAS,aAAa,WAAW,SAAS,CAAC;CAC7C;CAGA,OACE,qBAAC,OAAD;EAAK,WAAW;EAAhB,UAAA,CACE,oBAAC,WAAD;GAAW,GAAI;GAAO,SAAS;GAAa,UAAU;EAAe,CAAA,GACrE,oBAAC,WAAD,EAAW,GAAI,MAAQ,CAAA,CACpB;;AAET"}

package/es/DatePicker/core/PickerPanel/DecadePanel/index.mjs

@@ -0,0 +1,84 @@
+import { formatValue, isInRange, isSameDecade } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelBody from "../PanelBody.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerPanel/DecadePanel/index.tsx
+function DecadePanel(props) {
+	const { prefixCls, locale, generateConfig, pickerValue, disabledDate, onPickerValueChange } = props;
+	const panelPrefixCls = `${prefixCls}-decade-panel`;
+	const [info] = useInfo(props, "decade");
+	const getStartYear = (date) => {
+		const startYear = Math.floor(generateConfig.getYear(date) / 100) * 100;
+		return generateConfig.setYear(date, startYear);
+	};
+	const getEndYear = (date) => {
+		const startYear = getStartYear(date);
+		return generateConfig.addYear(startYear, 99);
+	};
+	const startYearDate = getStartYear(pickerValue);
+	const endYearDate = getEndYear(pickerValue);
+	const baseDate = generateConfig.addYear(startYearDate, -10);
+	const getCellDate = (date, offset) => {
+		return generateConfig.addYear(date, offset * 10);
+	};
+	const getCellText = (date) => {
+		const cellYearFormat = locale.cellYearFormat;
+		return `${formatValue(date, {
+			locale,
+			format: cellYearFormat,
+			generateConfig
+		})}-${formatValue(generateConfig.addYear(date, 9), {
+			locale,
+			format: cellYearFormat,
+			generateConfig
+		})}`;
+	};
+	const getCellClassName = (date) => {
+		return { [`${prefixCls}-cell-in-view`]: isSameDecade(generateConfig, date, startYearDate) || isSameDecade(generateConfig, date, endYearDate) || isInRange(generateConfig, startYearDate, endYearDate, date) };
+	};
+	const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
+		const baseStartDate = generateConfig.setDate(currentDate, 1);
+		const baseStartMonth = generateConfig.setMonth(baseStartDate, 0);
+		const baseStartYear = generateConfig.setYear(baseStartMonth, Math.floor(generateConfig.getYear(baseStartMonth) / 10) * 10);
+		const baseEndYear = generateConfig.addYear(baseStartYear, 10);
+		const baseEndDate = generateConfig.addDate(baseEndYear, -1);
+		return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);
+	} : null;
+	const yearNode = `${formatValue(startYearDate, {
+		locale,
+		format: locale.yearFormat,
+		generateConfig
+	})}-${formatValue(endYearDate, {
+		locale,
+		format: locale.yearFormat,
+		generateConfig
+	})}`;
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: panelPrefixCls,
+			children: [/* @__PURE__ */ jsx(PanelHeader, {
+				getEnd: getEndYear,
+				superOffset: (distance) => generateConfig.addYear(pickerValue, distance * 100),
+				onChange: onPickerValueChange,
+				getStart: getStartYear,
+				children: yearNode
+			}), /* @__PURE__ */ jsx(PanelBody, {
+				...props,
+				colNum: 3,
+				disabledDate: mergedDisabledDate,
+				getCellClassName,
+				getCellText,
+				rowNum: 4,
+				baseDate,
+				getCellDate
+			})]
+		})
+	});
+}
+//#endregion
+export { DecadePanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/DecadePanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/DecadePanel/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { DisabledDate, SharedPanelProps } from '../../interface';\nimport { formatValue, isInRange, isSameDecade } from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelBody from '../PanelBody';\nimport PanelHeader from '../PanelHeader';\n\nexport default function DecadePanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const { prefixCls, locale, generateConfig, pickerValue, disabledDate, onPickerValueChange } =\n    props;\n\n  const panelPrefixCls = `${prefixCls}-decade-panel`;\n\n  // ========================== Base ==========================\n  const [info] = useInfo(props, 'decade');\n\n  const getStartYear = (date: DateType) => {\n    const startYear = Math.floor(generateConfig.getYear(date) / 100) * 100;\n    return generateConfig.setYear(date, startYear);\n  };\n  const getEndYear = (date: DateType) => {\n    const startYear = getStartYear(date);\n    return generateConfig.addYear(startYear, 99);\n  };\n\n  const startYearDate = getStartYear(pickerValue);\n  const endYearDate = getEndYear(pickerValue);\n\n  const baseDate = generateConfig.addYear(startYearDate, -10);\n\n  // ========================= Cells ==========================\n  const getCellDate = (date: DateType, offset: number) => {\n    return generateConfig.addYear(date, offset * 10);\n  };\n\n  const getCellText = (date: DateType) => {\n    const cellYearFormat = locale.cellYearFormat!;\n\n    const startYearStr = formatValue(date, {\n      locale,\n      format: cellYearFormat,\n      generateConfig,\n    });\n    const endYearStr = formatValue(generateConfig.addYear(date, 9), {\n      locale,\n      format: cellYearFormat,\n      generateConfig,\n    });\n\n    return `${startYearStr}-${endYearStr}`;\n  };\n\n  const getCellClassName = (date: DateType) => {\n    return {\n      [`${prefixCls}-cell-in-view`]:\n        isSameDecade(generateConfig, date, startYearDate) ||\n        isSameDecade(generateConfig, date, endYearDate) ||\n        isInRange(generateConfig, startYearDate, endYearDate, date),\n    };\n  };\n\n  // ======================== Disabled ========================\n  const mergedDisabledDate: DisabledDate<DateType> | null = disabledDate\n    ? (currentDate, disabledInfo) => {\n        // Start\n        const baseStartDate = generateConfig.setDate(currentDate, 1);\n        const baseStartMonth = generateConfig.setMonth(baseStartDate, 0);\n        const baseStartYear = generateConfig.setYear(\n          baseStartMonth,\n          Math.floor(generateConfig.getYear(baseStartMonth) / 10) * 10,\n        );\n\n        // End\n        const baseEndYear = generateConfig.addYear(baseStartYear, 10);\n        const baseEndDate = generateConfig.addDate(baseEndYear, -1);\n\n        return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);\n      }\n    : null;\n\n  // ========================= Header =========================\n  const yearNode = `${formatValue(startYearDate, {\n    locale,\n    format: locale.yearFormat!,\n    generateConfig,\n  })}-${formatValue(endYearDate, {\n    locale,\n    format: locale.yearFormat!,\n    generateConfig,\n  })}`;\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={panelPrefixCls}>\n        {/* Header */}\n        <PanelHeader\n          getEnd={getEndYear}\n          superOffset={(distance) => generateConfig.addYear(pickerValue, distance * 100)}\n          onChange={onPickerValueChange}\n          // Limitation\n          getStart={getStartYear}\n        >\n          {yearNode}\n        </PanelHeader>\n\n        {/* Body */}\n        <PanelBody\n          {...props}\n          colNum={3}\n          disabledDate={mergedDisabledDate}\n          getCellClassName={getCellClassName}\n          getCellText={getCellText}\n          rowNum={4}\n          baseDate={baseDate}\n          // Body\n          getCellDate={getCellDate}\n        />\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,YACtB,OACA;CACA,MAAM,EAAE,WAAW,QAAQ,gBAAgB,aAAa,cAAc,wBACpE;CAEF,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,QAAQ,QAAQ,OAAO,QAAQ;CAEtC,MAAM,gBAAgB,SAAmB;EACvC,MAAM,YAAY,KAAK,MAAM,eAAe,QAAQ,IAAI,IAAI,GAAG,IAAI;EACnE,OAAO,eAAe,QAAQ,MAAM,SAAS;CAC/C;CACA,MAAM,cAAc,SAAmB;EACrC,MAAM,YAAY,aAAa,IAAI;EACnC,OAAO,eAAe,QAAQ,WAAW,EAAE;CAC7C;CAEA,MAAM,gBAAgB,aAAa,WAAW;CAC9C,MAAM,cAAc,WAAW,WAAW;CAE1C,MAAM,WAAW,eAAe,QAAQ,eAAe,GAAG;CAG1D,MAAM,eAAe,MAAgB,WAAmB;EACtD,OAAO,eAAe,QAAQ,MAAM,SAAS,EAAE;CACjD;CAEA,MAAM,eAAe,SAAmB;EACtC,MAAM,iBAAiB,OAAO;EAa9B,OAAO,GAXc,YAAY,MAAM;GACrC;GACA,QAAQ;GACR;EACF,CAOqB,EAAE,GANJ,YAAY,eAAe,QAAQ,MAAM,CAAC,GAAG;GAC9D;GACA,QAAQ;GACR;EACF,CAEmC;CACrC;CAEA,MAAM,oBAAoB,SAAmB;EAC3C,OAAO,GACJ,GAAG,UAAU,iBACZ,aAAa,gBAAgB,MAAM,aAAa,KAChD,aAAa,gBAAgB,MAAM,WAAW,KAC9C,UAAU,gBAAgB,eAAe,aAAa,IAAI,EAC9D;CACF;CAGA,MAAM,qBAAoD,gBACrD,aAAa,iBAAiB;EAE7B,MAAM,gBAAgB,eAAe,QAAQ,aAAa,CAAC;EAC3D,MAAM,iBAAiB,eAAe,SAAS,eAAe,CAAC;EAC/D,MAAM,gBAAgB,eAAe,QACnC,gBACA,KAAK,MAAM,eAAe,QAAQ,cAAc,IAAI,EAAE,IAAI,EAC5D;EAGA,MAAM,cAAc,eAAe,QAAQ,eAAe,EAAE;EAC5D,MAAM,cAAc,eAAe,QAAQ,aAAa,EAAE;EAE1D,OAAO,aAAa,eAAe,YAAY,KAAK,aAAa,aAAa,YAAY;CAC5F,IACA;CAGJ,MAAM,WAAW,GAAG,YAAY,eAAe;EAC7C;EACA,QAAQ,OAAO;EACf;CACF,CAAC,EAAE,GAAG,YAAY,aAAa;EAC7B;EACA,QAAQ,OAAO;EACf;CACF,CAAC;CAGD,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CAEE,oBAAC,aAAD;IACE,QAAQ;IACR,cAAc,aAAa,eAAe,QAAQ,aAAa,WAAW,GAAG;IAC7E,UAAU;IAEV,UAAU;IAET,UAAA;GACU,CAAA,GAGb,oBAAC,WAAD;IACE,GAAI;IACJ,QAAQ;IACR,cAAc;IACI;IACL;IACb,QAAQ;IACE;IAEG;GACd,CAAA,CACE;;CACO,CAAA;AAElB"}

package/es/DatePicker/core/PickerPanel/MonthPanel/index.mjs

@@ -0,0 +1,73 @@
+import { formatValue } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelBody from "../PanelBody.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerPanel/MonthPanel/index.tsx
+function MonthPanel(props) {
+	const { prefixCls, locale, generateConfig, pickerValue, disabledDate, onPickerValueChange, onModeChange } = props;
+	const panelPrefixCls = `${prefixCls}-month-panel`;
+	const [info] = useInfo(props, "month");
+	const baseDate = generateConfig.setMonth(pickerValue, 0);
+	const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
+	const getCellDate = (date, offset) => {
+		return generateConfig.addMonth(date, offset);
+	};
+	const getCellText = (date) => {
+		const month = generateConfig.getMonth(date);
+		return locale.monthFormat ? formatValue(date, {
+			locale,
+			format: locale.monthFormat,
+			generateConfig
+		}) : monthsLocale[month];
+	};
+	const getCellClassName = () => ({ [`${prefixCls}-cell-in-view`]: true });
+	const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
+		const startDate = generateConfig.setDate(currentDate, 1);
+		const nextMonthStartDate = generateConfig.setMonth(startDate, generateConfig.getMonth(startDate) + 1);
+		const endDate = generateConfig.addDate(nextMonthStartDate, -1);
+		return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
+	} : null;
+	const yearNode = /* @__PURE__ */ jsx("button", {
+		"aria-label": locale.yearSelect,
+		className: `${prefixCls}-year-btn`,
+		tabIndex: -1,
+		type: "button",
+		onClick: () => {
+			onModeChange("year");
+		},
+		children: formatValue(pickerValue, {
+			locale,
+			format: locale.yearFormat,
+			generateConfig
+		})
+	}, "year");
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: panelPrefixCls,
+			children: [/* @__PURE__ */ jsx(PanelHeader, {
+				getEnd: (date) => generateConfig.setMonth(date, 11),
+				superOffset: (distance) => generateConfig.addYear(pickerValue, distance),
+				onChange: onPickerValueChange,
+				getStart: (date) => generateConfig.setMonth(date, 0),
+				children: yearNode
+			}), /* @__PURE__ */ jsx(PanelBody, {
+				...props,
+				colNum: 3,
+				disabledDate: mergedDisabledDate,
+				getCellClassName,
+				getCellText,
+				rowNum: 4,
+				titleFormat: locale.fieldMonthFormat,
+				baseDate,
+				getCellDate
+			})]
+		})
+	});
+}
+//#endregion
+export { MonthPanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/MonthPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/MonthPanel/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { DisabledDate, SharedPanelProps } from '../../interface';\nimport { formatValue } from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelBody from '../PanelBody';\nimport PanelHeader from '../PanelHeader';\n\nexport default function MonthPanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const {\n    prefixCls,\n    locale,\n    generateConfig,\n    pickerValue,\n    disabledDate,\n    onPickerValueChange,\n    onModeChange,\n  } = props;\n\n  const panelPrefixCls = `${prefixCls}-month-panel`;\n\n  // ========================== Base ==========================\n  const [info] = useInfo(props, 'month');\n  const baseDate = generateConfig.setMonth(pickerValue, 0);\n\n  // ========================= Month ==========================\n  const monthsLocale: string[] =\n    locale.shortMonths ||\n    (generateConfig.locale.getShortMonths\n      ? generateConfig.locale.getShortMonths(locale.locale)\n      : []);\n\n  // ========================= Cells ==========================\n  const getCellDate = (date: DateType, offset: number) => {\n    return generateConfig.addMonth(date, offset);\n  };\n\n  const getCellText = (date: DateType) => {\n    const month = generateConfig.getMonth(date);\n\n    return locale.monthFormat\n      ? formatValue(date, {\n          locale,\n          format: locale.monthFormat,\n          generateConfig,\n        })\n      : monthsLocale[month];\n  };\n\n  const getCellClassName = () => ({\n    [`${prefixCls}-cell-in-view`]: true,\n  });\n\n  // ======================== Disabled ========================\n  const mergedDisabledDate: DisabledDate<DateType> | null = disabledDate\n    ? (currentDate, disabledInfo) => {\n        const startDate = generateConfig.setDate(currentDate, 1);\n        const nextMonthStartDate = generateConfig.setMonth(\n          startDate,\n          generateConfig.getMonth(startDate) + 1,\n        );\n        const endDate = generateConfig.addDate(nextMonthStartDate, -1);\n\n        return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);\n      }\n    : null;\n\n  // ========================= Header =========================\n  const yearNode: React.ReactNode = (\n    <button\n      aria-label={locale.yearSelect}\n      className={`${prefixCls}-year-btn`}\n      key=\"year\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={() => {\n        onModeChange('year');\n      }}\n    >\n      {formatValue(pickerValue, {\n        locale,\n        format: locale.yearFormat!,\n        generateConfig,\n      })}\n    </button>\n  );\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={panelPrefixCls}>\n        {/* Header */}\n        <PanelHeader\n          getEnd={(date) => generateConfig.setMonth(date, 11)}\n          superOffset={(distance) => generateConfig.addYear(pickerValue, distance)}\n          onChange={onPickerValueChange}\n          // Limitation\n          getStart={(date) => generateConfig.setMonth(date, 0)}\n        >\n          {yearNode}\n        </PanelHeader>\n\n        {/* Body */}\n        <PanelBody\n          {...props}\n          colNum={3}\n          disabledDate={mergedDisabledDate}\n          getCellClassName={getCellClassName}\n          getCellText={getCellText}\n          rowNum={4}\n          titleFormat={locale.fieldMonthFormat}\n          baseDate={baseDate}\n          // Body\n          getCellDate={getCellDate}\n        />\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,WACA,QACA,gBACA,aACA,cACA,qBACA,iBACE;CAEJ,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,QAAQ,QAAQ,OAAO,OAAO;CACrC,MAAM,WAAW,eAAe,SAAS,aAAa,CAAC;CAGvD,MAAM,eACJ,OAAO,gBACN,eAAe,OAAO,iBACnB,eAAe,OAAO,eAAe,OAAO,MAAM,IAClD,CAAC;CAGP,MAAM,eAAe,MAAgB,WAAmB;EACtD,OAAO,eAAe,SAAS,MAAM,MAAM;CAC7C;CAEA,MAAM,eAAe,SAAmB;EACtC,MAAM,QAAQ,eAAe,SAAS,IAAI;EAE1C,OAAO,OAAO,cACV,YAAY,MAAM;GAChB;GACA,QAAQ,OAAO;GACf;EACF,CAAC,IACD,aAAa;CACnB;CAEA,MAAM,0BAA0B,GAC7B,GAAG,UAAU,iBAAiB,KACjC;CAGA,MAAM,qBAAoD,gBACrD,aAAa,iBAAiB;EAC7B,MAAM,YAAY,eAAe,QAAQ,aAAa,CAAC;EACvD,MAAM,qBAAqB,eAAe,SACxC,WACA,eAAe,SAAS,SAAS,IAAI,CACvC;EACA,MAAM,UAAU,eAAe,QAAQ,oBAAoB,EAAE;EAE7D,OAAO,aAAa,WAAW,YAAY,KAAK,aAAa,SAAS,YAAY;CACpF,IACA;CAGJ,MAAM,WACJ,oBAAC,UAAD;EACE,cAAY,OAAO;EACnB,WAAW,GAAG,UAAU;EAExB,UAAU;EACV,MAAK;EACL,eAAe;GACb,aAAa,MAAM;EACrB;EAEC,UAAA,YAAY,aAAa;GACxB;GACA,QAAQ,OAAO;GACf;EACF,CAAC;CACK,GAZF,MAYE;CAIV,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CAEE,oBAAC,aAAD;IACE,SAAS,SAAS,eAAe,SAAS,MAAM,EAAE;IAClD,cAAc,aAAa,eAAe,QAAQ,aAAa,QAAQ;IACvE,UAAU;IAEV,WAAW,SAAS,eAAe,SAAS,MAAM,CAAC;IAElD,UAAA;GACU,CAAA,GAGb,oBAAC,WAAD;IACE,GAAI;IACJ,QAAQ;IACR,cAAc;IACI;IACL;IACb,QAAQ;IACR,aAAa,OAAO;IACV;IAEG;GACd,CAAA,CACE;;CACO,CAAA;AAElB"}

package/es/DatePicker/core/PickerPanel/PanelBody.mjs

@@ -0,0 +1,95 @@
+import { isNonNullable } from "../utils/common.mjs";
+import { formatValue, isInRange, isSame } from "../utils/dateUtil.mjs";
+import { PickerHackContext, usePanelContext } from "./context.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/PanelBody.tsx
+function PanelBody(props) {
+	const { rowNum, colNum, baseDate, getCellDate, prefixColumn, rowClassName, titleFormat, getCellText, getCellClassName, headerCells, cellSelection = true, disabledDate } = props;
+	const { prefixCls, classNames, styles, panelType: type, now, disabledDate: contextDisabledDate, cellRender, onHover, hoverValue, hoverRangeValue, generateConfig, values, locale, onSelect } = usePanelContext();
+	const mergedDisabledDate = disabledDate || contextDisabledDate;
+	const cellPrefixCls = `${prefixCls}-cell`;
+	const { onCellDblClick } = React$1.use(PickerHackContext);
+	const matchValues = (date) => values.some((singleValue) => singleValue && isSame(generateConfig, locale, date, singleValue, type));
+	const rows = [];
+	for (let row = 0; row < rowNum; row += 1) {
+		const rowNode = [];
+		let rowStartDate;
+		for (let col = 0; col < colNum; col += 1) {
+			const currentDate = getCellDate(baseDate, row * colNum + col);
+			const disabled = mergedDisabledDate?.(currentDate, { type });
+			if (col === 0) {
+				rowStartDate = currentDate;
+				if (prefixColumn) rowNode.push(prefixColumn(rowStartDate));
+			}
+			let inRange = false;
+			let rangeStart = false;
+			let rangeEnd = false;
+			if (cellSelection && hoverRangeValue) {
+				const [hoverStart, hoverEnd] = hoverRangeValue;
+				inRange = isInRange(generateConfig, hoverStart, hoverEnd, currentDate);
+				rangeStart = isSame(generateConfig, locale, currentDate, hoverStart, type);
+				rangeEnd = isSame(generateConfig, locale, currentDate, hoverEnd, type);
+			}
+			const title = titleFormat ? formatValue(currentDate, {
+				locale,
+				format: titleFormat,
+				generateConfig
+			}) : void 0;
+			const inner = /* @__PURE__ */ jsx("div", {
+				className: `${cellPrefixCls}-inner`,
+				children: getCellText(currentDate)
+			});
+			rowNode.push(/* @__PURE__ */ jsx("td", {
+				style: styles.item,
+				title,
+				className: clsx(cellPrefixCls, classNames.item, {
+					[`${cellPrefixCls}-disabled`]: disabled,
+					[`${cellPrefixCls}-hover`]: (hoverValue || []).some((date) => isSame(generateConfig, locale, currentDate, date, type)),
+					[`${cellPrefixCls}-in-range`]: inRange && !rangeStart && !rangeEnd,
+					[`${cellPrefixCls}-range-start`]: rangeStart,
+					[`${cellPrefixCls}-range-end`]: rangeEnd,
+					[`${prefixCls}-cell-selected`]: !hoverRangeValue && type !== "week" && matchValues(currentDate),
+					...getCellClassName(currentDate)
+				}),
+				onClick: () => {
+					if (!disabled) onSelect(currentDate);
+				},
+				onDoubleClick: () => {
+					if (!disabled && onCellDblClick) onCellDblClick();
+				},
+				onMouseEnter: () => {
+					if (!disabled) onHover?.(currentDate);
+				},
+				onMouseLeave: () => {
+					if (!disabled) onHover?.(null);
+				},
+				children: cellRender ? cellRender(currentDate, {
+					prefixCls,
+					originNode: inner,
+					today: now,
+					type,
+					locale
+				}) : inner
+			}, col));
+		}
+		rows.push(/* @__PURE__ */ jsx("tr", {
+			className: rowClassName?.(rowStartDate),
+			children: rowNode
+		}, row));
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(`${prefixCls}-body`, classNames.body),
+		style: styles.body,
+		children: /* @__PURE__ */ jsxs("table", {
+			className: clsx(`${prefixCls}-content`, classNames.content),
+			style: styles.content,
+			children: [isNonNullable(headerCells) && /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: headerCells }) }), /* @__PURE__ */ jsx("tbody", { children: rows })]
+		})
+	});
+}
+//#endregion
+export { PanelBody as default };
+
+//# sourceMappingURL=PanelBody.mjs.map

package/es/DatePicker/core/PickerPanel/PanelBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerPanel/PanelBody.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { DisabledDate } from '../interface';\nimport { isNonNullable } from '../utils/common';\nimport { formatValue, isInRange, isSame } from '../utils/dateUtil';\nimport { PickerHackContext, usePanelContext } from './context';\n\nexport interface PanelBodyProps<DateType = any> {\n  baseDate: DateType;\n  cellSelection?: boolean;\n  colNum: number;\n\n  disabledDate?: DisabledDate<DateType> | null;\n\n  getCellClassName: (date: DateType) => Record<string, any>;\n  // Render\n  getCellDate: (date: DateType, offset: number) => DateType;\n  getCellText: (date: DateType) => React.ReactNode;\n\n  // Used for date panel\n  headerCells?: React.ReactNode[];\n\n  // Used for week panel\n  prefixColumn?: ((date: DateType) => React.ReactNode) | null;\n\n  rowClassName?: (date: DateType) => string;\n  rowNum: number;\n  titleFormat?: string;\n}\n\nexport default function PanelBody<DateType extends object = any>(props: PanelBodyProps<DateType>) {\n  const {\n    rowNum,\n    colNum,\n    baseDate,\n    getCellDate,\n    prefixColumn,\n    rowClassName,\n    titleFormat,\n    getCellText,\n    getCellClassName,\n    headerCells,\n    cellSelection = true,\n    disabledDate,\n  } = props;\n\n  const {\n    prefixCls,\n    classNames,\n    styles,\n    panelType: type,\n    now,\n    disabledDate: contextDisabledDate,\n    cellRender,\n    onHover,\n    hoverValue,\n    hoverRangeValue,\n    generateConfig,\n    values,\n    locale,\n    onSelect,\n  } = usePanelContext<DateType>();\n\n  const mergedDisabledDate = disabledDate || contextDisabledDate;\n\n  const cellPrefixCls = `${prefixCls}-cell`;\n\n  // ============================= Context ==============================\n  const { onCellDblClick } = React.use(PickerHackContext);\n\n  // ============================== Value ===============================\n  const matchValues = (date: DateType) =>\n    values!.some(\n      (singleValue) => singleValue && isSame(generateConfig, locale, date, singleValue, type),\n    );\n\n  // =============================== Body ===============================\n  const rows: React.ReactNode[] = [];\n\n  for (let row = 0; row < rowNum; row += 1) {\n    const rowNode: React.ReactNode[] = [];\n    let rowStartDate: DateType;\n\n    for (let col = 0; col < colNum; col += 1) {\n      const offset = row * colNum + col;\n      const currentDate = getCellDate(baseDate, offset);\n\n      const disabled = mergedDisabledDate?.(currentDate, {\n        type,\n      });\n\n      // Row Start Cell\n      if (col === 0) {\n        rowStartDate = currentDate;\n\n        if (prefixColumn) {\n          rowNode.push(prefixColumn(rowStartDate));\n        }\n      }\n\n      // Range\n      let inRange = false;\n      let rangeStart = false;\n      let rangeEnd = false;\n\n      if (cellSelection && hoverRangeValue) {\n        const [hoverStart, hoverEnd] = hoverRangeValue;\n        inRange = isInRange(generateConfig, hoverStart, hoverEnd, currentDate);\n        rangeStart = isSame(generateConfig, locale, currentDate, hoverStart, type);\n        rangeEnd = isSame(generateConfig, locale, currentDate, hoverEnd, type);\n      }\n\n      // Title\n      const title = titleFormat\n        ? formatValue(currentDate, {\n            locale,\n            format: titleFormat,\n            generateConfig,\n          })\n        : undefined;\n\n      // Render\n      const inner = <div className={`${cellPrefixCls}-inner`}>{getCellText(currentDate)}</div>;\n\n      rowNode.push(\n        <td\n          key={col}\n          style={styles.item}\n          title={title}\n          className={clsx(cellPrefixCls, classNames.item, {\n            [`${cellPrefixCls}-disabled`]: disabled,\n            [`${cellPrefixCls}-hover`]: (hoverValue || []).some((date) =>\n              isSame(generateConfig, locale, currentDate, date, type),\n            ),\n            [`${cellPrefixCls}-in-range`]: inRange && !rangeStart && !rangeEnd,\n            [`${cellPrefixCls}-range-start`]: rangeStart,\n            [`${cellPrefixCls}-range-end`]: rangeEnd,\n            [`${prefixCls}-cell-selected`]:\n              !hoverRangeValue &&\n              // WeekPicker use row instead\n              type !== 'week' &&\n              matchValues(currentDate),\n            ...getCellClassName(currentDate),\n          })}\n          onClick={() => {\n            if (!disabled) {\n              onSelect(currentDate);\n            }\n          }}\n          onDoubleClick={() => {\n            if (!disabled && onCellDblClick) {\n              onCellDblClick();\n            }\n          }}\n          onMouseEnter={() => {\n            if (!disabled) {\n              onHover?.(currentDate);\n            }\n          }}\n          onMouseLeave={() => {\n            if (!disabled) {\n              onHover?.(null);\n            }\n          }}\n        >\n          {cellRender\n            ? cellRender(currentDate, {\n                prefixCls,\n                originNode: inner,\n                today: now,\n                type,\n                locale,\n              })\n            : inner}\n        </td>,\n      );\n    }\n\n    rows.push(\n      <tr className={rowClassName?.(rowStartDate!)} key={row}>\n        {rowNode}\n      </tr>,\n    );\n  }\n\n  // ============================== Render ==============================\n  return (\n    <div className={clsx(`${prefixCls}-body`, classNames.body)} style={styles.body}>\n      <table className={clsx(`${prefixCls}-content`, classNames.content)} style={styles.content}>\n        {isNonNullable(headerCells) && (\n          <thead>\n            <tr>{headerCells}</tr>\n          </thead>\n        )}\n        <tbody>{rows}</tbody>\n      </table>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/es/DatePicker/core/PickerPanel/PanelHeader.mjs

@@ -0,0 +1,130 @@
+import { isSameOrAfter } from "../utils/dateUtil.mjs";
+import { PickerHackContext, usePanelContext } from "./context.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/PanelHeader.tsx
+const HIDDEN_STYLE = { visibility: "hidden" };
+function PanelHeader(props) {
+	const { offset, superOffset, onChange, getStart, getEnd, children } = props;
+	const { prefixCls, classNames, styles, prevIcon = "‹", nextIcon = "›", superPrevIcon = "«", superNextIcon = "»", minDate, maxDate, generateConfig, locale, pickerValue, panelType: type } = usePanelContext();
+	const headerPrefixCls = `${prefixCls}-header`;
+	const { hidePrev, hideNext, hideHeader } = React$1.use(PickerHackContext);
+	const disabledOffsetPrev = React$1.useMemo(() => {
+		if (!minDate || !offset || !getEnd) return false;
+		const prevPanelLimitDate = getEnd(offset(-1, pickerValue));
+		return !isSameOrAfter(generateConfig, locale, prevPanelLimitDate, minDate, type);
+	}, [
+		minDate,
+		offset,
+		pickerValue,
+		getEnd,
+		generateConfig,
+		locale,
+		type
+	]);
+	const disabledSuperOffsetPrev = React$1.useMemo(() => {
+		if (!minDate || !superOffset || !getEnd) return false;
+		const prevPanelLimitDate = getEnd(superOffset(-1, pickerValue));
+		return !isSameOrAfter(generateConfig, locale, prevPanelLimitDate, minDate, type);
+	}, [
+		minDate,
+		superOffset,
+		pickerValue,
+		getEnd,
+		generateConfig,
+		locale,
+		type
+	]);
+	const disabledOffsetNext = React$1.useMemo(() => {
+		if (!maxDate || !offset || !getStart) return false;
+		const nextPanelLimitDate = getStart(offset(1, pickerValue));
+		return !isSameOrAfter(generateConfig, locale, maxDate, nextPanelLimitDate, type);
+	}, [
+		maxDate,
+		offset,
+		pickerValue,
+		getStart,
+		generateConfig,
+		locale,
+		type
+	]);
+	const disabledSuperOffsetNext = React$1.useMemo(() => {
+		if (!maxDate || !superOffset || !getStart) return false;
+		const nextPanelLimitDate = getStart(superOffset(1, pickerValue));
+		return !isSameOrAfter(generateConfig, locale, maxDate, nextPanelLimitDate, type);
+	}, [
+		maxDate,
+		superOffset,
+		pickerValue,
+		getStart,
+		generateConfig,
+		locale,
+		type
+	]);
+	const onOffset = (distance) => {
+		if (offset) onChange(offset(distance, pickerValue));
+	};
+	const onSuperOffset = (distance) => {
+		if (superOffset) onChange(superOffset(distance, pickerValue));
+	};
+	if (hideHeader) return null;
+	const prevBtnCls = `${headerPrefixCls}-prev-btn`;
+	const nextBtnCls = `${headerPrefixCls}-next-btn`;
+	const superPrevBtnCls = `${headerPrefixCls}-super-prev-btn`;
+	const superNextBtnCls = `${headerPrefixCls}-super-next-btn`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(headerPrefixCls, classNames.header),
+		style: styles.header,
+		children: [
+			superOffset && /* @__PURE__ */ jsx("button", {
+				"aria-label": locale.previousYear,
+				disabled: disabledSuperOffsetPrev,
+				style: hidePrev ? HIDDEN_STYLE : {},
+				tabIndex: -1,
+				type: "button",
+				className: clsx(superPrevBtnCls, disabledSuperOffsetPrev && `${superPrevBtnCls}-disabled`),
+				onClick: () => onSuperOffset(-1),
+				children: superPrevIcon
+			}),
+			offset && /* @__PURE__ */ jsx("button", {
+				"aria-label": locale.previousMonth,
+				className: clsx(prevBtnCls, disabledOffsetPrev && `${prevBtnCls}-disabled`),
+				disabled: disabledOffsetPrev,
+				style: hidePrev ? HIDDEN_STYLE : {},
+				tabIndex: -1,
+				type: "button",
+				onClick: () => onOffset(-1),
+				children: prevIcon
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: `${headerPrefixCls}-view`,
+				children
+			}),
+			offset && /* @__PURE__ */ jsx("button", {
+				"aria-label": locale.nextMonth,
+				className: clsx(nextBtnCls, disabledOffsetNext && `${nextBtnCls}-disabled`),
+				disabled: disabledOffsetNext,
+				style: hideNext ? HIDDEN_STYLE : {},
+				tabIndex: -1,
+				type: "button",
+				onClick: () => onOffset(1),
+				children: nextIcon
+			}),
+			superOffset && /* @__PURE__ */ jsx("button", {
+				"aria-label": locale.nextYear,
+				disabled: disabledSuperOffsetNext,
+				style: hideNext ? HIDDEN_STYLE : {},
+				tabIndex: -1,
+				type: "button",
+				className: clsx(superNextBtnCls, disabledSuperOffsetNext && `${superNextBtnCls}-disabled`),
+				onClick: () => onSuperOffset(1),
+				children: superNextIcon
+			})
+		]
+	});
+}
+//#endregion
+export { PanelHeader as default };
+
+//# sourceMappingURL=PanelHeader.mjs.map

package/es/DatePicker/core/PickerPanel/PanelHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerPanel/PanelHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { isSameOrAfter } from '../utils/dateUtil';\nimport { PickerHackContext, usePanelContext } from './context';\n\nconst HIDDEN_STYLE: React.CSSProperties = {\n  visibility: 'hidden',\n};\n\nexport interface HeaderProps<DateType extends object> {\n  children?: React.ReactNode;\n  getEnd?: (date: DateType) => DateType;\n  // Limitation\n  getStart?: (date: DateType) => DateType;\n\n  offset?: (distance: number, date: DateType) => DateType;\n  onChange?: (date: DateType) => void;\n\n  superOffset?: (distance: number, date: DateType) => DateType;\n}\n\nfunction PanelHeader<DateType extends object>(props: HeaderProps<DateType>) {\n  const {\n    offset,\n    superOffset,\n    onChange,\n\n    getStart,\n    getEnd,\n\n    children,\n  } = props;\n\n  const {\n    prefixCls,\n    classNames,\n    styles,\n\n    // Icons\n    prevIcon = '\\u2039',\n    nextIcon = '\\u203A',\n    superPrevIcon = '\\u00AB',\n    superNextIcon = '\\u00BB',\n\n    // Limitation\n    minDate,\n    maxDate,\n    generateConfig,\n    locale,\n    pickerValue,\n    panelType: type,\n  } = usePanelContext<DateType>();\n\n  const headerPrefixCls = `${prefixCls}-header`;\n\n  const { hidePrev, hideNext, hideHeader } = React.use(PickerHackContext);\n\n  // ======================= Limitation =======================\n  const disabledOffsetPrev = React.useMemo(() => {\n    if (!minDate || !offset || !getEnd) {\n      return false;\n    }\n\n    const prevPanelLimitDate = getEnd(offset(-1, pickerValue));\n\n    return !isSameOrAfter(generateConfig, locale, prevPanelLimitDate, minDate, type);\n  }, [minDate, offset, pickerValue, getEnd, generateConfig, locale, type]);\n\n  const disabledSuperOffsetPrev = React.useMemo(() => {\n    if (!minDate || !superOffset || !getEnd) {\n      return false;\n    }\n\n    const prevPanelLimitDate = getEnd(superOffset(-1, pickerValue));\n\n    return !isSameOrAfter(generateConfig, locale, prevPanelLimitDate, minDate, type);\n  }, [minDate, superOffset, pickerValue, getEnd, generateConfig, locale, type]);\n\n  const disabledOffsetNext = React.useMemo(() => {\n    if (!maxDate || !offset || !getStart) {\n      return false;\n    }\n\n    const nextPanelLimitDate = getStart(offset(1, pickerValue));\n\n    return !isSameOrAfter(generateConfig, locale, maxDate, nextPanelLimitDate, type);\n  }, [maxDate, offset, pickerValue, getStart, generateConfig, locale, type]);\n\n  const disabledSuperOffsetNext = React.useMemo(() => {\n    if (!maxDate || !superOffset || !getStart) {\n      return false;\n    }\n\n    const nextPanelLimitDate = getStart(superOffset(1, pickerValue));\n\n    return !isSameOrAfter(generateConfig, locale, maxDate, nextPanelLimitDate, type);\n  }, [maxDate, superOffset, pickerValue, getStart, generateConfig, locale, type]);\n\n  // ========================= Offset =========================\n  const onOffset = (distance: number) => {\n    if (offset) {\n      onChange!(offset(distance, pickerValue));\n    }\n  };\n\n  const onSuperOffset = (distance: number) => {\n    if (superOffset) {\n      onChange!(superOffset(distance, pickerValue));\n    }\n  };\n\n  // ========================= Render =========================\n  if (hideHeader) {\n    return null;\n  }\n\n  const prevBtnCls = `${headerPrefixCls}-prev-btn`;\n  const nextBtnCls = `${headerPrefixCls}-next-btn`;\n  const superPrevBtnCls = `${headerPrefixCls}-super-prev-btn`;\n  const superNextBtnCls = `${headerPrefixCls}-super-next-btn`;\n\n  return (\n    <div className={clsx(headerPrefixCls, classNames.header)} style={styles.header}>\n      {superOffset && (\n        <button\n          aria-label={locale.previousYear}\n          disabled={disabledSuperOffsetPrev}\n          style={hidePrev ? HIDDEN_STYLE : {}}\n          tabIndex={-1}\n          type=\"button\"\n          className={clsx(\n            superPrevBtnCls,\n            disabledSuperOffsetPrev && `${superPrevBtnCls}-disabled`,\n          )}\n          onClick={() => onSuperOffset(-1)}\n        >\n          {superPrevIcon}\n        </button>\n      )}\n      {offset && (\n        <button\n          aria-label={locale.previousMonth}\n          className={clsx(prevBtnCls, disabledOffsetPrev && `${prevBtnCls}-disabled`)}\n          disabled={disabledOffsetPrev}\n          style={hidePrev ? HIDDEN_STYLE : {}}\n          tabIndex={-1}\n          type=\"button\"\n          onClick={() => onOffset(-1)}\n        >\n          {prevIcon}\n        </button>\n      )}\n      <div className={`${headerPrefixCls}-view`}>{children}</div>\n      {offset && (\n        <button\n          aria-label={locale.nextMonth}\n          className={clsx(nextBtnCls, disabledOffsetNext && `${nextBtnCls}-disabled`)}\n          disabled={disabledOffsetNext}\n          style={hideNext ? HIDDEN_STYLE : {}}\n          tabIndex={-1}\n          type=\"button\"\n          onClick={() => onOffset(1)}\n        >\n          {nextIcon}\n        </button>\n      )}\n      {superOffset && (\n        <button\n          aria-label={locale.nextYear}\n          disabled={disabledSuperOffsetNext}\n          style={hideNext ? HIDDEN_STYLE : {}}\n          tabIndex={-1}\n          type=\"button\"\n          className={clsx(\n            superNextBtnCls,\n            disabledSuperOffsetNext && `${superNextBtnCls}-disabled`,\n          )}\n          onClick={() => onSuperOffset(1)}\n        >\n          {superNextIcon}\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default PanelHeader;\n"],"mappings":"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"}

package/es/DatePicker/core/PickerPanel/QuarterPanel/index.mjs

@@ -0,0 +1,64 @@
+import { formatValue } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelBody from "../PanelBody.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerPanel/QuarterPanel/index.tsx
+function QuarterPanel(props) {
+	const { prefixCls, locale, generateConfig, pickerValue, onPickerValueChange, onModeChange } = props;
+	const panelPrefixCls = `${prefixCls}-quarter-panel`;
+	const [info] = useInfo(props, "quarter");
+	const baseDate = generateConfig.setMonth(pickerValue, 0);
+	const getCellDate = (date, offset) => {
+		return generateConfig.addMonth(date, offset * 3);
+	};
+	const getCellText = (date) => {
+		return formatValue(date, {
+			locale,
+			format: locale.cellQuarterFormat,
+			generateConfig
+		});
+	};
+	const getCellClassName = () => ({ [`${prefixCls}-cell-in-view`]: true });
+	const yearNode = /* @__PURE__ */ jsx("button", {
+		"aria-label": locale.yearSelect,
+		className: `${prefixCls}-year-btn`,
+		tabIndex: -1,
+		type: "button",
+		onClick: () => {
+			onModeChange("year");
+		},
+		children: formatValue(pickerValue, {
+			locale,
+			format: locale.yearFormat,
+			generateConfig
+		})
+	}, "year");
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: panelPrefixCls,
+			children: [/* @__PURE__ */ jsx(PanelHeader, {
+				getEnd: (date) => generateConfig.setMonth(date, 11),
+				superOffset: (distance) => generateConfig.addYear(pickerValue, distance),
+				onChange: onPickerValueChange,
+				getStart: (date) => generateConfig.setMonth(date, 0),
+				children: yearNode
+			}), /* @__PURE__ */ jsx(PanelBody, {
+				...props,
+				colNum: 4,
+				getCellClassName,
+				getCellText,
+				rowNum: 1,
+				titleFormat: locale.fieldQuarterFormat,
+				baseDate,
+				getCellDate
+			})]
+		})
+	});
+}
+//#endregion
+export { QuarterPanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/QuarterPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/QuarterPanel/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { SharedPanelProps } from '../../interface';\nimport { formatValue } from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelBody from '../PanelBody';\nimport PanelHeader from '../PanelHeader';\n\nexport default function QuarterPanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const { prefixCls, locale, generateConfig, pickerValue, onPickerValueChange, onModeChange } =\n    props;\n\n  const panelPrefixCls = `${prefixCls}-quarter-panel`;\n\n  // ========================== Base ==========================\n  const [info] = useInfo(props, 'quarter');\n  const baseDate = generateConfig.setMonth(pickerValue, 0);\n\n  // ========================= Cells ==========================\n  const getCellDate = (date: DateType, offset: number) => {\n    return generateConfig.addMonth(date, offset * 3);\n  };\n\n  const getCellText = (date: DateType) => {\n    return formatValue(date, {\n      locale,\n      format: locale.cellQuarterFormat!,\n      generateConfig,\n    });\n  };\n\n  const getCellClassName = () => ({\n    [`${prefixCls}-cell-in-view`]: true,\n  });\n\n  // ========================= Header =========================\n  const yearNode: React.ReactNode = (\n    <button\n      aria-label={locale.yearSelect}\n      className={`${prefixCls}-year-btn`}\n      key=\"year\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={() => {\n        onModeChange('year');\n      }}\n    >\n      {formatValue(pickerValue, {\n        locale,\n        format: locale.yearFormat!,\n        generateConfig,\n      })}\n    </button>\n  );\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={panelPrefixCls}>\n        {/* Header */}\n        <PanelHeader\n          getEnd={(date) => generateConfig.setMonth(date, 11)}\n          superOffset={(distance) => generateConfig.addYear(pickerValue, distance)}\n          onChange={onPickerValueChange}\n          // Limitation\n          getStart={(date) => generateConfig.setMonth(date, 0)}\n        >\n          {yearNode}\n        </PanelHeader>\n\n        {/* Body */}\n        <PanelBody\n          {...props}\n          colNum={4}\n          getCellClassName={getCellClassName}\n          getCellText={getCellText}\n          rowNum={1}\n          titleFormat={locale.fieldQuarterFormat}\n          baseDate={baseDate}\n          // Body\n          getCellDate={getCellDate}\n        />\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,aACtB,OACA;CACA,MAAM,EAAE,WAAW,QAAQ,gBAAgB,aAAa,qBAAqB,iBAC3E;CAEF,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,QAAQ,QAAQ,OAAO,SAAS;CACvC,MAAM,WAAW,eAAe,SAAS,aAAa,CAAC;CAGvD,MAAM,eAAe,MAAgB,WAAmB;EACtD,OAAO,eAAe,SAAS,MAAM,SAAS,CAAC;CACjD;CAEA,MAAM,eAAe,SAAmB;EACtC,OAAO,YAAY,MAAM;GACvB;GACA,QAAQ,OAAO;GACf;EACF,CAAC;CACH;CAEA,MAAM,0BAA0B,GAC7B,GAAG,UAAU,iBAAiB,KACjC;CAGA,MAAM,WACJ,oBAAC,UAAD;EACE,cAAY,OAAO;EACnB,WAAW,GAAG,UAAU;EAExB,UAAU;EACV,MAAK;EACL,eAAe;GACb,aAAa,MAAM;EACrB;EAEC,UAAA,YAAY,aAAa;GACxB;GACA,QAAQ,OAAO;GACf;EACF,CAAC;CACK,GAZF,MAYE;CAIV,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CAEE,oBAAC,aAAD;IACE,SAAS,SAAS,eAAe,SAAS,MAAM,EAAE;IAClD,cAAc,aAAa,eAAe,QAAQ,aAAa,QAAQ;IACvE,UAAU;IAEV,WAAW,SAAS,eAAe,SAAS,MAAM,CAAC;IAElD,UAAA;GACU,CAAA,GAGb,oBAAC,WAAD;IACE,GAAI;IACJ,QAAQ;IACU;IACL;IACb,QAAQ;IACR,aAAa,OAAO;IACV;IAEG;GACd,CAAA,CACE;;CACO,CAAA;AAElB"}