@_tc/template-core 0.2.1-bate.1 → 0.2.2

package/fe/packages/react/ui/components/testPage/demos/core/TooltipDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TooltipDemo.tsx?raw
+var TooltipDemo_default = "import {\n    Button,\n    Tooltip\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Tooltip',\n    order: 10,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Tooltip ─────────────────────────────────────────────────────────────────\n\nexport default function TooltipDemo() {\n    return (\n        <>\n            {(['top', 'bottom', 'left', 'right'] as const).map((p) => (\n                <Tooltip key={p} content={`placement: ${p}`} placement={p}>\n                    <Button>{p}</Button>\n                </Tooltip>\n            ))}\n        </>\n    )\n}\n";
+//#endregion
+export { TooltipDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/core/TreeSelectDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function TreeSelectDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/core/TreeSelectDemo.js

@@ -0,0 +1,66 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { TreeSelect } from "../../../TreeSelect/TreeSelect.js";
+import "../../../index.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/TreeSelectDemo.tsx
+var TreeSelectDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TreeSelectDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "TreeSelect",
+	order: 31,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TreeSelectDemo() {
+	const [value, setValue] = useState(["1.1.1", "1.1.2"]);
+	const [indeterminate, setIndeterminate] = useState([]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "text-sm mb-2",
+		children: [/* @__PURE__ */ jsxs("span", { children: ["选中: ", JSON.stringify(value)] }), /* @__PURE__ */ jsxs("span", {
+			className: "ml-4",
+			children: ["半选: ", JSON.stringify(indeterminate)]
+		})]
+	}), /* @__PURE__ */ jsx(TreeSelect, {
+		data: [{
+			id: "1",
+			name: "节点 1",
+			children: [{
+				id: "1.1",
+				name: "节点 1.1",
+				children: [{
+					id: "1.1.1",
+					name: "节点 1.1.1",
+					children: [{
+						id: "1.1.1.1",
+						name: "1.1.1.1"
+					}, {
+						id: "1.1.1.2",
+						name: "1.1.1.2"
+					}]
+				}, {
+					id: "1.1.2",
+					name: "节点 1.1.2"
+				}]
+			}, {
+				id: "1.2",
+				name: "节点 1.2",
+				children: [{
+					id: "1.2.1",
+					name: "1.2.1"
+				}, {
+					id: "1.2.2",
+					name: "1.2.2"
+				}]
+			}]
+		}],
+		value,
+		onChange: ({ checked, indeterminate }) => {
+			setValue(checked);
+			setIndeterminate(indeterminate);
+		}
+	})] }) });
+}
+//#endregion
+export { TreeSelectDemo_exports, TreeSelectDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/core/TreeSelectDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TreeSelectDemo.tsx?raw
+var TreeSelectDemo_default = "import { TreeSelect } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'TreeSelect',\n    order: 31,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── TreeSelect ───────────────────────────────────────────────────────────────\n\nexport default function TreeSelectDemo() {\n    const [value, setValue] = useState<(string | number)[]>(['1.1.1', '1.1.2'])\n    const [indeterminate, setIndeterminate] = useState<(string | number)[]>([])\n\n    const treeData = [\n        {\n            id: '1',\n            name: '节点 1',\n            children: [\n                {\n                    id: '1.1',\n                    name: '节点 1.1',\n                    children: [\n                        {\n                            id: '1.1.1',\n                            name: '节点 1.1.1',\n                            children: [\n                                { id: '1.1.1.1', name: '1.1.1.1' },\n                                { id: '1.1.1.2', name: '1.1.1.2' },\n                            ],\n                        },\n                        { id: '1.1.2', name: '节点 1.1.2' },\n                    ],\n                },\n                {\n                    id: '1.2',\n                    name: '节点 1.2',\n                    children: [\n                        { id: '1.2.1', name: '1.2.1' },\n                        { id: '1.2.2', name: '1.2.2' },\n                    ],\n                },\n            ],\n        },\n    ]\n\n    return (\n        <>\n            <div>\n                <div className=\"text-sm mb-2\">\n                    <span>选中: {JSON.stringify(value)}</span>\n                    <span className=\"ml-4\">半选: {JSON.stringify(indeterminate)}</span>\n                </div>\n                <TreeSelect\n                    data={treeData}\n                    value={value}\n                    onChange={({ checked, indeterminate }) => {\n                        setValue(checked)\n                        setIndeterminate(indeterminate)\n                    }}\n                />\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { TreeSelectDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateBasicDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateBasicDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateBasicDemo.js

@@ -0,0 +1,31 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateBasicDemo.tsx
+var DateBasicDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateBasicDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "1. 基本用法",
+	order: 1,
+	contentClassName: "space-y-4"
+};
+function DateBasicDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__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
+		})] })]
+	}) });
+}
+//#endregion
+export { DateBasicDemo_exports, DateBasicDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateBasicDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateBasicDemo.tsx?raw
+var DateBasicDemo_default = "import { DatePicker } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '1. 基本用法',\n  order: 1,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateBasicDemo() {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">单日期选择</p>\n                  <DatePicker placeholder=\"请选择日期\" />\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">禁用清除按钮</p>\n                  <DatePicker placeholder=\"请选择日期\" allowClear={false} />\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateBasicDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateControlledDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateControlledDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateControlledDemo.js

@@ -0,0 +1,67 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateControlledDemo.tsx
+var DateControlledDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateControlledDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "4. 受控模式",
+	order: 4,
+	contentClassName: "space-y-4"
+};
+function DateControlledDemo() {
+	const [date1, setDate1] = useState();
+	const [range, setRange] = useState();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__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 || "未选择")
+				})]
+			})
+		] })]
+	}) });
+}
+//#endregion
+export { DateControlledDemo_exports, DateControlledDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateControlledDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateControlledDemo.tsx?raw
+var DateControlledDemo_default = "import { useState } from 'react'\nimport { DatePicker, type DateChangeStrValue } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '4. 受控模式',\n  order: 4,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateControlledDemo() {\n  const [date1, setDate1] = useState<DateChangeStrValue>()\n  const [range, setRange] = useState<DateChangeStrValue>()\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">单日期受控</p>\n                  <DatePicker\n                    value={date1}\n                    onChange={(date, dateString) => {\n                      setDate1(date)\n                      console.log('选中日期:', date)\n                      console.log('日期字符串:', dateString)\n                    }}\n                    placeholder=\"受控日期选择器\"\n                  />\n                  <p className=\"text-sm text-muted-foreground mt-2\">\n                    选中的日期: <code className=\"text-xs bg-muted px-1 py-0.5 rounded\">{String(date1 || '未选择')}</code>\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">范围受控</p>\n                  <DatePicker\n                    mode=\"range\"\n                    value={range}\n                    onChange={(val) => {\n                      setRange(val)\n                      console.log('范围变化:', val)\n                    }}\n                    placeholder=\"受控范围选择器\"\n                  />\n                  <p className=\"text-sm text-muted-foreground mt-2\">\n                    值: <code className=\"text-xs bg-muted px-1 py-0.5 rounded\">{JSON.stringify(range || '未选择')}</code>\n                  </p>\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateControlledDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDateDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateDisabledDateDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDateDemo.js

@@ -0,0 +1,36 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { startOfDay } from "date-fns";
+//#region packages/react/ui/components/testPage/demos/date/DateDisabledDateDemo.tsx
+var DateDisabledDateDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateDisabledDateDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "5. 禁用日期",
+	order: 5,
+	contentClassName: "space-y-4"
+};
+function DateDisabledDateDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__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: "选择未来范围"
+		})] })]
+	}) });
+}
+//#endregion
+export { DateDisabledDateDemo_exports, DateDisabledDateDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDateDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateDisabledDateDemo.tsx?raw
+var DateDisabledDateDemo_default = "import { startOfDay } from 'date-fns'\nimport { DatePicker } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '5. 禁用日期',\n  order: 5,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateDisabledDateDemo() {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">只能选择今天及以后</p>\n                  <DatePicker disabledDate={(current) => current < startOfDay(new Date())} placeholder=\"选择未来日期\" />\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">范围选择（禁用过去）</p>\n                  <DatePicker\n                    mode=\"range\"\n                    disabledDate={(current) => current < startOfDay(new Date())}\n                    placeholder=\"选择未来范围\"\n                  />\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateDisabledDateDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateDisabledDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDemo.js

@@ -0,0 +1,35 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateDisabledDemo.tsx
+var DateDisabledDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateDisabledDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "6. 禁用状态",
+	order: 6,
+	contentClassName: "space-y-4"
+};
+function DateDisabledDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__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: "禁用状态"
+		})] })]
+	}) });
+}
+//#endregion
+export { DateDisabledDemo_exports, DateDisabledDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateDisabledDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateDisabledDemo.tsx?raw
+var DateDisabledDemo_default = "import { DatePicker } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '6. 禁用状态',\n  order: 6,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateDisabledDemo() {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">禁用状态</p>\n                  <DatePicker disabled placeholder=\"禁用状态\" />\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">禁用状态 + 有值</p>\n                  <DatePicker disabled value=\"2024-01-15\" placeholder=\"禁用状态\" />\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateDisabledDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateFormatDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateFormatDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateFormatDemo.js

@@ -0,0 +1,35 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateFormatDemo.tsx
+var DateFormatDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateFormatDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "7. 自定义格式",
+	order: 7,
+	contentClassName: "space-y-4"
+};
+function DateFormatDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__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)"
+		})] })]
+	}) });
+}
+//#endregion
+export { DateFormatDemo_exports, DateFormatDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateFormatDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateFormatDemo.tsx?raw
+var DateFormatDemo_default = "import { DatePicker } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '7. 自定义格式',\n  order: 7,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateFormatDemo() {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">自定义日期格式</p>\n                  <DatePicker format=\"yyyy/MM/dd\" placeholder=\"选择日期 (yyyy/MM/dd)\" />\n                </div>\n                <div>\n                  <p className=\"text-sm text-muted-foreground mb-2\">自定义日期时间格式</p>\n                  <DatePicker showTime format=\"yyyy-MM-dd HH:mm:ss\" placeholder=\"选择日期时间 (yyyy-MM-dd HH:mm:ss)\" />\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateFormatDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateRangeDemo.d.ts

@@ -0,0 +1,6 @@
+export declare const demoMeta: {
+    title: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateRangeDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateRangeDemo.js

@@ -0,0 +1,76 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateRangeDemo.tsx
+var DateRangeDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateRangeDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "3. 范围选择 (Range Picker)",
+	order: 3,
+	contentClassName: "space-y-4"
+};
+function DateRangeDemo() {
+	const [rangeWithTime, setRangeWithTime] = useState();
+	const [emptyRange, setEmptyRange] = useState();
+	return /* @__PURE__ */ jsx(Fragment$1, { 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, {
+				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: "选择开始日期后，右侧会显示开始时间选择器；选择结束日期后，会显示结束时间选择器"
+			})
+		] })]
+	}) });
+}
+//#endregion
+export { DateRangeDemo_exports, DateRangeDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateRangeDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateRangeDemo.tsx?raw
+var DateRangeDemo_default = "import { useState } from 'react'\nimport { DatePicker, type DateChangeStrValue } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '3. 范围选择 (Range Picker)',\n  order: 3,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateRangeDemo() {\n  const [rangeWithTime, setRangeWithTime] = useState<DateChangeStrValue>()\n  const [emptyRange, setEmptyRange] = useState<DateChangeStrValue>()\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-8\">\n                <div>\n                  <h3 className=\"text-sm font-medium mb-2\">基本范围选择</h3>\n                  <DatePicker\n                    mode=\"range\"\n                    value={emptyRange}\n                    onChange={(val) => {\n                      setEmptyRange(val)\n                      console.log('范围选择:', val)\n                    }}\n                    placeholder=\"选择日期范围\"\n                  />\n                  <p className=\"text-sm text-muted-foreground mt-2\">\n                    值: <code className=\"text-xs bg-muted px-1 py-0.5 rounded\">{JSON.stringify(emptyRange || '未选择')}</code>\n                  </p>\n                </div>\n                <div>\n                  <h3 className=\"text-sm font-medium mb-2\">范围选择 + 时间选择</h3>\n                  <DatePicker\n                    mode=\"range\"\n                    value={rangeWithTime}\n                    showTime\n                    onChange={(val) => {\n                      setRangeWithTime(val)\n                      console.log('范围时间选择:', val)\n                    }}\n                    placeholder=\"选择日期时间范围\"\n                  />\n                  <p className=\"text-sm text-muted-foreground mt-2\">\n                    值:{' '}\n                    <code className=\"text-xs bg-muted px-1 py-0.5 rounded\">{JSON.stringify(rangeWithTime || '未选择')}</code>\n                  </p>\n                  <p className=\"text-xs text-muted-foreground mt-1\">\n                    选择开始日期后，右侧会显示开始时间选择器；选择结束日期后，会显示结束时间选择器\n                  </p>\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateRangeDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/date/DateTimeDemo.d.ts

@@ -0,0 +1,7 @@
+export declare const demoMeta: {
+    title: string;
+    description: string;
+    order: number;
+    contentClassName: string;
+};
+export default function DateTimeDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/date/DateTimeDemo.js

@@ -0,0 +1,60 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { DatePicker } from "../../../Date/Date.js";
+import "../../../Date/index.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/date/DateTimeDemo.tsx
+var DateTimeDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DateTimeDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "2. 日期时间选择器 (showTime)",
+	description: "时间选择器显示在日历右侧，提供更好的用户体验",
+	order: 2,
+	contentClassName: "space-y-4"
+};
+function DateTimeDemo() {
+	const [dateTime1, setDateTime1] = useState();
+	return /* @__PURE__ */ jsx(Fragment$1, { 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 || "未选择")
+				})]
+			})
+		] })]
+	}) });
+}
+//#endregion
+export { DateTimeDemo_exports, DateTimeDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/date/DateTimeDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/date/DateTimeDemo.tsx?raw
+var DateTimeDemo_default = "import { useState } from 'react'\nimport { DatePicker, type DateChangeStrValue } from '@tc/ui-react/components/Date'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n  title: '2. 日期时间选择器 (showTime)',\n  description: '时间选择器显示在日历右侧，提供更好的用户体验',\n  order: 2,\n  contentClassName: 'space-y-4',\n} satisfies DemoMeta\n\nexport default function DateTimeDemo() {\n  const [dateTime1, setDateTime1] = useState<DateChangeStrValue>()\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-8\">\n                <div>\n                  <h3 className=\"text-sm font-medium mb-2\">基本用法 - 单日期时间</h3>\n                  <DatePicker showTime placeholder=\"请选择日期时间\" />\n                  <p className=\"text-xs text-muted-foreground mt-2\">点击输入框打开选择器，时间选择器在右侧显示</p>\n                </div>\n                <div>\n                  <h3 className=\"text-sm font-medium mb-2\">受控模式</h3>\n                  <DatePicker\n                    showTime\n                    value={dateTime1}\n                    onChange={(val, date) => {\n                      setDateTime1(val)\n                      console.log('选中日期时间:', val)\n                      console.log('Date 对象:', date)\n                    }}\n                    placeholder=\"受控日期时间选择器\"\n                  />\n                  <p className=\"text-sm text-muted-foreground mt-2\">\n                    选中的值: <code className=\"text-xs bg-muted px-1 py-0.5 rounded\">{String(dateTime1 || '未选择')}</code>\n                  </p>\n                </div>\n              </div>\n    </>\n  )\n}\n";
+//#endregion
+export { DateTimeDemo_default as default };

package/fe/packages/react/ui/components/testPage/demos/menu/MenuAccordionDemo.d.ts

@@ -0,0 +1,7 @@
+export declare const demoMeta: {
+    title: string;
+    description: string;
+    order: number;
+    contentClassName: string;
+};
+export default function MenuAccordionDemo(): import("react/jsx-runtime").JSX.Element;

package/fe/packages/react/ui/components/testPage/demos/menu/MenuAccordionDemo.js

@@ -0,0 +1,78 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Menu } from "../../../Menu/Menu.js";
+import "../../../index.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { LayoutDashboard, Package, Settings } from "lucide-react";
+//#region packages/react/ui/components/testPage/demos/menu/MenuAccordionDemo.tsx
+var MenuAccordionDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => MenuAccordionDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "2. 手风琴展开 (accordion)",
+	description: "同一层级同时只能展开一个子菜单",
+	order: 2,
+	contentClassName: "space-y-3"
+};
+var menuItems = [
+	{
+		key: "dashboard",
+		label: "Dashboard",
+		icon: /* @__PURE__ */ jsx(LayoutDashboard, { className: "h-4 w-4" })
+	},
+	{
+		key: "products",
+		label: "Products",
+		icon: /* @__PURE__ */ jsx(Package, { className: "h-4 w-4" }),
+		children: [
+			{
+				key: "products-list",
+				label: "All Products"
+			},
+			{
+				key: "products-create",
+				label: "Create New"
+			},
+			{
+				key: "products-categories",
+				label: "Categories",
+				children: [{
+					key: "cat-electronics",
+					label: "Electronics"
+				}, {
+					key: "cat-clothing",
+					label: "Clothing"
+				}]
+			}
+		]
+	},
+	{
+		key: "settings",
+		label: "Settings",
+		icon: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
+		children: [{
+			key: "settings-profile",
+			label: "Profile"
+		}, {
+			key: "settings-billing",
+			label: "Billing",
+			danger: true
+		}]
+	}
+];
+function MenuAccordionDemo() {
+	const [accordionKey, setAccordionKey] = useState("dashboard");
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", {
+		className: "w-56 border rounded-lg overflow-hidden",
+		children: /* @__PURE__ */ jsx(Menu, {
+			mode: "left",
+			expandMode: "accordion",
+			selectedKey: accordionKey,
+			onSelect: setAccordionKey,
+			items: menuItems
+		})
+	}) });
+}
+//#endregion
+export { MenuAccordionDemo_exports, MenuAccordionDemo as default, demoMeta };