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

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

@@ -0,0 +1,105 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Input } from "../../../Input/Input.js";
+import { Select } from "../../../Select/Select.js";
+import { Drawer } from "../../../Drawer/Drawer.js";
+import { Label } from "../../../Label/Label.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/DrawerDemo.tsx
+var DrawerDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DrawerDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Drawer",
+	order: 16,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function DrawerDemo() {
+	const [placement, setPlacement] = useState("right");
+	const [open, setOpen] = useState(false);
+	const openDrawer = (nextPlacement) => {
+		setPlacement(nextPlacement);
+		setOpen(true);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => openDrawer("left"),
+			children: "left"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => openDrawer("right"),
+			children: "right"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => openDrawer("top"),
+			children: "top"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => openDrawer("bottom"),
+			children: "bottom"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			onClick: () => openDrawer("right"),
+			variant: "primary",
+			children: "打开详情"
+		}),
+		/* @__PURE__ */ jsx(Drawer, {
+			open,
+			onClose: () => setOpen(false),
+			title: `Drawer ${placement}`,
+			placement,
+			width: 420,
+			height: 320,
+			footer: /* @__PURE__ */ jsxs("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => setOpen(false),
+					children: "取消"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: () => {
+						message.success("已保存");
+						setOpen(false);
+					},
+					children: "保存"
+				})]
+			}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+					className: "mb-1 text-sm font-medium text-foreground",
+					children: "外部 children"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm leading-6 text-muted-foreground",
+					children: "这里的内容完全由调用方定义，可以放表单、列表、详情或任意 JSX。"
+				})] }), /* @__PURE__ */ jsxs("div", {
+					className: "grid gap-3",
+					children: [/* @__PURE__ */ jsx(Label, {
+						label: "名称",
+						layout: "vertical",
+						children: /* @__PURE__ */ jsx(Input, { placeholder: "请输入名称" })
+					}), /* @__PURE__ */ jsx(Label, {
+						label: "状态",
+						layout: "vertical",
+						children: /* @__PURE__ */ jsx(Select, {
+							placeholder: "请选择状态",
+							options: [{
+								label: "启用",
+								value: "enabled"
+							}, {
+								label: "停用",
+								value: "disabled"
+							}]
+						})
+					})]
+				})]
+			})
+		})
+	] });
+}
+//#endregion
+export { DrawerDemo_exports, DrawerDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/DrawerDemo.tsx?raw
+var DrawerDemo_default = "import {\n    message,\n    Button,\n    Drawer,\n    Input,\n    Label,\n    Select\n} from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Drawer',\n    order: 16,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Drawer ──────────────────────────────────────────────────────────────────\n\nexport default function DrawerDemo() {\n    const [placement, setPlacement] = useState<'top' | 'right' | 'bottom' | 'left'>('right')\n    const [open, setOpen] = useState(false)\n\n    const openDrawer = (nextPlacement: typeof placement) => {\n        setPlacement(nextPlacement)\n        setOpen(true)\n    }\n\n    return (\n        <>\n            <Button onClick={() => openDrawer('left')}>left</Button>\n            <Button onClick={() => openDrawer('right')}>right</Button>\n            <Button onClick={() => openDrawer('top')}>top</Button>\n            <Button onClick={() => openDrawer('bottom')}>bottom</Button>\n            <Button onClick={() => openDrawer('right')} variant=\"primary\">\n                打开详情\n            </Button>\n\n            <Drawer\n                open={open}\n                onClose={() => setOpen(false)}\n                title={`Drawer ${placement}`}\n                placement={placement}\n                width={420}\n                height={320}\n                footer={\n                    <div className=\"flex justify-end gap-2\">\n                        <Button onClick={() => setOpen(false)}>取消</Button>\n                        <Button\n                            variant=\"primary\"\n                            onClick={() => {\n                                message.success('已保存')\n                                setOpen(false)\n                            }}\n                        >\n                            保存\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"space-y-4\">\n                    <div>\n                        <div className=\"mb-1 text-sm font-medium text-foreground\">外部 children</div>\n                        <p className=\"text-sm leading-6 text-muted-foreground\">\n                            这里的内容完全由调用方定义，可以放表单、列表、详情或任意 JSX。\n                        </p>\n                    </div>\n\n                    <div className=\"grid gap-3\">\n                        <Label label=\"名称\" layout=\"vertical\">\n                            <Input placeholder=\"请输入名称\" />\n                        </Label>\n                        <Label label=\"状态\" layout=\"vertical\">\n                            <Select\n                                placeholder=\"请选择状态\"\n                                options={[\n                                    { label: '启用', value: 'enabled' },\n                                    { label: '停用', value: 'disabled' },\n                                ]}\n                            />\n                        </Label>\n                    </div>\n                </div>\n            </Drawer>\n        </>\n    )\n}\n";
+//#endregion
+export { DrawerDemo_default as default };

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

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

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

@@ -0,0 +1,48 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Dropdown } from "../../../Dropdown/Dropdown.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/DropdownDemo.tsx
+var DropdownDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => DropdownDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Dropdown",
+	order: 11,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function DropdownDemo() {
+	const items = [
+		{
+			key: "edit",
+			label: "编辑",
+			onClick: () => console.log("edit")
+		},
+		{
+			key: "copy",
+			label: "复制",
+			onClick: () => console.log("copy")
+		},
+		{
+			key: "delete",
+			label: "删除",
+			danger: true,
+			onClick: () => console.log("delete")
+		}
+	];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Dropdown, {
+		items,
+		children: /* @__PURE__ */ jsx(Button, { children: "操作 ▾" })
+	}), /* @__PURE__ */ jsx(Dropdown, {
+		items,
+		placement: "bottom-start",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "text",
+			children: "bottom-start ▾"
+		})
+	})] });
+}
+//#endregion
+export { DropdownDemo_exports, DropdownDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/DropdownDemo.tsx?raw
+var DropdownDemo_default = "import {\n    Button,\n    Dropdown\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Dropdown',\n    order: 11,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Dropdown ────────────────────────────────────────────────────────────────\n\nexport default function DropdownDemo() {\n    const items = [\n        { key: 'edit', label: '编辑', onClick: () => console.log('edit') },\n        { key: 'copy', label: '复制', onClick: () => console.log('copy') },\n        { key: 'delete', label: '删除', danger: true, onClick: () => console.log('delete') },\n    ]\n    return (\n        <>\n            <Dropdown items={items}>\n                <Button>操作 ▾</Button>\n            </Dropdown>\n            <Dropdown items={items} placement=\"bottom-start\">\n                <Button variant=\"text\">bottom-start ▾</Button>\n            </Dropdown>\n        </>\n    )\n}\n";
+//#endregion
+export { DropdownDemo_default as default };

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

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

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

@@ -0,0 +1,56 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Input } from "../../../Input/Input.js";
+import { Form } from "../../../Form/Form.js";
+import { FormItem } from "../../../Form/FormItem.js";
+import { useForm } from "../../../Form/useForm.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/FormDemo.tsx
+var FormDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => FormDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Form",
+	order: 27,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function FormDemo() {
+	const [form] = useForm();
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Form, {
+		form,
+		onFinish: (v) => console.log("表单值:", v),
+		children: [
+			/* @__PURE__ */ jsx(FormItem, {
+				name: "username",
+				label: "用户名",
+				required: true,
+				rules: [{
+					required: true,
+					message: "请输入用户名"
+				}],
+				children: /* @__PURE__ */ jsx(Input, { placeholder: "请输入用户名" })
+			}),
+			/* @__PURE__ */ jsx(FormItem, {
+				name: "password",
+				label: "密码",
+				required: true,
+				rules: [{
+					required: true,
+					message: "请输入密码"
+				}],
+				children: /* @__PURE__ */ jsx(Input, {
+					type: "password",
+					placeholder: "请输入密码"
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				children: "提交"
+			})
+		]
+	}) });
+}
+//#endregion
+export { FormDemo_exports, FormDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/FormDemo.tsx?raw
+var FormDemo_default = "import {\n    Button,\n    Form,\n    FormItem,\n    Input,\n    useForm\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Form',\n    order: 27,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Form ─────────────────────────────────────────────────────────────────────\n\nexport default function FormDemo() {\n    const [form] = useForm()\n    return (\n        <>\n            <Form form={form} onFinish={(v) => console.log('表单值:', v)}>\n                <FormItem name=\"username\" label=\"用户名\" required rules={[{ required: true, message: '请输入用户名' }]}>\n                    <Input placeholder=\"请输入用户名\" />\n                </FormItem>\n                <FormItem name=\"password\" label=\"密码\" required rules={[{ required: true, message: '请输入密码' }]}>\n                    <Input type=\"password\" placeholder=\"请输入密码\" />\n                </FormItem>\n                <Button type=\"submit\">提交</Button>\n            </Form>\n        </>\n    )\n}\n";
+//#endregion
+export { FormDemo_default as default };

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

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

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

@@ -0,0 +1,26 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { ImageUpload } from "../../../Upload/ImageUpload.js";
+import "../../../index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/ImageUploadDemo.tsx
+var ImageUploadDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => ImageUploadDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "ImageUpload",
+	order: 33,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function ImageUploadDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ImageUpload, {
+		accept: ".jpg,.png",
+		maxCount: 4,
+		beforeChange: (f) => {
+			console.log(f);
+			return parseInt(Math.random() * 10 + "") % 2 === 0;
+		}
+	}) });
+}
+//#endregion
+export { ImageUploadDemo_exports, ImageUploadDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/ImageUploadDemo.tsx?raw
+var ImageUploadDemo_default = "import { ImageUpload } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'ImageUpload',\n    order: 33,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── ImageUpload ─────────────────────────────────────────────────────────────\n\nexport default function ImageUploadDemo() {\n    return (\n        <>\n            <ImageUpload\n                accept=\".jpg,.png\"\n                maxCount={4}\n                beforeChange={(f) => {\n                    console.log(f)\n                    return parseInt(Math.random() * 10 + '') % 2 === 0\n                }}\n            />\n        </>\n    )\n}\n";
+//#endregion
+export { ImageUploadDemo_default as default };

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

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

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

@@ -0,0 +1,55 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Input } from "../../../Input/Input.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/InputDemo.tsx
+var InputDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => InputDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Input",
+	order: 3,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function InputDemo() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Input, {
+			placeholder: "普通输入框",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			allowClear: true,
+			defaultValue: "可清空内容",
+			placeholder: "清空按钮",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			type: "password",
+			placeholder: "密码输入框",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			type: "password",
+			defaultValue: "template-core",
+			placeholder: "密码默认值",
+			className: "w-48"
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			type: "password",
+			placeholder: "密码 + addon",
+			addonAfter: /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted-foreground",
+				children: "PWD"
+			}),
+			className: "w-56"
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			disabled: true,
+			placeholder: "禁用状态",
+			className: "w-48"
+		})
+	] });
+}
+//#endregion
+export { InputDemo_exports, InputDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/InputDemo.tsx?raw
+var InputDemo_default = "import { Input } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Input',\n    order: 3,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Input ───────────────────────────────────────────────────────────────────\n\nexport default function InputDemo() {\n    return (\n        <>\n            <Input placeholder=\"普通输入框\" className=\"w-48\" />\n            <Input allowClear defaultValue=\"可清空内容\" placeholder=\"清空按钮\" className=\"w-48\" />\n            <Input type=\"password\" placeholder=\"密码输入框\" className=\"w-48\" />\n            <Input type=\"password\" defaultValue=\"template-core\" placeholder=\"密码默认值\" className=\"w-48\" />\n            <Input\n                type=\"password\"\n                placeholder=\"密码 + addon\"\n                addonAfter={<span className=\"text-xs text-muted-foreground\">PWD</span>}\n                className=\"w-56\"\n            />\n            <Input disabled placeholder=\"禁用状态\" className=\"w-48\" />\n        </>\n    )\n}\n";
+//#endregion
+export { InputDemo_default as default };

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

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

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;