@_tc/template-core 0.2.1 → 0.2.2

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

@@ -0,0 +1,65 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { InputNumber } from "../../../InputNumber/InputNumber.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/InputNumberDemo.tsx
+var InputNumberDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => InputNumberDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "InputNumber",
+	order: 4,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function InputNumberDemo() {
+	const [price, setPrice] = useState(12.5);
+	const [ratio, setRatio] = useState(.25);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(InputNumber, {
+			placeholder: "基础数字输入",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(InputNumber, {
+			value: price,
+			onChange: setPrice,
+			precision: 2,
+			min: 0,
+			max: 9999,
+			placeholder: "价格",
+			addonAfter: /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted-foreground",
+				children: "CNY"
+			}),
+			className: "w-56"
+		}),
+		/* @__PURE__ */ jsx(InputNumber, {
+			value: ratio,
+			onChange: setRatio,
+			precision: 2,
+			step: .05,
+			min: 0,
+			max: 1,
+			allowStep: true,
+			placeholder: "比例",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(InputNumber, {
+			defaultValue: 10,
+			step: .5,
+			precision: 1,
+			allowStep: true,
+			allowClear: true,
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(InputNumber, {
+			disabled: true,
+			defaultValue: 88.8,
+			precision: 1,
+			className: "w-48"
+		})
+	] });
+}
+//#endregion
+export { InputNumberDemo_exports, InputNumberDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/InputNumberDemo.tsx?raw
+var InputNumberDemo_default = "import { InputNumber } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'InputNumber',\n    order: 4,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\nexport default function InputNumberDemo() {\n    const [price, setPrice] = useState<number | undefined>(12.5)\n    const [ratio, setRatio] = useState<number | undefined>(0.25)\n\n    return (\n        <>\n            <InputNumber placeholder=\"基础数字输入\" className=\"w-48\" />\n            <InputNumber\n                value={price}\n                onChange={setPrice}\n                precision={2}\n                min={0}\n                max={9999}\n                placeholder=\"价格\"\n                addonAfter={<span className=\"text-xs text-muted-foreground\">CNY</span>}\n                className=\"w-56\"\n            />\n            <InputNumber\n                value={ratio}\n                onChange={setRatio}\n                precision={2}\n                step={0.05}\n                min={0}\n                max={1}\n                allowStep\n                placeholder=\"比例\"\n                className=\"w-48\"\n            />\n            <InputNumber defaultValue={10} step={0.5} precision={1} allowStep allowClear className=\"w-48\" />\n            <InputNumber disabled defaultValue={88.8} precision={1} className=\"w-48\" />\n        </>\n    )\n}\n";
+//#endregion
+export { InputNumberDemo_default as default };

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

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

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

@@ -0,0 +1,33 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Label } from "../../../Label/Label.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/LabelDemo.tsx
+var LabelDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => LabelDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Label",
+	order: 23,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function LabelDemo() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Label, {
+		label: "水平布局",
+		layout: "horizontal",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: "内容区域"
+		})
+	}), /* @__PURE__ */ jsx(Label, {
+		label: "垂直布局",
+		layout: "vertical",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: "内容区域"
+		})
+	})] });
+}
+//#endregion
+export { LabelDemo_exports, LabelDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/LabelDemo.tsx?raw
+var LabelDemo_default = "import { Label } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Label',\n    order: 23,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Label ────────────────────────────────────────────────────────────────────\n\nexport default function LabelDemo() {\n    return (\n        <>\n            <Label label=\"水平布局\" layout=\"horizontal\">\n                <span className=\"text-sm\">内容区域</span>\n            </Label>\n            <Label label=\"垂直布局\" layout=\"vertical\">\n                <span className=\"text-sm\">内容区域</span>\n            </Label>\n        </>\n    )\n}\n";
+//#endregion
+export { LabelDemo_default as default };

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

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

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

@@ -0,0 +1,64 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Layout } from "../../../Layout/Layout.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/LayoutDemo.tsx
+var LayoutDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => LayoutDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Layout",
+	order: 24,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function LayoutDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "w-full h-80 border rounded-lg overflow-hidden",
+		children: /* @__PURE__ */ jsx(Layout, {
+			header: /* @__PURE__ */ jsx("div", {
+				className: "flex items-center h-12 px-4 text-sm font-medium",
+				children: "Header"
+			}),
+			sidebar: /* @__PURE__ */ jsxs("div", {
+				className: "p-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium mb-2",
+					children: "Sidebar"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer",
+							children: "菜单项 1"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer",
+							children: "菜单项 2"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer",
+							children: "菜单项 3"
+						})
+					]
+				})]
+			}),
+			footer: /* @__PURE__ */ jsx("div", {
+				className: "flex items-center h-10 px-4 text-xs text-muted-foreground",
+				children: "Footer"
+			}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "p-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium mb-1",
+					children: "Content"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted-foreground",
+					children: "这是主要内容区域。"
+				})]
+			})
+		})
+	}) });
+}
+//#endregion
+export { LayoutDemo_exports, LayoutDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/LayoutDemo.tsx?raw
+var LayoutDemo_default = "import { Layout } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Layout',\n    order: 24,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Layout ──────────────────────────────────────────────────────────────────\n\nexport default function LayoutDemo() {\n    return (\n        <>\n            <div className=\"w-full h-80 border rounded-lg overflow-hidden\">\n                <Layout\n                    header={<div className=\"flex items-center h-12 px-4 text-sm font-medium\">Header</div>}\n                    sidebar={\n                        <div className=\"p-4\">\n                            <p className=\"text-sm font-medium mb-2\">Sidebar</p>\n                            <div className=\"space-y-1\">\n                                <div className=\"text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer\">\n                                    菜单项 1\n                                </div>\n                                <div className=\"text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer\">\n                                    菜单项 2\n                                </div>\n                                <div className=\"text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer\">\n                                    菜单项 3\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    footer={<div className=\"flex items-center h-10 px-4 text-xs text-muted-foreground\">Footer</div>}\n                >\n                    <div className=\"p-4\">\n                        <p className=\"text-sm font-medium mb-1\">Content</p>\n                        <p className=\"text-xs text-muted-foreground\">这是主要内容区域。</p>\n                    </div>\n                </Layout>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { LayoutDemo_default as default };

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

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

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

@@ -0,0 +1,32 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Loading } from "../../../Loading/Loading.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/LoadingDemo.tsx
+var LoadingDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => LoadingDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Loading",
+	order: 14,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function LoadingDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
+		className: "flex items-end gap-8",
+		children: [
+			/* @__PURE__ */ jsx(Loading, {
+				size: "sm",
+				text: "加载中..."
+			}),
+			/* @__PURE__ */ jsx(Loading, {
+				size: "md",
+				text: "加载中..."
+			}),
+			/* @__PURE__ */ jsx(Loading, { size: "lg" })
+		]
+	}) });
+}
+//#endregion
+export { LoadingDemo_exports, LoadingDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/LoadingDemo.tsx?raw
+var LoadingDemo_default = "import { Loading } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Loading',\n    order: 14,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Loading ─────────────────────────────────────────────────────────────────\n\nexport default function LoadingDemo() {\n    return (\n        <>\n            <div className=\"flex items-end gap-8\">\n                <Loading size=\"sm\" text=\"加载中...\" />\n                <Loading size=\"md\" text=\"加载中...\" />\n                <Loading size=\"lg\" />\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { LoadingDemo_default as default };

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

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

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

@@ -0,0 +1,44 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { message } from "../../../Message/MessageManager.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/MessageDemo.tsx
+var MessageDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => MessageDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Message (imperative)",
+	order: 12,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function MessageDemo() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => message.success("操作成功"),
+			children: "success"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => message.error("操作失败"),
+			children: "error"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => message.warning("警告信息"),
+			children: "warning"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => message.info("提示信息"),
+			children: "info"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => {
+				const id = message.success("5秒后关闭", { duration: 5e3 });
+				setTimeout(() => message.close(id), 2e3);
+			},
+			children: "提前关闭"
+		})
+	] });
+}
+//#endregion
+export { MessageDemo_exports, MessageDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/MessageDemo.tsx?raw
+var MessageDemo_default = "import {\n    message,\n    Button\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Message (imperative)',\n    order: 12,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Message ─────────────────────────────────────────────────────────────────\n\nexport default function MessageDemo() {\n    return (\n        <>\n            <Button onClick={() => message.success('操作成功')}>success</Button>\n            <Button onClick={() => message.error('操作失败')}>error</Button>\n            <Button onClick={() => message.warning('警告信息')}>warning</Button>\n            <Button onClick={() => message.info('提示信息')}>info</Button>\n            <Button\n                onClick={() => {\n                    const id = message.success('5秒后关闭', { duration: 5000 })\n                    setTimeout(() => message.close(id), 2000)\n                }}\n            >\n                提前关闭\n            </Button>\n        </>\n    )\n}\n";
+//#endregion
+export { MessageDemo_default as default };

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

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

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

@@ -0,0 +1,61 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Modal } from "../../../Modal/Modal.js";
+import { modal } from "../../../Modal/ModalManager.js";
+import { message } from "../../../Message/MessageManager.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/ModalDemo.tsx
+var ModalDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => ModalDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Modal",
+	order: 15,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function ModalDemo() {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => setOpen(true),
+			children: "JSX Modal"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => modal.open({
+				title: "命令式弹窗",
+				content: /* @__PURE__ */ jsx("p", { children: "这是命令式打开的弹窗内容。" })
+			}),
+			children: "modal.open"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => modal.confirm({
+				title: "确认操作",
+				content: "确定要执行此操作吗？",
+				onOk: () => {
+					message.success("已确认");
+				},
+				onCancel: () => {
+					message.info("已取消");
+				}
+			}),
+			children: "modal.confirm"
+		}),
+		/* @__PURE__ */ jsxs(Modal, {
+			open,
+			onClose: () => setOpen(false),
+			title: "JSX 弹窗",
+			children: [/* @__PURE__ */ jsx("p", { children: "这是一个使用 JSX 控制的弹窗。" }), /* @__PURE__ */ jsx("div", {
+				className: "mt-4 flex justify-end gap-2",
+				children: /* @__PURE__ */ jsx(Button, {
+					onClick: () => setOpen(false),
+					children: "关闭"
+				})
+			})]
+		})
+	] });
+}
+//#endregion
+export { ModalDemo_exports, ModalDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/ModalDemo.tsx?raw
+var ModalDemo_default = "import {\n    message,\n    Button,\n    Modal,\n    modal\n} from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Modal',\n    order: 15,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Modal ───────────────────────────────────────────────────────────────────\n\nexport default function ModalDemo() {\n    const [open, setOpen] = useState(false)\n    return (\n        <>\n            <Button onClick={() => setOpen(true)}>JSX Modal</Button>\n            <Button\n                onClick={() =>\n                    modal.open({\n                        title: '命令式弹窗',\n                        content: <p>这是命令式打开的弹窗内容。</p>,\n                    })\n                }\n            >\n                modal.open\n            </Button>\n            <Button\n                onClick={() =>\n                    modal.confirm({\n                        title: '确认操作',\n                        content: '确定要执行此操作吗？',\n                        onOk: () => {\n                            message.success('已确认')\n                        },\n                        onCancel: () => {\n                            message.info('已取消')\n                        },\n                    })\n                }\n            >\n                modal.confirm\n            </Button>\n\n            <Modal open={open} onClose={() => setOpen(false)} title=\"JSX 弹窗\">\n                <p>这是一个使用 JSX 控制的弹窗。</p>\n                <div className=\"mt-4 flex justify-end gap-2\">\n                    <Button onClick={() => setOpen(false)}>关闭</Button>\n                </div>\n            </Modal>\n        </>\n    )\n}\n";
+//#endregion
+export { ModalDemo_default as default };

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

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

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

@@ -0,0 +1,50 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Notification } from "../../../Notification/Notification.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/NotificationDemo.tsx
+var NotificationDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => NotificationDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Notification",
+	order: 13,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function NotificationDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-3",
+		children: [
+			/* @__PURE__ */ jsx(Notification, {
+				type: "info",
+				title: "信息提示",
+				message: "这是一条普通信息通知。"
+			}),
+			/* @__PURE__ */ jsx(Notification, {
+				type: "success",
+				title: "操作成功",
+				message: "数据已成功保存。"
+			}),
+			/* @__PURE__ */ jsx(Notification, {
+				type: "warning",
+				title: "警告",
+				message: "请注意检查配置项是否正确。"
+			}),
+			/* @__PURE__ */ jsx(Notification, {
+				type: "error",
+				title: "错误",
+				message: "请求失败，请稍后重试。",
+				closable: false
+			}),
+			/* @__PURE__ */ jsx(Notification, {
+				type: "info",
+				title: "不自动关闭",
+				message: "此通知需要手动关闭。",
+				duration: 0
+			})
+		]
+	}) });
+}
+//#endregion
+export { NotificationDemo_exports, NotificationDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/NotificationDemo.tsx?raw
+var NotificationDemo_default = "import { Notification } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Notification',\n    order: 13,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Notification ────────────────────────────────────────────────────────────\n\nexport default function NotificationDemo() {\n    return (\n        <>\n            <div className=\"w-full space-y-3\">\n                <Notification type=\"info\" title=\"信息提示\" message=\"这是一条普通信息通知。\" />\n                <Notification type=\"success\" title=\"操作成功\" message=\"数据已成功保存。\" />\n                <Notification type=\"warning\" title=\"警告\" message=\"请注意检查配置项是否正确。\" />\n                <Notification type=\"error\" title=\"错误\" message=\"请求失败，请稍后重试。\" closable={false} />\n                <Notification type=\"info\" title=\"不自动关闭\" message=\"此通知需要手动关闭。\" duration={0} />\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { NotificationDemo_default as default };

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

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

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

@@ -0,0 +1,39 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Pagination } from "../../../Pagination/Pagination.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/PaginationDemo.tsx
+var PaginationDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => PaginationDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Pagination",
+	order: 18,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function PaginationDemo() {
+	const [page, setPage] = useState(1);
+	const [pageSize, setPageSize] = useState(10);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", {
+		className: "w-full",
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "text-sm mb-2",
+			children: [
+				"当前页: ",
+				page,
+				" / 每页: ",
+				pageSize
+			]
+		}), /* @__PURE__ */ jsx(Pagination, {
+			current: page,
+			pageSize,
+			total: 238,
+			onChange: setPage,
+			onPageSizeChange: setPageSize
+		})]
+	}) });
+}
+//#endregion
+export { PaginationDemo_exports, PaginationDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/PaginationDemo.tsx?raw
+var PaginationDemo_default = "import { Pagination } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Pagination',\n    order: 18,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Pagination ───────────────────────────────────────────────────────────────\n\nexport default function PaginationDemo() {\n    const [page, setPage] = useState(1)\n    const [pageSize, setPageSize] = useState(10)\n    return (\n        <>\n            <div className=\"w-full\">\n                <p className=\"text-sm mb-2\">\n                    当前页: {page} / 每页: {pageSize}\n                </p>\n                <Pagination\n                    current={page}\n                    pageSize={pageSize}\n                    total={238}\n                    onChange={setPage}\n                    onPageSizeChange={setPageSize}\n                />\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { PaginationDemo_default as default };

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

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

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

@@ -0,0 +1,22 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { PreviewImage } from "../../../ImagePreview/PreviewImage.js";
+import "../../../index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/PreviewImageDemo.tsx
+var PreviewImageDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => PreviewImageDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "PreviewImage",
+	order: 32,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function PreviewImageDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PreviewImage, {
+		images: ["https://images.unsplash.com/photo-1778512828600-4a6540a1a115?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw0fHx8ZW58MHx8fHx8", "https://images.unsplash.com/photo-1778392120781-a6b2b55dc12a?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwyNnx8fGVufDB8fHx8fA%3D%3D"],
+		initialIndex: 0
+	}) });
+}
+//#endregion
+export { PreviewImageDemo_exports, PreviewImageDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/PreviewImageDemo.tsx?raw
+var PreviewImageDemo_default = "import { PreviewImage } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'PreviewImage',\n    order: 32,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── PreviewImage ─────────────────────────────────────────────────────────────\n\nexport default function PreviewImageDemo() {\n    const images = [\n        'https://images.unsplash.com/photo-1778512828600-4a6540a1a115?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw0fHx8ZW58MHx8fHx8',\n        'https://images.unsplash.com/photo-1778392120781-a6b2b55dc12a?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwyNnx8fGVufDB8fHx8fA%3D%3D',\n    ]\n    return (\n        <>\n            <PreviewImage images={images} initialIndex={0} />\n        </>\n    )\n}\n";
+//#endregion
+export { PreviewImageDemo_default as default };

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

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