@_tc/template-core 0.2.1 → 0.2.3

package/fe/packages/react/ui/components/testPage/demoRegistry.js

@@ -0,0 +1,217 @@
+import { BreadcrumbDemo_exports } from "./demos/core/BreadcrumbDemo.js";
+import { ButtonDemo_exports } from "./demos/core/ButtonDemo.js";
+import { CardDemo_exports } from "./demos/core/CardDemo.js";
+import { CheckboxDemo_exports } from "./demos/core/CheckboxDemo.js";
+import { ConfirmDialogDemo_exports } from "./demos/core/ConfirmDialogDemo.js";
+import { DataTableDemo_exports } from "./demos/core/DataTableDemo.js";
+import { DrawerDemo_exports } from "./demos/core/DrawerDemo.js";
+import { DropdownDemo_exports } from "./demos/core/DropdownDemo.js";
+import { FormDemo_exports } from "./demos/core/FormDemo.js";
+import { ImageUploadDemo_exports } from "./demos/core/ImageUploadDemo.js";
+import { InputDemo_exports } from "./demos/core/InputDemo.js";
+import { InputNumberDemo_exports } from "./demos/core/InputNumberDemo.js";
+import { LabelDemo_exports } from "./demos/core/LabelDemo.js";
+import { LayoutDemo_exports } from "./demos/core/LayoutDemo.js";
+import { LoadingDemo_exports } from "./demos/core/LoadingDemo.js";
+import { MessageDemo_exports } from "./demos/core/MessageDemo.js";
+import { ModalDemo_exports } from "./demos/core/ModalDemo.js";
+import { NotificationDemo_exports } from "./demos/core/NotificationDemo.js";
+import { PaginationDemo_exports } from "./demos/core/PaginationDemo.js";
+import { PreviewImageDemo_exports } from "./demos/core/PreviewImageDemo.js";
+import { RadioDemo_exports } from "./demos/core/RadioDemo.js";
+import { SchemaFormDemo_exports } from "./demos/core/SchemaFormDemo.js";
+import { SearchDemo_exports } from "./demos/core/SearchDemo.js";
+import { SelectDemo_exports } from "./demos/core/SelectDemo.js";
+import { SkeletonDemo_exports } from "./demos/core/SkeletonDemo.js";
+import { SwitchDemo_exports } from "./demos/core/SwitchDemo.js";
+import { TableDemo_exports } from "./demos/core/TableDemo.js";
+import { TableSearchDemo_exports } from "./demos/core/TableSearchDemo.js";
+import { TabsDemo_exports } from "./demos/core/TabsDemo.js";
+import { TextareaDemo_exports } from "./demos/core/TextareaDemo.js";
+import { ThemeSwitcher_exports } from "./demos/core/ThemeSwitcher.js";
+import { TooltipDemo_exports } from "./demos/core/TooltipDemo.js";
+import { TreeSelectDemo_exports } from "./demos/core/TreeSelectDemo.js";
+import { DateBasicDemo_exports } from "./demos/date/DateBasicDemo.js";
+import { DateControlledDemo_exports } from "./demos/date/DateControlledDemo.js";
+import { DateDisabledDateDemo_exports } from "./demos/date/DateDisabledDateDemo.js";
+import { DateDisabledDemo_exports } from "./demos/date/DateDisabledDemo.js";
+import { DateFormatDemo_exports } from "./demos/date/DateFormatDemo.js";
+import { DateRangeDemo_exports } from "./demos/date/DateRangeDemo.js";
+import { DateTimeDemo_exports } from "./demos/date/DateTimeDemo.js";
+import { MenuAccordionDemo_exports } from "./demos/menu/MenuAccordionDemo.js";
+import { MenuClickTriggerDemo_exports } from "./demos/menu/MenuClickTriggerDemo.js";
+import { MenuCollapsedDemo_exports } from "./demos/menu/MenuCollapsedDemo.js";
+import { MenuCollapsedNoIconDemo_exports } from "./demos/menu/MenuCollapsedNoIconDemo.js";
+import { MenuJsxDemo_exports } from "./demos/menu/MenuJsxDemo.js";
+import { MenuLeftMultipleDemo_exports } from "./demos/menu/MenuLeftMultipleDemo.js";
+import { MenuPopupDemo_exports } from "./demos/menu/MenuPopupDemo.js";
+import { MenuStateDemo_exports } from "./demos/menu/MenuStateDemo.js";
+import { MenuTopDemo_exports } from "./demos/menu/MenuTopDemo.js";
+import BreadcrumbDemo_default from "./demos/core/BreadcrumbDemo2.js";
+import ButtonDemo_default from "./demos/core/ButtonDemo2.js";
+import CardDemo_default from "./demos/core/CardDemo2.js";
+import CheckboxDemo_default from "./demos/core/CheckboxDemo2.js";
+import ConfirmDialogDemo_default from "./demos/core/ConfirmDialogDemo2.js";
+import DataTableDemo_default from "./demos/core/DataTableDemo2.js";
+import DrawerDemo_default from "./demos/core/DrawerDemo2.js";
+import DropdownDemo_default from "./demos/core/DropdownDemo2.js";
+import FormDemo_default from "./demos/core/FormDemo2.js";
+import ImageUploadDemo_default from "./demos/core/ImageUploadDemo2.js";
+import InputDemo_default from "./demos/core/InputDemo2.js";
+import InputNumberDemo_default from "./demos/core/InputNumberDemo2.js";
+import LabelDemo_default from "./demos/core/LabelDemo2.js";
+import LayoutDemo_default from "./demos/core/LayoutDemo2.js";
+import LoadingDemo_default from "./demos/core/LoadingDemo2.js";
+import MessageDemo_default from "./demos/core/MessageDemo2.js";
+import ModalDemo_default from "./demos/core/ModalDemo2.js";
+import NotificationDemo_default from "./demos/core/NotificationDemo2.js";
+import PaginationDemo_default from "./demos/core/PaginationDemo2.js";
+import PreviewImageDemo_default from "./demos/core/PreviewImageDemo2.js";
+import RadioDemo_default from "./demos/core/RadioDemo2.js";
+import SchemaFormDemo_default from "./demos/core/SchemaFormDemo2.js";
+import SearchDemo_default from "./demos/core/SearchDemo2.js";
+import SelectDemo_default from "./demos/core/SelectDemo2.js";
+import SkeletonDemo_default from "./demos/core/SkeletonDemo2.js";
+import SwitchDemo_default from "./demos/core/SwitchDemo2.js";
+import TableDemo_default from "./demos/core/TableDemo2.js";
+import TableSearchDemo_default from "./demos/core/TableSearchDemo2.js";
+import TabsDemo_default from "./demos/core/TabsDemo2.js";
+import TextareaDemo_default from "./demos/core/TextareaDemo2.js";
+import ThemeSwitcher_default from "./demos/core/ThemeSwitcher2.js";
+import TooltipDemo_default from "./demos/core/TooltipDemo2.js";
+import TreeSelectDemo_default from "./demos/core/TreeSelectDemo2.js";
+import DateBasicDemo_default from "./demos/date/DateBasicDemo2.js";
+import DateControlledDemo_default from "./demos/date/DateControlledDemo2.js";
+import DateDisabledDateDemo_default from "./demos/date/DateDisabledDateDemo2.js";
+import DateDisabledDemo_default from "./demos/date/DateDisabledDemo2.js";
+import DateFormatDemo_default from "./demos/date/DateFormatDemo2.js";
+import DateRangeDemo_default from "./demos/date/DateRangeDemo2.js";
+import DateTimeDemo_default from "./demos/date/DateTimeDemo2.js";
+import MenuAccordionDemo_default from "./demos/menu/MenuAccordionDemo2.js";
+import MenuClickTriggerDemo_default from "./demos/menu/MenuClickTriggerDemo2.js";
+import MenuCollapsedDemo_default from "./demos/menu/MenuCollapsedDemo2.js";
+import MenuCollapsedNoIconDemo_default from "./demos/menu/MenuCollapsedNoIconDemo2.js";
+import MenuJsxDemo_default from "./demos/menu/MenuJsxDemo2.js";
+import MenuLeftMultipleDemo_default from "./demos/menu/MenuLeftMultipleDemo2.js";
+import MenuPopupDemo_default from "./demos/menu/MenuPopupDemo2.js";
+import MenuStateDemo_default from "./demos/menu/MenuStateDemo2.js";
+import MenuTopDemo_default from "./demos/menu/MenuTopDemo2.js";
+//#region packages/react/ui/components/testPage/demoRegistry.ts
+var modules = /* @__PURE__ */ Object.assign({
+	"./demos/core/BreadcrumbDemo.tsx": BreadcrumbDemo_exports,
+	"./demos/core/ButtonDemo.tsx": ButtonDemo_exports,
+	"./demos/core/CardDemo.tsx": CardDemo_exports,
+	"./demos/core/CheckboxDemo.tsx": CheckboxDemo_exports,
+	"./demos/core/ConfirmDialogDemo.tsx": ConfirmDialogDemo_exports,
+	"./demos/core/DataTableDemo.tsx": DataTableDemo_exports,
+	"./demos/core/DrawerDemo.tsx": DrawerDemo_exports,
+	"./demos/core/DropdownDemo.tsx": DropdownDemo_exports,
+	"./demos/core/FormDemo.tsx": FormDemo_exports,
+	"./demos/core/ImageUploadDemo.tsx": ImageUploadDemo_exports,
+	"./demos/core/InputDemo.tsx": InputDemo_exports,
+	"./demos/core/InputNumberDemo.tsx": InputNumberDemo_exports,
+	"./demos/core/LabelDemo.tsx": LabelDemo_exports,
+	"./demos/core/LayoutDemo.tsx": LayoutDemo_exports,
+	"./demos/core/LoadingDemo.tsx": LoadingDemo_exports,
+	"./demos/core/MessageDemo.tsx": MessageDemo_exports,
+	"./demos/core/ModalDemo.tsx": ModalDemo_exports,
+	"./demos/core/NotificationDemo.tsx": NotificationDemo_exports,
+	"./demos/core/PaginationDemo.tsx": PaginationDemo_exports,
+	"./demos/core/PreviewImageDemo.tsx": PreviewImageDemo_exports,
+	"./demos/core/RadioDemo.tsx": RadioDemo_exports,
+	"./demos/core/SchemaFormDemo.tsx": SchemaFormDemo_exports,
+	"./demos/core/SearchDemo.tsx": SearchDemo_exports,
+	"./demos/core/SelectDemo.tsx": SelectDemo_exports,
+	"./demos/core/SkeletonDemo.tsx": SkeletonDemo_exports,
+	"./demos/core/SwitchDemo.tsx": SwitchDemo_exports,
+	"./demos/core/TableDemo.tsx": TableDemo_exports,
+	"./demos/core/TableSearchDemo.tsx": TableSearchDemo_exports,
+	"./demos/core/TabsDemo.tsx": TabsDemo_exports,
+	"./demos/core/TextareaDemo.tsx": TextareaDemo_exports,
+	"./demos/core/ThemeSwitcher.tsx": ThemeSwitcher_exports,
+	"./demos/core/TooltipDemo.tsx": TooltipDemo_exports,
+	"./demos/core/TreeSelectDemo.tsx": TreeSelectDemo_exports,
+	"./demos/date/DateBasicDemo.tsx": DateBasicDemo_exports,
+	"./demos/date/DateControlledDemo.tsx": DateControlledDemo_exports,
+	"./demos/date/DateDisabledDateDemo.tsx": DateDisabledDateDemo_exports,
+	"./demos/date/DateDisabledDemo.tsx": DateDisabledDemo_exports,
+	"./demos/date/DateFormatDemo.tsx": DateFormatDemo_exports,
+	"./demos/date/DateRangeDemo.tsx": DateRangeDemo_exports,
+	"./demos/date/DateTimeDemo.tsx": DateTimeDemo_exports,
+	"./demos/menu/MenuAccordionDemo.tsx": MenuAccordionDemo_exports,
+	"./demos/menu/MenuClickTriggerDemo.tsx": MenuClickTriggerDemo_exports,
+	"./demos/menu/MenuCollapsedDemo.tsx": MenuCollapsedDemo_exports,
+	"./demos/menu/MenuCollapsedNoIconDemo.tsx": MenuCollapsedNoIconDemo_exports,
+	"./demos/menu/MenuJsxDemo.tsx": MenuJsxDemo_exports,
+	"./demos/menu/MenuLeftMultipleDemo.tsx": MenuLeftMultipleDemo_exports,
+	"./demos/menu/MenuPopupDemo.tsx": MenuPopupDemo_exports,
+	"./demos/menu/MenuStateDemo.tsx": MenuStateDemo_exports,
+	"./demos/menu/MenuTopDemo.tsx": MenuTopDemo_exports
+});
+var sources = /* @__PURE__ */ Object.assign({
+	"./demos/core/BreadcrumbDemo.tsx": BreadcrumbDemo_default,
+	"./demos/core/ButtonDemo.tsx": ButtonDemo_default,
+	"./demos/core/CardDemo.tsx": CardDemo_default,
+	"./demos/core/CheckboxDemo.tsx": CheckboxDemo_default,
+	"./demos/core/ConfirmDialogDemo.tsx": ConfirmDialogDemo_default,
+	"./demos/core/DataTableDemo.tsx": DataTableDemo_default,
+	"./demos/core/DrawerDemo.tsx": DrawerDemo_default,
+	"./demos/core/DropdownDemo.tsx": DropdownDemo_default,
+	"./demos/core/FormDemo.tsx": FormDemo_default,
+	"./demos/core/ImageUploadDemo.tsx": ImageUploadDemo_default,
+	"./demos/core/InputDemo.tsx": InputDemo_default,
+	"./demos/core/InputNumberDemo.tsx": InputNumberDemo_default,
+	"./demos/core/LabelDemo.tsx": LabelDemo_default,
+	"./demos/core/LayoutDemo.tsx": LayoutDemo_default,
+	"./demos/core/LoadingDemo.tsx": LoadingDemo_default,
+	"./demos/core/MessageDemo.tsx": MessageDemo_default,
+	"./demos/core/ModalDemo.tsx": ModalDemo_default,
+	"./demos/core/NotificationDemo.tsx": NotificationDemo_default,
+	"./demos/core/PaginationDemo.tsx": PaginationDemo_default,
+	"./demos/core/PreviewImageDemo.tsx": PreviewImageDemo_default,
+	"./demos/core/RadioDemo.tsx": RadioDemo_default,
+	"./demos/core/SchemaFormDemo.tsx": SchemaFormDemo_default,
+	"./demos/core/SearchDemo.tsx": SearchDemo_default,
+	"./demos/core/SelectDemo.tsx": SelectDemo_default,
+	"./demos/core/SkeletonDemo.tsx": SkeletonDemo_default,
+	"./demos/core/SwitchDemo.tsx": SwitchDemo_default,
+	"./demos/core/TableDemo.tsx": TableDemo_default,
+	"./demos/core/TableSearchDemo.tsx": TableSearchDemo_default,
+	"./demos/core/TabsDemo.tsx": TabsDemo_default,
+	"./demos/core/TextareaDemo.tsx": TextareaDemo_default,
+	"./demos/core/ThemeSwitcher.tsx": ThemeSwitcher_default,
+	"./demos/core/TooltipDemo.tsx": TooltipDemo_default,
+	"./demos/core/TreeSelectDemo.tsx": TreeSelectDemo_default,
+	"./demos/date/DateBasicDemo.tsx": DateBasicDemo_default,
+	"./demos/date/DateControlledDemo.tsx": DateControlledDemo_default,
+	"./demos/date/DateDisabledDateDemo.tsx": DateDisabledDateDemo_default,
+	"./demos/date/DateDisabledDemo.tsx": DateDisabledDemo_default,
+	"./demos/date/DateFormatDemo.tsx": DateFormatDemo_default,
+	"./demos/date/DateRangeDemo.tsx": DateRangeDemo_default,
+	"./demos/date/DateTimeDemo.tsx": DateTimeDemo_default,
+	"./demos/menu/MenuAccordionDemo.tsx": MenuAccordionDemo_default,
+	"./demos/menu/MenuClickTriggerDemo.tsx": MenuClickTriggerDemo_default,
+	"./demos/menu/MenuCollapsedDemo.tsx": MenuCollapsedDemo_default,
+	"./demos/menu/MenuCollapsedNoIconDemo.tsx": MenuCollapsedNoIconDemo_default,
+	"./demos/menu/MenuJsxDemo.tsx": MenuJsxDemo_default,
+	"./demos/menu/MenuLeftMultipleDemo.tsx": MenuLeftMultipleDemo_default,
+	"./demos/menu/MenuPopupDemo.tsx": MenuPopupDemo_default,
+	"./demos/menu/MenuStateDemo.tsx": MenuStateDemo_default,
+	"./demos/menu/MenuTopDemo.tsx": MenuTopDemo_default
+});
+function normalizeDemoSource(source) {
+	return source.replaceAll("@tc/ui-react/components/Date", "@_tc/template-core/fe/rc/components/Date").replaceAll("@tc/ui-react/components", "@_tc/template-core/fe/rc").replaceAll("@tc/ui-react/i18n", "@_tc/template-core/fe/rc/i18n").replaceAll("@tc/ui-react/hooks", "@_tc/template-core/fe/rc/hooks").replaceAll("@tc/ui-react", "@_tc/template-core/fe/rc");
+}
+function buildDemos(group) {
+	return Object.entries(modules).filter(([id]) => id.startsWith(`./demos/${group}/`)).map(([id, module]) => ({
+		id,
+		Component: module.default,
+		meta: module.demoMeta,
+		source: normalizeDemoSource(String(sources[id] ?? ""))
+	})).sort((a, b) => a.meta.order - b.meta.order);
+}
+var coreDemos = buildDemos("core");
+var dateDemos = buildDemos("date");
+var menuDemos = buildDemos("menu");
+//#endregion
+export { coreDemos, dateDemos, menuDemos };

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

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

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

@@ -0,0 +1,44 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../../../breadcrumb/breadcrumb.js";
+import "../../../index.js";
+import React, { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/BreadcrumbDemo.tsx
+var BreadcrumbDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => BreadcrumbDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Breadcrumb",
+	order: 22,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function BreadcrumbDemo() {
+	const [items, setItems] = useState([
+		{
+			id: "home",
+			label: "首页"
+		},
+		{
+			id: "list",
+			label: "用户列表"
+		},
+		{
+			id: "detail",
+			label: "用户详情",
+			active: true
+		}
+	]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+		active: item.active,
+		onClose: () => setItems((prev) => prev.filter((i) => i.id !== item.id)),
+		onClick: () => setItems((prev) => prev.map((i) => ({
+			...i,
+			active: i.id === item.id
+		}))),
+		className: "cursor-pointer",
+		children: item.label
+	}) }), idx < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, item.id)) }) }) });
+}
+//#endregion
+export { BreadcrumbDemo_exports, BreadcrumbDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/BreadcrumbDemo.tsx?raw
+var BreadcrumbDemo_default = "import {\n    Breadcrumb,\n    BreadcrumbItem,\n    BreadcrumbList,\n    BreadcrumbPage,\n    BreadcrumbSeparator\n} from '@tc/ui-react/components'\nimport React, { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Breadcrumb',\n    order: 22,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Breadcrumb ───────────────────────────────────────────────────────────────\n\nexport default function BreadcrumbDemo() {\n    const [items, setItems] = useState([\n        { id: 'home', label: '首页' },\n        { id: 'list', label: '用户列表' },\n        { id: 'detail', label: '用户详情', active: true },\n    ])\n\n    return (\n        <>\n            <Breadcrumb>\n                <BreadcrumbList>\n                    {items.map((item, idx) => (\n                        <React.Fragment key={item.id}>\n                            <BreadcrumbItem>\n                                <BreadcrumbPage\n                                    active={item.active}\n                                    onClose={() => setItems((prev) => prev.filter((i) => i.id !== item.id))}\n                                    onClick={() =>\n                                        setItems((prev) => prev.map((i) => ({ ...i, active: i.id === item.id })))\n                                    }\n                                    className=\"cursor-pointer\"\n                                >\n                                    {item.label}\n                                </BreadcrumbPage>\n                            </BreadcrumbItem>\n                            {idx < items.length - 1 && <BreadcrumbSeparator />}\n                        </React.Fragment>\n                    ))}\n                </BreadcrumbList>\n            </Breadcrumb>\n        </>\n    )\n}\n";
+//#endregion
+export { BreadcrumbDemo_default as default };

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

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

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

@@ -0,0 +1,85 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.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/ButtonDemo.tsx
+var ButtonDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => ButtonDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Button",
+	order: 2,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function ButtonDemo() {
+	const [loading, setLoading] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Button, { children: "default" }),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			children: "primary"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "dashed",
+			children: "dashed"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "text",
+			children: "text"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "link",
+			href: "#button",
+			children: "link"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			state: "danger",
+			children: "danger"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			state: "danger",
+			children: "primary danger"
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: " bg-red-300 p-1.5",
+			children: /* @__PURE__ */ jsx(Button, {
+				state: "ghost",
+				children: "ghost"
+			})
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			state: "ghost",
+			children: "primary ghost"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			disabled: true,
+			children: "disabled"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			loading,
+			onClick: () => {
+				setLoading(true);
+				setTimeout(() => setLoading(false), 2e3);
+			},
+			children: "loading (click)"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			children: "sm"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			size: "md",
+			children: "md"
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			size: "lg",
+			children: "lg"
+		})
+	] });
+}
+//#endregion
+export { ButtonDemo_exports, ButtonDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/ButtonDemo.tsx?raw
+var ButtonDemo_default = "import { Button } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Button',\n    order: 2,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Button ─────────────────────────────────────────────────────────────────\n\nexport default function ButtonDemo() {\n    const [loading, setLoading] = useState(false)\n    return (\n        <>\n            <Button>default</Button>\n            <Button variant=\"primary\">primary</Button>\n            <Button variant=\"dashed\">dashed</Button>\n            <Button variant=\"text\">text</Button>\n            <Button variant=\"link\" href=\"#button\">\n                link\n            </Button>\n            <Button state=\"danger\">danger</Button>\n            <Button variant=\"primary\" state=\"danger\">\n                primary danger\n            </Button>\n            <div className=\" bg-red-300 p-1.5\">\n                <Button state=\"ghost\">ghost</Button>\n            </div>\n            <Button variant=\"primary\" state=\"ghost\">\n                primary ghost\n            </Button>\n            <Button disabled>disabled</Button>\n            <Button\n                loading={loading}\n                onClick={() => {\n                    setLoading(true)\n                    setTimeout(() => setLoading(false), 2000)\n                }}\n            >\n                loading (click)\n            </Button>\n            <Button size=\"sm\">sm</Button>\n            <Button size=\"md\">md</Button>\n            <Button size=\"lg\">lg</Button>\n        </>\n    )\n}\n";
+//#endregion
+export { ButtonDemo_default as default };

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

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

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

@@ -0,0 +1,52 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { Card } from "../../../Card/Card.js";
+import "../../../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/testPage/demos/core/CardDemo.tsx
+var CardDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => CardDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Card",
+	order: 25,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function CardDemo() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "w-72",
+		children: /* @__PURE__ */ jsx(Card, {
+			header: /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: "卡片标题"
+			}),
+			footer: /* @__PURE__ */ jsxs("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					children: "取消"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					size: "sm",
+					children: "确认"
+				})]
+			}),
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "这是一张基础卡片，包含 header、body 和 footer 三个区域。"
+			})
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: "w-72",
+		children: /* @__PURE__ */ jsx(Card, {
+			className: "border-theme",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "无 header/footer 的简洁卡片。"
+			})
+		})
+	})] });
+}
+//#endregion
+export { CardDemo_exports, CardDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/CardDemo.tsx?raw
+var CardDemo_default = "import {\n    Button,\n    Card\n} from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Card',\n    order: 25,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Card ────────────────────────────────────────────────────────────────────\n\nexport default function CardDemo() {\n    return (\n        <>\n            <div className=\"w-72\">\n                <Card\n                    header={<span className=\"text-sm font-medium\">卡片标题</span>}\n                    footer={\n                        <div className=\"flex justify-end gap-2\">\n                            <Button size=\"sm\">取消</Button>\n                            <Button variant=\"primary\" size=\"sm\">\n                                确认\n                            </Button>\n                        </div>\n                    }\n                >\n                    <p className=\"text-sm text-muted-foreground\">\n                        这是一张基础卡片，包含 header、body 和 footer 三个区域。\n                    </p>\n                </Card>\n            </div>\n            <div className=\"w-72\">\n                <Card className=\"border-theme\">\n                    <p className=\"text-sm text-muted-foreground\">无 header/footer 的简洁卡片。</p>\n                </Card>\n            </div>\n        </>\n    )\n}\n";
+//#endregion
+export { CardDemo_default as default };

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

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

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

@@ -0,0 +1,41 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Checkbox } from "../../../Checkbox/Checkbox.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/CheckboxDemo.tsx
+var CheckboxDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => CheckboxDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "Checkbox",
+	order: 7,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function CheckboxDemo() {
+	const [checked, setChecked] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs("label", {
+			className: "flex items-center gap-2 cursor-pointer",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				checked,
+				onChange: (c) => setChecked(c)
+			}), /* @__PURE__ */ jsxs("span", { children: ["受控: ", checked ? "选中" : "未选中"] })]
+		}),
+		/* @__PURE__ */ jsxs("label", {
+			className: "flex items-center gap-2 cursor-pointer",
+			children: [/* @__PURE__ */ jsx(Checkbox, { defaultChecked: true }), /* @__PURE__ */ jsx("span", { children: "非受控默认选中" })]
+		}),
+		/* @__PURE__ */ jsxs("label", {
+			className: "flex items-center gap-2 cursor-pointer",
+			children: [/* @__PURE__ */ jsx(Checkbox, { indeterminate: true }), /* @__PURE__ */ jsx("span", { children: "半选状态" })]
+		}),
+		/* @__PURE__ */ jsxs("label", {
+			className: "flex items-center gap-2 cursor-pointer",
+			children: [/* @__PURE__ */ jsx(Checkbox, { disabled: true }), /* @__PURE__ */ jsx("span", { children: "禁用" })]
+		})
+	] });
+}
+//#endregion
+export { CheckboxDemo_exports, CheckboxDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/CheckboxDemo.tsx?raw
+var CheckboxDemo_default = "import { Checkbox } from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'Checkbox',\n    order: 7,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── Checkbox ────────────────────────────────────────────────────────────────\n\nexport default function CheckboxDemo() {\n    const [checked, setChecked] = useState(false)\n    return (\n        <>\n            <label className=\"flex items-center gap-2 cursor-pointer\">\n                <Checkbox checked={checked} onChange={(c) => setChecked(c)} />\n                <span>受控: {checked ? '选中' : '未选中'}</span>\n            </label>\n            <label className=\"flex items-center gap-2 cursor-pointer\">\n                <Checkbox defaultChecked />\n                <span>非受控默认选中</span>\n            </label>\n            <label className=\"flex items-center gap-2 cursor-pointer\">\n                <Checkbox indeterminate />\n                <span>半选状态</span>\n            </label>\n            <label className=\"flex items-center gap-2 cursor-pointer\">\n                <Checkbox disabled />\n                <span>禁用</span>\n            </label>\n        </>\n    )\n}\n";
+//#endregion
+export { CheckboxDemo_default as default };

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

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

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

@@ -0,0 +1,35 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Button } from "../../../Button/Button.js";
+import { ConfirmDialog } from "../../../ConfirmDialog/ConfirmDialog.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/ConfirmDialogDemo.tsx
+var ConfirmDialogDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => ConfirmDialogDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "ConfirmDialog",
+	order: 17,
+	contentClassName: "flex flex-wrap gap-3 items-start"
+};
+function ConfirmDialogDemo() {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+		onClick: () => setOpen(true),
+		children: "打开确认框"
+	}), /* @__PURE__ */ jsx(ConfirmDialog, {
+		open,
+		title: "删除确认",
+		content: "确定要删除此条数据吗？此操作不可撤销。",
+		onOk: () => {
+			message.success("已删除");
+			setOpen(false);
+		},
+		onCancel: () => setOpen(false)
+	})] });
+}
+//#endregion
+export { ConfirmDialogDemo_exports, ConfirmDialogDemo as default, demoMeta };

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

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/core/ConfirmDialogDemo.tsx?raw
+var ConfirmDialogDemo_default = "import {\n    message,\n    Button,\n    ConfirmDialog\n} from '@tc/ui-react/components'\nimport { useState } from 'react'\nimport type { DemoMeta } from '../../types'\n\nexport const demoMeta = {\n    title: 'ConfirmDialog',\n    order: 17,\n    contentClassName: 'flex flex-wrap gap-3 items-start',\n} satisfies DemoMeta\n\n// ─── ConfirmDialog ───────────────────────────────────────────────────────────\n\nexport default function ConfirmDialogDemo() {\n    const [open, setOpen] = useState(false)\n    return (\n        <>\n            <Button onClick={() => setOpen(true)}>打开确认框</Button>\n            <ConfirmDialog\n                open={open}\n                title=\"删除确认\"\n                content=\"确定要删除此条数据吗？此操作不可撤销。\"\n                onOk={() => {\n                    message.success('已删除')\n                    setOpen(false)\n                }}\n                onCancel={() => setOpen(false)}\n            />\n        </>\n    )\n}\n";
+//#endregion
+export { ConfirmDialogDemo_default as default };

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

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