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

package/fe/packages/react/ui/components/testPage/demos/menu/MenuTopDemo.js

@@ -0,0 +1,55 @@
+import { __exportAll } from "../../../../../../../_virtual/_rolldown/runtime.js";
+import { Menu } from "../../../Menu/Menu.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/menu/MenuTopDemo.tsx
+var MenuTopDemo_exports = /* @__PURE__ */ __exportAll({
+	default: () => MenuTopDemo,
+	demoMeta: () => demoMeta
+});
+var demoMeta = {
+	title: "6. Top 模式",
+	description: "一级菜单水平排列，子菜单下拉弹出",
+	order: 6,
+	contentClassName: "space-y-3"
+};
+var topItems = [
+	{
+		key: "home",
+		label: "Home"
+	},
+	{
+		key: "services",
+		label: "Services",
+		children: [{
+			key: "consulting",
+			label: "Consulting"
+		}, {
+			key: "development",
+			label: "Development"
+		}]
+	},
+	{
+		key: "about",
+		label: "About"
+	}
+];
+function MenuTopDemo() {
+	const [topKey, setTopKey] = useState("home");
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		className: "border rounded-lg w-full",
+		children: /* @__PURE__ */ jsx(Menu, {
+			mode: "top",
+			selectedKey: topKey,
+			onSelect: setTopKey,
+			items: topItems,
+			className: "border-b"
+		})
+	}), /* @__PURE__ */ jsxs("p", {
+		className: "text-sm text-muted-foreground",
+		children: ["当前选中: ", topKey]
+	})] });
+}
+//#endregion
+export { MenuTopDemo_exports, MenuTopDemo as default, demoMeta };

package/fe/packages/react/ui/components/testPage/demos/menu/MenuTopDemo2.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/testPage/demos/menu/MenuTopDemo.tsx?raw
+var MenuTopDemo_default = "import { useState } from 'react'\nimport { Menu, type MenuItemData } from '@tc/ui-react/components'\nimport type { DemoMeta } from '../../types'\n\n\nexport const demoMeta = {\n  title: '6. Top 模式',\n  description: '一级菜单水平排列，子菜单下拉弹出',\n  order: 6,\n  contentClassName: 'space-y-3',\n} satisfies DemoMeta\n\n// ─── 示例数据 ────────────────────────────────────────────────────────────────\n\nconst topItems: MenuItemData[] = [\n  { key: 'home', label: 'Home' },\n  {\n    key: 'services',\n    label: 'Services',\n    children: [\n      { key: 'consulting', label: 'Consulting' },\n      { key: 'development', label: 'Development' },\n    ],\n  },\n  { key: 'about', label: 'About' },\n]\n\nexport default function MenuTopDemo() {\n  const [topKey, setTopKey] = useState('home')\n  return (\n    <>\n      <div className=\"border rounded-lg w-full\">\n                <Menu mode=\"top\" selectedKey={topKey} onSelect={setTopKey} items={topItems} className=\"border-b\" />\n              </div>\n              <p className=\"text-sm text-muted-foreground\">当前选中: {topKey}</p>\n    </>\n  )\n}\n";
+//#endregion
+export { MenuTopDemo_default as default };