@_tc/template-core 0.2.1 → 0.2.2

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

@@ -0,0 +1,129 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { RadioGroup } from "../../../Radio/RadioGroup.js";
+import { Radio } from "../../../Radio/Radio.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/RadioDemo.tsx
+var RadioDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => RadioDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Radio",
+	order: 8,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function RadioDemo() {
+	const [selected, setSelected] = useState("a");
+	const [groupValue, setGroupValue] = useState("green");
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-muted-foreground",
+				children: ["受控: ", selected]
+			}), [
+				{
+					label: "选项 A",
+					value: "a"
+				},
+				{
+					label: "选项 B",
+					value: "b"
+				},
+				{
+					label: "选项 C",
+					value: "c"
+				}
+			].map((opt) => /* @__PURE__ */ jsx(Radio, {
+				name: "demo-radio",
+				label: opt.label,
+				checked: selected === opt.value,
+				onChange: () => setSelected(opt.value)
+			}, opt.value))]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 ml-8",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-muted-foreground",
+					children: "非受控默认选中"
+				}),
+				/* @__PURE__ */ jsx(Radio, {
+					name: "demo-radio-2",
+					label: "默认选中",
+					defaultChecked: true
+				}),
+				/* @__PURE__ */ jsx(Radio, {
+					name: "demo-radio-2",
+					label: "禁用状态",
+					disabled: true
+				}),
+				/* @__PURE__ */ jsx(Radio, {
+					name: "demo-radio-2",
+					label: "禁用且选中",
+					disabled: true,
+					defaultChecked: true
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "w-full ml-8 space-y-2",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-muted-foreground",
+				children: ["RadioGroup 垂直布局: ", groupValue]
+			}), /* @__PURE__ */ jsxs(RadioGroup, {
+				name: "demo-group",
+				value: groupValue,
+				onChange: setGroupValue,
+				children: [
+					/* @__PURE__ */ jsx(Radio, {
+						value: "default",
+						label: "默认主题"
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: "green",
+						label: "绿色主题"
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: "gray",
+						label: "灰色主题"
+					})
+				]
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "w-full ml-8 space-y-2",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "RadioGroup 水平布局 (非受控)"
+			}), /* @__PURE__ */ jsxs(RadioGroup, {
+				name: "demo-group-2",
+				defaultValue: "b",
+				direction: "horizontal",
+				children: [
+					/* @__PURE__ */ jsx(Radio, {
+						value: "a",
+						label: "选项 A"
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: "b",
+						label: "选项 B"
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: "c",
+						label: "选项 C"
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: "d",
+						label: "禁用选项",
+						disabled: true
+					})
+				]
+			})]
+		})
+	] });
+}
+//#endregion
+export { RadioDemo_exports, RadioDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/RadioDemo.tsx?raw
+var RadioDemo_default = "import {\n    Radio,\n    RadioGroup\n} from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Radio',\n    order: 8,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Radio ───────────────────────────────────────────────────────────────────\n\nexport default function RadioDemo() {\n    const [selected, setSelected] = useState('a')\n    const [groupValue, setGroupValue] = useState('green')\n    const options = [\n        { label: '选项 A', value: 'a' },\n        { label: '选项 B', value: 'b' },\n        { label: '选项 C', value: 'c' },\n    ]\n    return (\n        <>\n            <div className=\"space-y-2\">\n                <p className=\"text-sm text-muted-foreground\">受控: {selected}</p>\n                {options.map((opt) => (\n                    <Radio\n                        key={opt.value}\n                        name=\"demo-radio\"\n                        label={opt.label}\n                        checked={selected === opt.value}\n                        onChange={() => setSelected(opt.value)}\n                    />\n                ))}\n            </div>\n            <div className=\"space-y-2 ml-8\">\n                <p className=\"text-sm text-muted-foreground\">非受控默认选中</p>\n                <Radio name=\"demo-radio-2\" label=\"默认选中\" defaultChecked />\n                <Radio name=\"demo-radio-2\" label=\"禁用状态\" disabled />\n                <Radio name=\"demo-radio-2\" label=\"禁用且选中\" disabled defaultChecked />\n            </div>\n            <div className=\"w-full ml-8 space-y-2\">\n                <p className=\"text-sm text-muted-foreground\">RadioGroup 垂直布局: {groupValue}</p>\n                <RadioGroup name=\"demo-group\" value={groupValue} onChange={setGroupValue}>\n                    <Radio value=\"default\" label=\"默认主题\" />\n                    <Radio value=\"green\" label=\"绿色主题\" />\n                    <Radio value=\"gray\" label=\"灰色主题\" />\n                </RadioGroup>\n            </div>\n            <div className=\"w-full ml-8 space-y-2\">\n                <p className=\"text-sm text-muted-foreground\">RadioGroup 水平布局 (非受控)</p>\n                <RadioGroup name=\"demo-group-2\" defaultValue=\"b\" direction=\"horizontal\">\n                    <Radio value=\"a\" label=\"选项 A\" />\n                    <Radio value=\"b\" label=\"选项 B\" />\n                    <Radio value=\"c\" label=\"选项 C\" />\n                    <Radio value=\"d\" label=\"禁用选项\" disabled />\n                </RadioGroup>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { RadioDemo_default as default };

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

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

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

@@ -0,0 +1,52 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { SchemaForm } from "../../../Form/SchemaForm/index.js";
+import "../../../index.js";
+import { useRef } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/SchemaFormDemo.tsx
+var SchemaFormDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => SchemaFormDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "SchemaForm",
+	order: 28,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function SchemaFormDemo() {
+	const form = useRef(void 0);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(SchemaForm, {
+		layout: "horizontal",
+		getForm: (f) => {
+			form.current = f;
+		},
+		schemas: [{
+			key: "username",
+			label: "用户名",
+			type: "input",
+			required: true,
+			rules: [{
+				required: true,
+				message: "请输入用户名"
+			}],
+			fieldProps: { placeholder: "请输入用户名" }
+		}, {
+			key: "role",
+			label: "角色",
+			type: "select",
+			fieldProps: {
+				placeholder: "请选择",
+				options: [{
+					label: "管理员",
+					value: "admin"
+				}, {
+					label: "用户",
+					value: "user"
+				}]
+			}
+		}],
+		onFinish: (values) => console.log(values)
+	}) });
+}
+//#endregion
+export { SchemaFormDemo_exports, SchemaFormDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/SchemaFormDemo.tsx?raw
+var SchemaFormDemo_default = "import {\n\n    SchemaForm,\n    type FormInstance\n} from '@tc/ui-react/components'\nimport { useRef } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'SchemaForm',\n    order: 28,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── SchemaForm ───────────────────────────────────────────────────────────────\n\nexport default function SchemaFormDemo() {\n    const form = useRef<FormInstance | undefined>(undefined)\n    return (\n        <>\n            <SchemaForm\n                layout=\"horizontal\"\n                getForm={(f) => {\n                    form.current = f\n                }}\n                schemas={[\n                    {\n                        key: 'username',\n                        label: '用户名',\n                        type: 'input',\n                        required: true,\n                        rules: [{ required: true, message: '请输入用户名' }],\n                        fieldProps: { placeholder: '请输入用户名' },\n                    },\n                    {\n                        key: 'role',\n                        label: '角色',\n                        type: 'select',\n                        fieldProps: {\n                            placeholder: '请选择',\n                            options: [\n                                { label: '管理员', value: 'admin' },\n                                { label: '用户', value: 'user' },\n                            ],\n                        },\n                    },\n                ]}\n                onFinish={(values) => console.log(values)}\n            />\n        </>\n    )\n}\n";
+//#endregion
+export { SchemaFormDemo_default as default };

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

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

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

@@ -0,0 +1,52 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import Search from "../../../Search/Search.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/SearchDemo.tsx
+var SearchDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => SearchDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Search",
+	order: 21,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function SearchDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ jsxs(Search, {
+			schemas: [{
+				type: "input",
+				key: "keyword",
+				label: "关键字",
+				fieldProps: { placeholder: "请输入" }
+			}, {
+				type: "select",
+				key: "status",
+				label: "状态",
+				fieldProps: {
+					options: [{
+						label: "正常",
+						value: "active"
+					}, {
+						label: "禁用",
+						value: "disabled"
+					}],
+					placeholder: "请选择"
+				}
+			}],
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				variant: "primary",
+				children: "搜索"
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "reset",
+				children: "重置"
+			})]
+		})
+	}) });
+}
+//#endregion
+export { SearchDemo_exports, SearchDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/SearchDemo.tsx?raw
+var SearchDemo_default = "import {\n    Button,\n    Search\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Search',\n    order: 21,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Search ───────────────────────────────────────────────────────────────────\n\nexport default function SearchDemo() {\n    type SearchForm = { keyword: string; status: string }\n    return (\n        <>\n            <div className=\"w-full\">\n                <Search<SearchForm>\n                    schemas={[\n                        { type: 'input', key: 'keyword', label: '关键字', fieldProps: { placeholder: '请输入' } },\n                        {\n                            type: 'select',\n                            key: 'status',\n                            label: '状态',\n                            fieldProps: {\n                                options: [\n                                    { label: '正常', value: 'active' },\n                                    { label: '禁用', value: 'disabled' },\n                                ],\n                                placeholder: '请选择',\n                            },\n                        },\n                    ]}\n                >\n                    <Button type=\"submit\" variant=\"primary\">\n                        搜索\n                    </Button>\n                    <Button type=\"reset\">重置</Button>\n                </Search>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { SearchDemo_default as default };

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

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

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

@@ -0,0 +1,73 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Select } from "../../../Select/Select.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/SelectDemo.tsx
+var SelectDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => SelectDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Select",
+	order: 6,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function SelectDemo() {
+	const [val, setVal] = useState(void 0);
+	const options = [
+		{
+			label: "选项 A",
+			value: "a"
+		},
+		{
+			label: "选项 B",
+			value: "b"
+		},
+		{
+			label: "选项 C",
+			value: "c"
+		}
+	];
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Select, {
+			options,
+			value: val,
+			onChange: setVal,
+			placeholder: "请选择",
+			className: "w-40"
+		}),
+		/* @__PURE__ */ jsx(Select, {
+			options,
+			placeholder: "不可搜索",
+			searchable: false,
+			className: "w-40"
+		}),
+		/* @__PURE__ */ jsx(Select, {
+			options,
+			placeholder: "不可清除",
+			clearable: false,
+			className: "w-40"
+		}),
+		/* @__PURE__ */ jsx(Select, {
+			options,
+			disabled: true,
+			placeholder: "禁用",
+			className: "w-40"
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "relative w-64 rounded-lg border border-border bg-muted/30 p-4",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "mb-2 text-sm text-muted-foreground",
+				children: "parent popup container"
+			}), /* @__PURE__ */ jsx(Select, {
+				options,
+				placeholder: "挂载到父元素",
+				getPopupContainer: "parent",
+				className: "w-full"
+			})]
+		})
+	] });
+}
+//#endregion
+export { SelectDemo_exports, SelectDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/SelectDemo.tsx?raw
+var SelectDemo_default = "import { Select } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Select',\n    order: 6,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Select ──────────────────────────────────────────────────────────────────\n\nexport default function SelectDemo() {\n    const [val, setVal] = useState<string | number | undefined>(undefined)\n    const options = [\n        { label: '选项 A', value: 'a' },\n        { label: '选项 B', value: 'b' },\n        { label: '选项 C', value: 'c' },\n    ]\n    return (\n        <>\n            <Select options={options} value={val} onChange={setVal} placeholder=\"请选择\" className=\"w-40\" />\n            <Select options={options} placeholder=\"不可搜索\" searchable={false} className=\"w-40\" />\n            <Select options={options} placeholder=\"不可清除\" clearable={false} className=\"w-40\" />\n            <Select options={options} disabled placeholder=\"禁用\" className=\"w-40\" />\n            <div className=\"relative w-64 rounded-lg border border-border bg-muted/30 p-4\">\n                <div className=\"mb-2 text-sm text-muted-foreground\">parent popup container</div>\n                <Select options={options} placeholder=\"挂载到父元素\" getPopupContainer=\"parent\" className=\"w-full\" />\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { SelectDemo_default as default };

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

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

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

@@ -0,0 +1,46 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Skeleton } from "../../../Skeleton/Skeleton.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/SkeletonDemo.tsx
+var SkeletonDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => SkeletonDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Skeleton",
+	order: 30,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function SkeletonDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-gray-500 mb-1",
+				children: "pageloading"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				mode: "pageloading",
+				rows: 3,
+				showTitle: true,
+				showActions: true
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-gray-500 mb-1",
+				children: "tableloading"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				mode: "tableloading",
+				rows: 4
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-gray-500 mb-1",
+				children: "componentsloading"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				mode: "componentsloading",
+				rows: 2
+			})] })
+		]
+	}) });
+}
+//#endregion
+export { SkeletonDemo_exports, SkeletonDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/SkeletonDemo.tsx?raw
+var SkeletonDemo_default = "import { Skeleton } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Skeleton',\n    order: 30,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Skeleton ─────────────────────────────────────────────────────────────────\n\nexport default function SkeletonDemo() {\n    return (\n        <>\n            <div className=\"w-full space-y-4\">\n                <div>\n                    <p className=\"text-xs text-gray-500 mb-1\">pageloading</p>\n                    <Skeleton mode=\"pageloading\" rows={3} showTitle showActions />\n                </div>\n                <div>\n                    <p className=\"text-xs text-gray-500 mb-1\">tableloading</p>\n                    <Skeleton mode=\"tableloading\" rows={4} />\n                </div>\n                <div>\n                    <p className=\"text-xs text-gray-500 mb-1\">componentsloading</p>\n                    <Skeleton mode=\"componentsloading\" rows={2} />\n                </div>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { SkeletonDemo_default as default };

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

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

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

@@ -0,0 +1,36 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Switch } from "../../../Switch/Switch.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/SwitchDemo.tsx
+var SwitchDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => SwitchDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Switch",
+	order: 9,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function SwitchDemo() {
+	const [on, setOn] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Switch, {
+			checked: on,
+			onChange: setOn
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: "self-center text-sm",
+			children: on ? "ON" : "OFF"
+		}),
+		/* @__PURE__ */ jsx(Switch, { defaultChecked: true }),
+		/* @__PURE__ */ jsx(Switch, { disabled: true }),
+		/* @__PURE__ */ jsx(Switch, {
+			disabled: true,
+			checked: true
+		})
+	] });
+}
+//#endregion
+export { SwitchDemo_exports, SwitchDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/SwitchDemo.tsx?raw
+var SwitchDemo_default = "import { Switch } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Switch',\n    order: 9,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Switch ──────────────────────────────────────────────────────────────────\n\nexport default function SwitchDemo() {\n    const [on, setOn] = useState(false)\n    return (\n        <>\n            <Switch checked={on} onChange={setOn} />\n            <span className=\"self-center text-sm\">{on ? 'ON' : 'OFF'}</span>\n            <Switch defaultChecked />\n            <Switch disabled />\n            <Switch disabled checked />\n        </>\n    )\n}\n";
+//#endregion
+export { SwitchDemo_default as default };

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

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

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

@@ -0,0 +1,64 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../table/table.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/TableDemo.tsx
+var TableDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TableDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Table (低层)",
+	order: 19,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TableDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx(TableHead, { children: "ID" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "姓名" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "角色" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "状态" }),
+			/* @__PURE__ */ jsx(TableHead, {
+				isAction: true,
+				children: "操作"
+			})
+		] }) }), /* @__PURE__ */ jsx(TableBody, { children: [
+			{
+				id: 1,
+				name: "张三",
+				role: "管理员",
+				status: "正常"
+			},
+			{
+				id: 2,
+				name: "李四",
+				role: "用户",
+				status: "禁用"
+			},
+			{
+				id: 3,
+				name: "王五",
+				role: "审计员",
+				status: "正常"
+			}
+		].map((row) => /* @__PURE__ */ jsxs(TableRow, { children: [
+			/* @__PURE__ */ jsx(TableCell, { children: row.id }),
+			/* @__PURE__ */ jsx(TableCell, { children: row.name }),
+			/* @__PURE__ */ jsx(TableCell, { children: row.role }),
+			/* @__PURE__ */ jsx(TableCell, { children: row.status }),
+			/* @__PURE__ */ jsx(TableCell, {
+				isAction: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "link",
+					size: "sm",
+					children: "编辑"
+				})
+			})
+		] }, row.id)) })] })
+	}) });
+}
+//#endregion
+export { TableDemo_exports, TableDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TableDemo.tsx?raw
+var TableDemo_default = "import {\n    Button,\n    Table,\n    TableBody,\n    TableCell,\n    TableHead,\n    TableHeader,\n    TableRow\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Table (低层)',\n    order: 19,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Table (低层组件) ─────────────────────────────────────────────────────────\n\nexport default function TableDemo() {\n    const rows = [\n        { id: 1, name: '张三', role: '管理员', status: '正常' },\n        { id: 2, name: '李四', role: '用户', status: '禁用' },\n        { id: 3, name: '王五', role: '审计员', status: '正常' },\n    ]\n    return (\n        <>\n            <div className=\"w-full\">\n                <Table>\n                    <TableHeader>\n                        <tr>\n                            <TableHead>ID</TableHead>\n                            <TableHead>姓名</TableHead>\n                            <TableHead>角色</TableHead>\n                            <TableHead>状态</TableHead>\n                            <TableHead isAction>操作</TableHead>\n                        </tr>\n                    </TableHeader>\n                    <TableBody>\n                        {rows.map((row) => (\n                            <TableRow key={row.id}>\n                                <TableCell>{row.id}</TableCell>\n                                <TableCell>{row.name}</TableCell>\n                                <TableCell>{row.role}</TableCell>\n                                <TableCell>{row.status}</TableCell>\n                                <TableCell isAction>\n                                    <Button variant=\"link\" size=\"sm\">\n                                        编辑\n                                    </Button>\n                                </TableCell>\n                            </TableRow>\n                        ))}\n                    </TableBody>\n                </Table>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { TableDemo_default as default };

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

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

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

@@ -0,0 +1,74 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import TableSearch from "../../../TableSearch/TableSearch.js";
+import "../../../index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/TableSearchDemo.tsx
+var TableSearchDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => TableSearchDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "TableSearch",
+	order: 29,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function TableSearchDemo() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TableSearch, {
+		onSearch: (v) => console.log(v),
+		schemas: [
+			{
+				type: "input",
+				key: "q1",
+				label: "字段1",
+				fieldProps: {}
+			},
+			{
+				type: "select",
+				key: "q2",
+				label: "状态",
+				fieldProps: { options: [{
+					value: "a",
+					label: "A"
+				}] }
+			},
+			{
+				type: "switch",
+				key: "q3",
+				label: "开关",
+				fieldProps: {}
+			},
+			{
+				type: "date",
+				key: "q4",
+				label: "日期",
+				fieldProps: {}
+			},
+			{
+				type: "date",
+				key: "q5",
+				label: "范围",
+				fieldProps: { mode: "range" }
+			},
+			{
+				type: "textarea",
+				key: "q6",
+				label: "文本",
+				fieldProps: {}
+			},
+			{
+				type: "input",
+				key: "q7",
+				label: "字段7",
+				fieldProps: {}
+			},
+			{
+				type: "input",
+				key: "q8",
+				label: "字段8",
+				fieldProps: {}
+			}
+		]
+	}) });
+}
+//#endregion
+export { TableSearchDemo_exports, TableSearchDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/TableSearchDemo.tsx?raw
+var TableSearchDemo_default = "import { TableSearch } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'TableSearch',\n    order: 29,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── TableSearch ─────────────────────────────────────────────────────────────\n\nexport default function TableSearchDemo() {\n    type TableSearchForm = {\n        q1: string\n        q2: string\n        q3: boolean\n        q4: string\n        q5: string\n        q6: string\n        q7: string\n        q8: string\n    }\n    return (\n        <>\n            <TableSearch<TableSearchForm>\n                onSearch={(v) => console.log(v)}\n                schemas={[\n                    { type: 'input', key: 'q1', label: '字段1', fieldProps: {} },\n                    { type: 'select', key: 'q2', label: '状态', fieldProps: { options: [{ value: 'a', label: 'A' }] } },\n                    { type: 'switch', key: 'q3', label: '开关', fieldProps: {} },\n                    { type: 'date', key: 'q4', label: '日期', fieldProps: {} },\n                    { type: 'date', key: 'q5', label: '范围', fieldProps: { mode: 'range' } },\n                    { type: 'textarea', key: 'q6', label: '文本', fieldProps: {} },\n                    { type: 'input', key: 'q7', label: '字段7', fieldProps: {} },\n                    { type: 'input', key: 'q8', label: '字段8', fieldProps: {} },\n                ]}\n            />\n        </>\n    )\n}\n";
+//#endregion
+export { TableSearchDemo_default as default };