@_tc/template-core 0.2.1 → 0.2.2

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

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

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

@@ -0,0 +1,56 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Tabs } from "../../../Tabs/Tabs.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/TabsDemo.tsx
+var TabsDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TabsDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Tabs",
+	order: 26,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TabsDemo() {
+	const [activeTab, setActiveTab] = useState("tab1");
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", {
+		className: "w-full",
+		children: [/* @__PURE__ */ jsx(Tabs, {
+			items: [
+				{
+					key: "tab1",
+					label: "标签页 1"
+				},
+				{
+					key: "tab2",
+					label: "标签页 2"
+				},
+				{
+					key: "tab3",
+					label: "标签页 3"
+				},
+				{
+					key: "tab4",
+					label: "禁用标签",
+					disabled: true
+				}
+			],
+			activeKey: activeTab,
+			onChange: setActiveTab
+		}), /* @__PURE__ */ jsx("div", {
+			className: "p-4 border border-t-0 rounded-b-lg bg-background",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: {
+					tab1: "这是标签页 1 的内容区域。",
+					tab2: "这是标签页 2 的内容区域。",
+					tab3: "这是标签页 3 的内容区域。"
+				}[activeTab]
+			})
+		})]
+	}) });
+}
+//#endregion
+export { TabsDemo_exports, TabsDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TabsDemo.tsx?raw
+var TabsDemo_default = "import { Tabs } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Tabs',\n    order: 26,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Tabs ────────────────────────────────────────────────────────────────────\n\nexport default function TabsDemo() {\n    const [activeTab, setActiveTab] = useState('tab1')\n    const items = [\n        { key: 'tab1', label: '标签页 1' },\n        { key: 'tab2', label: '标签页 2' },\n        { key: 'tab3', label: '标签页 3' },\n        { key: 'tab4', label: '禁用标签', disabled: true },\n    ]\n    const tabContents: Record<string, string> = {\n        tab1: '这是标签页 1 的内容区域。',\n        tab2: '这是标签页 2 的内容区域。',\n        tab3: '这是标签页 3 的内容区域。',\n    }\n    return (\n        <>\n            <div className=\"w-full\">\n                <Tabs items={items} activeKey={activeTab} onChange={setActiveTab} />\n                <div className=\"p-4 border border-t-0 rounded-b-lg bg-background\">\n                    <p className=\"text-sm text-muted-foreground\">{tabContents[activeTab]}</p>\n                </div>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { TabsDemo_default as default };

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

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

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

@@ -0,0 +1,30 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Textarea } from "../../../Textarea/Textarea.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/TextareaDemo.tsx
+var TextareaDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TextareaDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Textarea",
+	order: 5,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TextareaDemo() {
+	const [val, setVal] = useState("");
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Textarea, {
+		placeholder: "请输入内容（最多 500 字）",
+		value: val,
+		onChange: (v) => setVal(v),
+		className: "w-80"
+	}), /* @__PURE__ */ jsx(Textarea, {
+		placeholder: "不显示计数",
+		showCount: false,
+		className: "w-80"
+	})] });
+}
+//#endregion
+export { TextareaDemo_exports, TextareaDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TextareaDemo.tsx?raw
+var TextareaDemo_default = "import { Textarea } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Textarea',\n    order: 5,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Textarea ────────────────────────────────────────────────────────────────\n\nexport default function TextareaDemo() {\n    const [val, setVal] = useState('')\n    return (\n        <>\n            <Textarea\n                placeholder=\"请输入内容（最多 500 字）\"\n                value={val}\n                onChange={(v) => setVal(v)}\n                className=\"w-80\"\n            />\n            <Textarea placeholder=\"不显示计数\" showCount={false} className=\"w-80\" />\n        </>\n    )\n}\n";
+//#endregion
+export { TextareaDemo_default as default };

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

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

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

@@ -0,0 +1,96 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import "../../../index.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/ThemeSwitcher.tsx
+var ThemeSwitcher_exports = /* @__PURE__ */ __exportAll({
+	default: () => ThemeSwitcher,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Theme",
+	order: 1,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function ThemeSwitcher() {
+	const [mode, setMode] = useState("dark");
+	const [theme, setTheme] = useState("default");
+	useEffect(() => {
+		const root = document.documentElement;
+		const previousTheme = root.getAttribute("data-theme");
+		const previousDark = root.classList.contains("dark");
+		root.classList.toggle("dark", mode === "dark");
+		if (theme === "default") root.removeAttribute("data-theme");
+		else root.setAttribute("data-theme", theme);
+		return () => {
+			root.classList.toggle("dark", previousDark);
+			if (previousTheme) root.setAttribute("data-theme", previousTheme);
+			else root.removeAttribute("data-theme");
+		};
+	}, [mode, theme]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-wrap items-center gap-6 rounded-xl border border-border bg-background p-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground",
+						children: "模式"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: mode === "light" ? "primary" : "default",
+						size: "sm",
+						onClick: () => setMode("light"),
+						children: "Light"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: mode === "dark" ? "primary" : "default",
+						size: "sm",
+						onClick: () => setMode("dark"),
+						children: "Dark"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground",
+						children: "主题"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: theme === "default" ? "primary" : "default",
+						size: "sm",
+						onClick: () => setTheme("default"),
+						children: "Default"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: theme === "green" ? "primary" : "default",
+						size: "sm",
+						onClick: () => setTheme("green"),
+						children: "Green"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: theme === "gray" ? "primary" : "default",
+						size: "sm",
+						onClick: () => setTheme("gray"),
+						children: "Gray"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					"当前: ",
+					mode,
+					" / ",
+					theme
+				]
+			})
+		]
+	}) });
+}
+//#endregion
+export { ThemeSwitcher_exports, ThemeSwitcher as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/ThemeSwitcher.tsx?raw
+var ThemeSwitcher_default = "import { Button } from '@tc/ui-react/components'\nimport { useEffect, useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Theme',\n    order: 1,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\ntype ColorTheme = 'default' | 'green' | 'gray'\n\nexport default function ThemeSwitcher() {\n    const [mode, setMode] = useState<'light' | 'dark'>('dark')\n    const [theme, setTheme] = useState<ColorTheme>('default')\n\n    useEffect(() => {\n        const root = document.documentElement\n        const previousTheme = root.getAttribute('data-theme')\n        const previousDark = root.classList.contains('dark')\n\n        root.classList.toggle('dark', mode === 'dark')\n        if (theme === 'default') {\n            root.removeAttribute('data-theme')\n        } else {\n            root.setAttribute('data-theme', theme)\n        }\n\n        return () => {\n            root.classList.toggle('dark', previousDark)\n            if (previousTheme) {\n                root.setAttribute('data-theme', previousTheme)\n            } else {\n                root.removeAttribute('data-theme')\n            }\n        }\n    }, [mode, theme])\n\n    return (\n        <>\n            <div className=\"flex w-full flex-wrap items-center gap-6 rounded-xl border border-border bg-background p-4\">\n                <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm text-muted-foreground\">模式</span>\n                    <Button\n                        variant={mode === 'light' ? 'primary' : 'default'}\n                        size=\"sm\"\n                        onClick={() => setMode('light')}\n                    >\n                        Light\n                    </Button>\n                    <Button variant={mode === 'dark' ? 'primary' : 'default'} size=\"sm\" onClick={() => setMode('dark')}>\n                        Dark\n                    </Button>\n                </div>\n\n                <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm text-muted-foreground\">主题</span>\n                    <Button\n                        variant={theme === 'default' ? 'primary' : 'default'}\n                        size=\"sm\"\n                        onClick={() => setTheme('default')}\n                    >\n                        Default\n                    </Button>\n                    <Button\n                        variant={theme === 'green' ? 'primary' : 'default'}\n                        size=\"sm\"\n                        onClick={() => setTheme('green')}\n                    >\n                        Green\n                    </Button>\n                    <Button\n                        variant={theme === 'gray' ? 'primary' : 'default'}\n                        size=\"sm\"\n                        onClick={() => setTheme('gray')}\n                    >\n                        Gray\n                    </Button>\n                </div>\n\n                <div className=\"text-sm text-muted-foreground\">\n                    当前: {mode} / {theme}\n                </div>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { ThemeSwitcher_default as default };

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

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

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

@@ -0,0 +1,29 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Tooltip } from "../../../Tooltip/Tooltip.js";
+import "../../../index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/TooltipDemo.tsx
+var TooltipDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TooltipDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Tooltip",
+	order: 10,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TooltipDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: [
+		"top",
+		"bottom",
+		"left",
+		"right"
+	].map((p) => /* @__PURE__ */ jsx(Tooltip, {
+		content: `placement: ${p}`,
+		placement: p,
+		children: /* @__PURE__ */ jsx(Button, { children: p })
+	}, p)) });
+}
+//#endregion
+export { TooltipDemo_exports, TooltipDemo as default, demoMeta };

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;