@_tc/template-core 0.1.16 → 0.2.0-bate.0

package/fe/packages/react/ui/components/Date/DateTestPage.js

@@ -0,0 +1,340 @@
+import { DatePicker } from "./Date.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { startOfDay } from "date-fns";
+//#region packages/react/ui/components/Date/DateTestPage.tsx
+function DateTestPage() {
+	const [date1, setDate1] = useState();
+	const [dateTime1, setDateTime1] = useState();
+	const [range, setRange] = useState();
+	const [rangeWithTime, setRangeWithTime] = useState();
+	const [emptyRange, setEmptyRange] = useState();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-8 max-w-6xl mx-auto space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-3xl font-bold mb-2",
+				children: "Date 组件使用示例"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "展示 DatePicker 组件的各种使用场景"
+			})] }),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "1. 基本用法"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "单日期选择"
+					}), /* @__PURE__ */ jsx(DatePicker, { placeholder: "请选择日期" })] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "禁用清除按钮"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						placeholder: "请选择日期",
+						allowClear: false
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-xl font-semibold",
+						children: "2. 日期时间选择器 (showTime)"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: "时间选择器显示在日历右侧，提供更好的用户体验"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-2 gap-8",
+						children: [/* @__PURE__ */ jsxs("div", { children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-sm font-medium mb-2",
+								children: "基本用法 - 单日期时间"
+							}),
+							/* @__PURE__ */ jsx(DatePicker, {
+								showTime: true,
+								placeholder: "请选择日期时间"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-xs text-muted-foreground mt-2",
+								children: "点击输入框打开选择器，时间选择器在右侧显示"
+							})
+						] }), /* @__PURE__ */ jsxs("div", { children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-sm font-medium mb-2",
+								children: "受控模式"
+							}),
+							/* @__PURE__ */ jsx(DatePicker, {
+								showTime: true,
+								value: dateTime1,
+								onChange: (val, date) => {
+									setDateTime1(val);
+									console.log("选中日期时间:", val);
+									console.log("Date 对象:", date);
+								},
+								placeholder: "受控日期时间选择器"
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "text-sm text-muted-foreground mt-2",
+								children: ["选中的值: ", /* @__PURE__ */ jsx("code", {
+									className: "text-xs bg-muted px-1 py-0.5 rounded",
+									children: String(dateTime1 || "未选择")
+								})]
+							})
+						] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "3. 范围选择 (Range Picker)"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-8",
+					children: [/* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("h3", {
+							className: "text-sm font-medium mb-2",
+							children: "基本范围选择"
+						}),
+						/* @__PURE__ */ jsx(DatePicker, {
+							mode: "range",
+							value: emptyRange,
+							onChange: (val) => {
+								setEmptyRange(val);
+								console.log("范围选择:", val);
+							},
+							placeholder: "选择日期范围"
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: ["值: ", /* @__PURE__ */ jsx("code", {
+								className: "text-xs bg-muted px-1 py-0.5 rounded",
+								children: JSON.stringify(emptyRange || "未选择")
+							})]
+						})
+					] }), /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("h3", {
+							className: "text-sm font-medium mb-2",
+							children: "范围选择 + 时间选择"
+						}),
+						/* @__PURE__ */ jsx(DatePicker, {
+							mode: "range",
+							value: rangeWithTime,
+							showTime: true,
+							onChange: (val) => {
+								setRangeWithTime(val);
+								console.log("范围时间选择:", val);
+							},
+							placeholder: "选择日期时间范围"
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: [
+								"值:",
+								" ",
+								/* @__PURE__ */ jsx("code", {
+									className: "text-xs bg-muted px-1 py-0.5 rounded",
+									children: JSON.stringify(rangeWithTime || "未选择")
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "选择开始日期后，右侧会显示开始时间选择器；选择结束日期后，会显示结束时间选择器"
+						})
+					] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "4. 受控模式"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm text-muted-foreground mb-2",
+							children: "单日期受控"
+						}),
+						/* @__PURE__ */ jsx(DatePicker, {
+							value: date1,
+							onChange: (date, dateString) => {
+								setDate1(date);
+								console.log("选中日期:", date);
+								console.log("日期字符串:", dateString);
+							},
+							placeholder: "受控日期选择器"
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: ["选中的日期: ", /* @__PURE__ */ jsx("code", {
+								className: "text-xs bg-muted px-1 py-0.5 rounded",
+								children: String(date1 || "未选择")
+							})]
+						})
+					] }), /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm text-muted-foreground mb-2",
+							children: "范围受控"
+						}),
+						/* @__PURE__ */ jsx(DatePicker, {
+							mode: "range",
+							value: range,
+							onChange: (val) => {
+								setRange(val);
+								console.log("范围变化:", val);
+							},
+							placeholder: "受控范围选择器"
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: ["值: ", /* @__PURE__ */ jsx("code", {
+								className: "text-xs bg-muted px-1 py-0.5 rounded",
+								children: JSON.stringify(range || "未选择")
+							})]
+						})
+					] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "5. 禁用日期"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "只能选择今天及以后"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						disabledDate: (current) => current < startOfDay(/* @__PURE__ */ new Date()),
+						placeholder: "选择未来日期"
+					})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "范围选择（禁用过去）"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						mode: "range",
+						disabledDate: (current) => current < startOfDay(/* @__PURE__ */ new Date()),
+						placeholder: "选择未来范围"
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "6. 禁用状态"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "禁用状态"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						disabled: true,
+						placeholder: "禁用状态"
+					})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "禁用状态 + 有值"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						disabled: true,
+						value: "2024-01-15",
+						placeholder: "禁用状态"
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "7. 自定义格式"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "自定义日期格式"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						format: "yyyy/MM/dd",
+						placeholder: "选择日期 (yyyy/MM/dd)"
+					})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-2",
+						children: "自定义日期时间格式"
+					}), /* @__PURE__ */ jsx(DatePicker, {
+						showTime: true,
+						format: "yyyy-MM-dd HH:mm:ss",
+						placeholder: "选择日期时间 (yyyy-MM-dd HH:mm:ss)"
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-4 border-t pt-6",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "API 说明"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "bg-muted/50 p-4 rounded-lg space-y-2 text-sm",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "showTime"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground ml-2",
+							children: ": boolean - 是否显示时间选择器，时间选择器会显示在日历右侧"
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "mode"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground ml-2",
+							children: ": 'single' | 'range' - 选择模式，single 为单日期，range 为日期范围"
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "value"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground ml-2",
+							children: ": string | [string, string] - 受控模式的值"
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "onChange"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground ml-2",
+							children: [
+								": (value?: DateChangeStrValue, date?: Date | DateRange) =",
+								">",
+								" void - 值变化回调"
+							]
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "format"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground ml-2",
+							children: ": string - 日期格式，默认 'yyyy-MM-dd'，showTime 时为 'yyyy-MM-dd HH:mm'"
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
+							className: "font-semibold",
+							children: "disabledDate"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground ml-2",
+							children: [
+								": (current: Date) =",
+								">",
+								" boolean - 禁用日期的判断函数"
+							]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { DateTestPage as default };

package/fe/packages/react/ui/components/Date/LocaleContext.d.ts

@@ -0,0 +1 @@
+export declare const useDateLocale: () => import("./locales").DateLocaleConfig;

package/fe/packages/react/ui/components/Date/LocaleContext.js

@@ -0,0 +1,11 @@
+import { useDateLocaleStore } from "./dateLocaleStore.js";
+//#region packages/react/ui/components/Date/LocaleContext.tsx
+/**
+* Hook for accessing the current Date component locale.
+* Backed by Zustand, so no React Context is required.
+*/
+var useDateLocale = () => {
+	return useDateLocaleStore((state) => state.locale);
+};
+//#endregion
+export { useDateLocale };

package/fe/packages/react/ui/components/Date/LocaleProvider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type DateLocaleConfig } from "./locales";
+export interface DateLocaleProviderProps {
+    locale?: DateLocaleConfig;
+    children: ReactNode;
+}
+export declare function DateLocaleProvider({ locale, children }: DateLocaleProviderProps): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/Date/LocaleProvider.js

@@ -0,0 +1,31 @@
+import { defaultLocale } from "./locales.js";
+import { useDateLocaleStore } from "./dateLocaleStore.js";
+import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/Date/LocaleProvider.tsx
+/**
+* Date 组件文案配置 Provider
+* 用于全局设置 Date 组件的文案
+*
+* @example
+* ```tsx
+* <DateLocaleProvider locale={customLocale}>
+*   <App />
+* </DateLocaleProvider>
+* ```
+*/
+function DateLocaleProvider({ locale = defaultLocale, children }) {
+	const replaceLocale = useDateLocaleStore((state) => state.replaceLocale);
+	const resetLocale = useDateLocaleStore((state) => state.resetLocale);
+	useEffect(() => {
+		replaceLocale(locale);
+		return () => resetLocale();
+	}, [
+		locale,
+		replaceLocale,
+		resetLocale
+	]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
+}
+//#endregion
+export { DateLocaleProvider };

package/fe/packages/{ui/react → react/ui}/components/Date/TimePicker.d.ts

@@ -4,4 +4,3 @@ export interface TimePickerProps {
     className?: string;
 }
 export declare function TimePicker({ value, onChange, className }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TimePicker.d.ts.map

package/fe/packages/react/ui/components/Date/TimePicker.js

@@ -0,0 +1,136 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { Input } from "../Input/Input.js";
+import "../Input/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp } from "lucide-react";
+//#region packages/react/ui/components/Date/TimePicker.tsx
+function TimePicker({ value, onChange, className }) {
+	const hours = value?.getHours() ?? 0;
+	const minutes = value?.getMinutes() ?? 0;
+	const handleTimeChange = (newHours, newMinutes) => {
+		const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
+		newDate.setHours(newHours);
+		newDate.setMinutes(newMinutes);
+		newDate.setSeconds(0);
+		newDate.setMilliseconds(0);
+		onChange?.(newDate);
+	};
+	const incrementHours = () => {
+		handleTimeChange((hours + 1) % 24, minutes);
+	};
+	const decrementHours = () => {
+		handleTimeChange((hours - 1 + 24) % 24, minutes);
+	};
+	const incrementMinutes = () => {
+		handleTimeChange(hours, (minutes + 1) % 60);
+	};
+	const decrementMinutes = () => {
+		handleTimeChange(hours, (minutes - 1 + 60) % 60);
+	};
+	const handleHoursInput = (e) => {
+		const val = e.target.value.replace(/\D/g, "");
+		if (val === "") {
+			handleTimeChange(0, minutes);
+			return;
+		}
+		const num = parseInt(val, 10);
+		if (num >= 0 && num <= 23) handleTimeChange(num, minutes);
+	};
+	const handleMinutesInput = (e) => {
+		const val = e.target.value.replace(/\D/g, "");
+		if (val === "") {
+			handleTimeChange(hours, 0);
+			return;
+		}
+		const num = parseInt(val, 10);
+		if (num >= 0 && num <= 59) handleTimeChange(hours, num);
+	};
+	const handleHoursKeyDown = (e) => {
+		if (e.key === "ArrowUp") {
+			e.preventDefault();
+			incrementHours();
+		} else if (e.key === "ArrowDown") {
+			e.preventDefault();
+			decrementHours();
+		}
+	};
+	const handleMinutesKeyDown = (e) => {
+		if (e.key === "ArrowUp") {
+			e.preventDefault();
+			incrementMinutes();
+		} else if (e.key === "ArrowDown") {
+			e.preventDefault();
+			decrementMinutes();
+		}
+	};
+	const formatNumber = (num) => String(num).padStart(2, "0");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("tc-ui-time-picker flex items-center justify-center gap-3 py-3", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						type: "button",
+						onClick: incrementHours,
+						className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ jsx(ChevronUp, { size: 14 })
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						type: "text",
+						value: formatNumber(hours),
+						onChange: (_, e) => handleHoursInput(e),
+						onKeyDown: handleHoursKeyDown,
+						className: "w-12",
+						inputClassName: cn("w-12 h-9 px-0 py-0 text-center text-sm font-medium", "border border-border rounded", "bg-background text-foreground", "focus:outline-none focus:border-theme", "transition-colors"),
+						maxLength: 2
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						type: "button",
+						onClick: decrementHours,
+						className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: 14 })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-medium text-foreground mb-1",
+				children: ":"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						type: "button",
+						onClick: incrementMinutes,
+						className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ jsx(ChevronUp, { size: 14 })
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						type: "text",
+						value: formatNumber(minutes),
+						onChange: (_, e) => handleMinutesInput(e),
+						onKeyDown: handleMinutesKeyDown,
+						className: "w-12",
+						inputClassName: cn("w-12 h-9 px-0 py-0 text-center text-sm font-medium", "border border-border rounded", "bg-background text-foreground", "focus:outline-none focus:border-theme", "transition-colors"),
+						maxLength: 2
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						type: "button",
+						onClick: decrementMinutes,
+						className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: 14 })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { TimePicker };

package/fe/packages/{ui/react → react/ui}/components/Date/data.d.ts

@@ -3,4 +3,3 @@ export declare const ModeType: {
     readonly Range: "range";
 };
 export type ModeType = (typeof ModeType)[keyof typeof ModeType];
-//# sourceMappingURL=data.d.ts.map

package/fe/packages/react/ui/components/Date/data.js

@@ -0,0 +1,7 @@
+//#region packages/react/ui/components/Date/data.ts
+var ModeType = {
+	Single: "single",
+	Range: "range"
+};
+//#endregion
+export { ModeType };

package/fe/packages/{ui/react → react/ui}/components/Date/dateLocaleStore.d.ts

@@ -1,16 +1,9 @@
-import { type DateLocaleConfig } from './locales';
+import { type DateLocaleConfig } from "./locales";
 type DateLocaleState = {
     locale: DateLocaleConfig;
-    /**
-     * Merge partial updates into the current locale.
-     */
     setLocale: (patch: Partial<DateLocaleConfig>) => void;
-    /**
-     * Replace the locale entirely.
-     */
     replaceLocale: (nextLocale: DateLocaleConfig) => void;
     resetLocale: () => void;
 };
 export declare const useDateLocaleStore: import("zustand").UseBoundStore<import("zustand").StoreApi<DateLocaleState>>;
 export {};
-//# sourceMappingURL=dateLocaleStore.d.ts.map

package/fe/packages/react/ui/components/Date/dateLocaleStore.js

@@ -0,0 +1,14 @@
+import { defaultLocale } from "./locales.js";
+import { create } from "zustand";
+//#region packages/react/ui/components/Date/dateLocaleStore.ts
+var useDateLocaleStore = create((set) => ({
+	locale: defaultLocale,
+	setLocale: (patch) => set((state) => ({ locale: {
+		...state.locale,
+		...patch
+	} })),
+	replaceLocale: (nextLocale) => set(() => ({ locale: nextLocale })),
+	resetLocale: () => set(() => ({ locale: defaultLocale }))
+}));
+//#endregion
+export { useDateLocaleStore };

package/fe/packages/react/ui/components/Date/dropdownPositioning.d.ts

@@ -0,0 +1,2 @@
+import type { DropdownPositioningStrategy } from "../hooks/useDropdownPositioning";
+export declare const getDatePickerDropdownPosition: DropdownPositioningStrategy;

package/fe/packages/react/ui/components/Date/dropdownPositioning.js

@@ -0,0 +1,12 @@
+//#region packages/react/ui/components/Date/dropdownPositioning.ts
+var getDatePickerDropdownPosition = ({ anchorRect, contentRect, viewportHeight, offset }) => {
+	const contentHeight = contentRect?.height ?? 360;
+	const spaceBelow = viewportHeight - anchorRect.bottom;
+	const spaceAbove = anchorRect.top;
+	return {
+		top: spaceBelow < contentHeight && spaceAbove > spaceBelow ? anchorRect.top - contentHeight - offset : anchorRect.bottom + offset,
+		left: anchorRect.left
+	};
+};
+//#endregion
+export { getDatePickerDropdownPosition };

package/fe/packages/react/ui/components/Date/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Date";
+export * from "./dateLocaleStore";
+export { useDateLocale } from "./LocaleContext";
+export * from "./LocaleProvider";
+export * from "./locales";

package/fe/packages/react/ui/components/Date/index.js

@@ -0,0 +1,6 @@
+import { defaultLocale, enUSLocale, zhCNLocale } from "./locales.js";
+import { useDateLocaleStore } from "./dateLocaleStore.js";
+import { useDateLocale } from "./LocaleContext.js";
+import { DatePicker } from "./Date.js";
+import { DateLocaleProvider } from "./LocaleProvider.js";
+export { DateLocaleProvider, DatePicker, defaultLocale, enUSLocale, useDateLocale, useDateLocaleStore, zhCNLocale };

package/fe/packages/{ui/react → react/ui}/components/Date/locales.d.ts

@@ -1,7 +1,3 @@
-/**
- * Date 组件文案配置
- * 支持外部修改文案内容
- */
 export interface DateLocaleConfig {
     placeholder: string;
     placeholderDateTime: string;
@@ -13,13 +9,7 @@ export interface DateLocaleConfig {
     endTime: string;
     confirm: string;
     monthFormat: string;
-    /**
-     * 范围模式 - 快捷选择面板标题
-     */
     quickRanges: string;
-    /**
-     * 范围模式 - 各快捷范围文案
-     */
     quickRangeToday: string;
     quickRangeYesterday: string;
     quickRangeLast7Days: string;
@@ -28,16 +18,6 @@ export interface DateLocaleConfig {
     quickRangeLastYear: string;
     clear: string;
 }
-/**
- * 默认中文文案
- */
 export declare const zhCNLocale: DateLocaleConfig;
-/**
- * 默认英文文案
- */
 export declare const enUSLocale: DateLocaleConfig;
-/**
- * 默认使用中文文案
- */
 export declare const defaultLocale: DateLocaleConfig;
-//# sourceMappingURL=locales.d.ts.map