doc-render-sdk 0.0.1

package/dist/index.mjs

@@ -0,0 +1,3519 @@
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import EventTarget from "mini-event/EventTarget";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneDeep, get as get$1, merge, set as set$1 } from "lodash-es";
+
+//#region src/components/Navigation.tsx
+const Navigation = ({ config, theme, currentRoute, componentRegistry, onNavigate, compact = false }) => {
+	const navigationItems = useMemo(() => {
+		const navigationConfig = config.navigation || {};
+		const { mode = "auto", groups = [], showHome = true } = navigationConfig;
+		const items = [];
+		if (showHome) items.push({
+			id: "home",
+			label: navigationConfig.homeTitle || "首页",
+			path: "/",
+			type: "home"
+		});
+		if (mode === "manual" && groups.length > 0) groups.forEach((group) => {
+			items.push({
+				id: group.id,
+				label: group.label,
+				type: "group",
+				children: group.items || []
+			});
+		});
+		else {
+			const components = componentRegistry.getComponentIds();
+			if (components.length > 0) {
+				const componentGroup = {
+					id: "components",
+					label: "组件",
+					type: "group",
+					children: components.map((componentId) => {
+						const componentConfig = componentRegistry.getComponent(componentId);
+						return {
+							id: componentId,
+							label: componentConfig?.label || componentId,
+							path: `/${componentId}`,
+							type: "component"
+						};
+					})
+				};
+				items.push(componentGroup);
+			}
+		}
+		return items;
+	}, [config, componentRegistry]);
+	const handleItemClick = (item) => {
+		if (item.path && onNavigate) onNavigate(item.path);
+	};
+	const isItemActive = (item) => {
+		if (!currentRoute) return false;
+		if (item.type === "home") return currentRoute.path === "/";
+		if (item.type === "component") return currentRoute.path === item.path;
+		return false;
+	};
+	const renderNavigationItem = (item, level = 0) => {
+		const isActive = isItemActive(item);
+		const hasChildren = item.children && item.children.length > 0;
+		if (item.type === "group") return /* @__PURE__ */ jsxs("div", {
+			className: "doc-navigation-group",
+			children: [!compact && /* @__PURE__ */ jsx("div", {
+				className: "doc-navigation-group-title",
+				children: item.label
+			}), hasChildren && /* @__PURE__ */ jsx("div", {
+				className: "doc-navigation-group-items",
+				children: item.children.map((child) => renderNavigationItem(child, level + 1))
+			})]
+		}, item.id);
+		return /* @__PURE__ */ jsxs("a", {
+			className: `doc-navigation-item ${isActive ? "active" : ""} ${compact ? "compact" : ""}`,
+			onClick: (e) => {
+				e.preventDefault();
+				handleItemClick(item);
+			},
+			href: item.path || "#",
+			style: { paddingLeft: `${16 + level * 16}px` },
+			children: [
+				item.icon && /* @__PURE__ */ jsx("span", {
+					className: "doc-navigation-item-icon",
+					children: item.icon
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "doc-navigation-item-label",
+					children: item.label
+				}),
+				item.badge && /* @__PURE__ */ jsx("span", {
+					className: "doc-navigation-item-badge",
+					children: item.badge
+				})
+			]
+		}, item.id);
+	};
+	return /* @__PURE__ */ jsxs("nav", {
+		className: `doc-navigation ${compact ? "compact" : ""}`,
+		children: [!compact && config.title && /* @__PURE__ */ jsx("div", {
+			className: "doc-navigation-title",
+			children: config.title
+		}), /* @__PURE__ */ jsx("div", {
+			className: "doc-navigation-items",
+			children: navigationItems.map((item) => renderNavigationItem(item))
+		})]
+	});
+};
+var Navigation_default = Navigation;
+
+//#endregion
+//#region src/components/Search.tsx
+const Search = ({ config, componentRegistry, onClose, onNavigate }) => {
+	const [query, setQuery] = useState("");
+	const [results, setResults] = useState([]);
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const inputRef = useRef(null);
+	const overlayRef = useRef(null);
+	useEffect(() => {
+		if (inputRef.current) inputRef.current.focus();
+		const handleKeyDown = (e) => {
+			if (e.key === "Escape") onClose();
+			else if (e.key === "ArrowDown") {
+				e.preventDefault();
+				setSelectedIndex((prev) => Math.min(prev + 1, results.length - 1));
+			} else if (e.key === "ArrowUp") {
+				e.preventDefault();
+				setSelectedIndex((prev) => Math.max(prev - 1, 0));
+			} else if (e.key === "Enter") {
+				e.preventDefault();
+				if (results[selectedIndex]) handleResultClick(results[selectedIndex]);
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [
+		results,
+		selectedIndex,
+		onClose
+	]);
+	useEffect(() => {
+		if (!query.trim()) {
+			setResults([]);
+			setSelectedIndex(0);
+			return;
+		}
+		const searchResults = performSearch(query);
+		setResults(searchResults);
+		setSelectedIndex(0);
+	}, [query, componentRegistry]);
+	const performSearch = (searchQuery) => {
+		const results$1 = [];
+		const lowerQuery = searchQuery.toLowerCase();
+		const componentIds = componentRegistry.getComponentIds();
+		componentIds.forEach((componentId) => {
+			const componentConfig = componentRegistry.getComponent(componentId);
+			const label = componentConfig?.label || componentId;
+			const description = componentConfig?.description || "";
+			if (label.toLowerCase().includes(lowerQuery) || description.toLowerCase().includes(lowerQuery) || componentId.toLowerCase().includes(lowerQuery)) results$1.push({
+				type: "component",
+				id: componentId,
+				title: label,
+				description,
+				path: `/${componentId}`,
+				score: calculateScore(lowerQuery, label, description)
+			});
+			const demos = componentRegistry.getDemos(componentId);
+			demos.forEach((demo, demoSource) => {
+				const demoTitle = demo.title || demoSource;
+				const demoDesc = demo.desc || "";
+				if (demoTitle.toLowerCase().includes(lowerQuery) || demoDesc.toLowerCase().includes(lowerQuery)) results$1.push({
+					type: "demo",
+					id: `${componentId}-${demoSource}`,
+					title: `${label} - ${demoTitle}`,
+					description: demoDesc,
+					path: `/${componentId}`,
+					anchor: `demo-${demoSource}`,
+					score: calculateScore(lowerQuery, demoTitle, demoDesc)
+				});
+			});
+			const apis = componentRegistry.getApis(componentId);
+			apis.forEach((api, apiKey) => {
+				const apiTitle = api.title || apiKey;
+				if (apiTitle.toLowerCase().includes(lowerQuery)) results$1.push({
+					type: "api",
+					id: `${componentId}-${apiKey}`,
+					title: `${label} - ${apiTitle}`,
+					description: "API文档",
+					path: `/${componentId}`,
+					anchor: `api-${apiKey}`,
+					score: calculateScore(lowerQuery, apiTitle, "")
+				});
+			});
+		});
+		return results$1.sort((a, b) => b.score - a.score).slice(0, 10);
+	};
+	const calculateScore = (query$1, title, description) => {
+		let score = 0;
+		const lowerTitle = title.toLowerCase();
+		const lowerDesc = description.toLowerCase();
+		if (lowerTitle === query$1) score += 100;
+		else if (lowerTitle.startsWith(query$1)) score += 50;
+		else if (lowerTitle.includes(query$1)) score += 25;
+		if (lowerDesc.includes(query$1)) score += 10;
+		return score;
+	};
+	const handleResultClick = (result) => {
+		if (onNavigate) {
+			onNavigate(result.path);
+			if (result.anchor) setTimeout(() => {
+				const element = document.getElementById(result.anchor);
+				if (element) element.scrollIntoView({ behavior: "smooth" });
+			}, 100);
+		}
+		onClose();
+	};
+	const handleOverlayClick = (e) => {
+		if (e.target === overlayRef.current) onClose();
+	};
+	const getResultIcon = (type) => {
+		switch (type) {
+			case "component": return "📦";
+			case "demo": return "🎯";
+			case "api": return "📋";
+			default: return "📄";
+		}
+	};
+	const highlightText = (text, query$1) => {
+		if (!query$1) return text;
+		const regex = new RegExp(`(${query$1})`, "gi");
+		const parts = text.split(regex);
+		return parts.map((part, index) => regex.test(part) ? /* @__PURE__ */ jsx("mark", {
+			className: "doc-search-highlight",
+			children: part
+		}, index) : part);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "doc-search-overlay",
+		ref: overlayRef,
+		onClick: handleOverlayClick,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "doc-search-modal",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "doc-search-input-container",
+					children: [/* @__PURE__ */ jsx("input", {
+						ref: inputRef,
+						type: "text",
+						className: "doc-search-input",
+						placeholder: config.placeholder || "搜索文档...",
+						value: query,
+						onChange: (e) => setQuery(e.target.value)
+					}), /* @__PURE__ */ jsx("button", {
+						className: "doc-search-close",
+						onClick: onClose,
+						title: "关闭搜索",
+						children: "✕"
+					})]
+				}),
+				results.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "doc-search-results",
+					children: results.map((result, index) => /* @__PURE__ */ jsxs("div", {
+						className: `doc-search-result ${index === selectedIndex ? "selected" : ""}`,
+						onClick: () => handleResultClick(result),
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "doc-search-result-icon",
+								children: getResultIcon(result.type)
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "doc-search-result-content",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "doc-search-result-title",
+									children: highlightText(result.title, query)
+								}), result.description && /* @__PURE__ */ jsx("div", {
+									className: "doc-search-result-description",
+									children: highlightText(result.description, query)
+								})]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "doc-search-result-type",
+								children: result.type
+							})
+						]
+					}, result.id))
+				}),
+				query && results.length === 0 && /* @__PURE__ */ jsx("div", {
+					className: "doc-search-no-results",
+					children: /* @__PURE__ */ jsx("p", { children: "未找到相关结果" })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "doc-search-footer",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "doc-search-shortcuts",
+						children: [
+							/* @__PURE__ */ jsxs("span", { children: [
+								/* @__PURE__ */ jsx("kbd", { children: "↑" }),
+								/* @__PURE__ */ jsx("kbd", { children: "↓" }),
+								" 导航"
+							] }),
+							/* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("kbd", { children: "Enter" }), " 选择"] }),
+							/* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("kbd", { children: "Esc" }), " 关闭"] })
+						]
+					})
+				})
+			]
+		})
+	});
+};
+var Search_default = Search;
+
+//#endregion
+//#region src/components/Header.tsx
+const Header = ({ config, theme, currentRoute, sidebarCollapsed, onSidebarToggle, showNavigation = false, componentRegistry, onNavigate }) => {
+	const [searchVisible, setSearchVisible] = useState(false);
+	const headerConfig = config.layout?.header || {};
+	const searchConfig = config.search || {};
+	const handleSearchToggle = () => {
+		setSearchVisible(!searchVisible);
+	};
+	const handleSearchClose = () => {
+		setSearchVisible(false);
+	};
+	const renderLogo = () => {
+		if (!headerConfig.showLogo) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: "doc-header-logo",
+			children: config.logo ? /* @__PURE__ */ jsx("img", {
+				src: config.logo,
+				alt: config.title
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "doc-header-logo-placeholder",
+				children: "📚"
+			})
+		});
+	};
+	const renderTitle = () => {
+		if (!headerConfig.showTitle || !config.title) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-header-title",
+			children: [config.title, config.version && /* @__PURE__ */ jsxs("span", {
+				className: "doc-header-version",
+				children: ["v", config.version]
+			})]
+		});
+	};
+	const renderNavigation = () => {
+		if (!showNavigation || !componentRegistry) return null;
+		const components = componentRegistry.getComponentIds();
+		return /* @__PURE__ */ jsxs("nav", {
+			className: "doc-header-navigation",
+			children: [/* @__PURE__ */ jsx("a", {
+				className: `doc-header-nav-item ${currentRoute?.path === "/" ? "active" : ""}`,
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigate?.("/");
+				},
+				href: "/",
+				children: "首页"
+			}), components.map((componentId) => {
+				const componentConfig = componentRegistry.getComponent(componentId);
+				const path = `/${componentId}`;
+				const isActive = currentRoute?.path === path;
+				return /* @__PURE__ */ jsx("a", {
+					className: `doc-header-nav-item ${isActive ? "active" : ""}`,
+					onClick: (e) => {
+						e.preventDefault();
+						onNavigate?.(path);
+					},
+					href: path,
+					children: componentConfig?.label || componentId
+				}, componentId);
+			})]
+		});
+	};
+	const renderActions = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-header-actions",
+			children: [
+				searchConfig.enabled && headerConfig.showSearch && /* @__PURE__ */ jsx("button", {
+					className: "doc-header-action doc-header-search-button",
+					onClick: handleSearchToggle,
+					title: `搜索 (${searchConfig.hotkey || "Ctrl+K"})`,
+					children: "🔍"
+				}),
+				onSidebarToggle && /* @__PURE__ */ jsx("button", {
+					className: "doc-header-action doc-header-sidebar-toggle",
+					onClick: onSidebarToggle,
+					title: sidebarCollapsed ? "展开侧边栏" : "收起侧边栏",
+					children: sidebarCollapsed ? "☰" : "✕"
+				}),
+				config.github && /* @__PURE__ */ jsx("a", {
+					className: "doc-header-action doc-header-github",
+					href: config.github,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					title: "GitHub",
+					children: /* @__PURE__ */ jsx("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "currentColor",
+						children: /* @__PURE__ */ jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" })
+					})
+				})
+			]
+		});
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("header", {
+		className: "doc-header",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "doc-header-content",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "doc-header-left",
+					children: [renderLogo(), renderTitle()]
+				}),
+				renderNavigation(),
+				/* @__PURE__ */ jsx("div", {
+					className: "doc-header-right",
+					children: renderActions()
+				})
+			]
+		})
+	}), searchVisible && searchConfig.enabled && /* @__PURE__ */ jsx(Search_default, {
+		config: searchConfig,
+		componentRegistry,
+		onClose: handleSearchClose,
+		onNavigate
+	})] });
+};
+var Header_default = Header;
+
+//#endregion
+//#region src/components/CodeBlock.tsx
+const CodeBlock = ({ code, language = "javascript", theme, showLineNumbers = false, highlightLines = [], className = "" }) => {
+	const codeRef = useRef(null);
+	useEffect(() => {
+		if (window.hljs && codeRef.current) window.hljs.highlightElement(codeRef.current);
+	}, [code, language]);
+	const renderLineNumbers = () => {
+		if (!showLineNumbers) return null;
+		const lines = code.split("\n");
+		return /* @__PURE__ */ jsx("div", {
+			className: "doc-code-line-numbers",
+			children: lines.map((_, index) => /* @__PURE__ */ jsx("div", {
+				className: `doc-code-line-number ${highlightLines.includes(index + 1) ? "highlighted" : ""}`,
+				children: index + 1
+			}, index))
+		});
+	};
+	const renderCode = () => {
+		if (showLineNumbers) {
+			const lines = code.split("\n");
+			return /* @__PURE__ */ jsx("div", {
+				className: "doc-code-content",
+				children: lines.map((line, index) => /* @__PURE__ */ jsx("div", {
+					className: `doc-code-line ${highlightLines.includes(index + 1) ? "highlighted" : ""}`,
+					children: line || " "
+				}, index))
+			});
+		}
+		return /* @__PURE__ */ jsx("pre", {
+			className: "doc-code-content",
+			children: /* @__PURE__ */ jsx("code", {
+				ref: codeRef,
+				className: `language-${language}`,
+				children: code
+			})
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `doc-code-block ${className}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "doc-code-header",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "doc-code-language",
+				children: language
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "doc-code-body",
+			children: [renderLineNumbers(), renderCode()]
+		})]
+	});
+};
+var CodeBlock_default = CodeBlock;
+
+//#endregion
+//#region src/components/Demo.tsx
+const Demo = ({ demo, componentId, config, theme, renderer }) => {
+	const [codeVisible, setCodeVisible] = useState(false);
+	const [copied, setCopied] = useState(false);
+	const demoRef = useRef(null);
+	const demoConfig = config.demo || {};
+	const { showCode = true, codeCollapsed = true, showCopyButton = true, showExpandButton = true } = demoConfig;
+	useEffect(() => {
+		setCodeVisible(!codeCollapsed);
+	}, [codeCollapsed]);
+	const handleCodeToggle = () => {
+		setCodeVisible(!codeVisible);
+	};
+	const handleCopyCode = async () => {
+		if (!demo.code) return;
+		try {
+			await navigator.clipboard.writeText(demo.code);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2e3);
+		} catch (error) {
+			console.error("Failed to copy code:", error);
+		}
+	};
+	const renderDemo = () => {
+		if (!demo.component) return /* @__PURE__ */ jsx("div", {
+			className: "doc-demo-error",
+			children: /* @__PURE__ */ jsx("p", { children: "Demo组件加载失败" })
+		});
+		try {
+			const DemoComponent = demo.component;
+			return /* @__PURE__ */ jsx(DemoComponent, {});
+		} catch (error) {
+			console.error("Demo render error:", error);
+			return /* @__PURE__ */ jsx("div", {
+				className: "doc-demo-error",
+				children: /* @__PURE__ */ jsxs("p", { children: ["Demo渲染出错: ", error.message] })
+			});
+		}
+	};
+	const renderDescription = () => {
+		if (!demo.desc) return null;
+		if (demo.descFlag === false) return /* @__PURE__ */ jsx("div", {
+			className: "doc-demo-description",
+			children: demo.desc
+		});
+		const styledDesc = demo.desc.replace(/{([^}]+)}/g, "<span class=\"doc-demo-highlight\">$1</span>");
+		return /* @__PURE__ */ jsx("div", {
+			className: "doc-demo-description",
+			dangerouslySetInnerHTML: { __html: styledDesc }
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "doc-demo",
+		"data-demo": demo.source,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "doc-demo-header",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "doc-demo-title",
+					children: demo.title
+				}), renderDescription()]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "doc-demo-content",
+				ref: demoRef,
+				children: renderDemo()
+			}),
+			showCode && demo.code && /* @__PURE__ */ jsxs(Fragment, { children: [codeVisible && /* @__PURE__ */ jsx("div", {
+				className: "doc-demo-code",
+				children: /* @__PURE__ */ jsx(CodeBlock_default, {
+					code: demo.code,
+					language: "jsx",
+					theme,
+					showLineNumbers: true
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "doc-demo-actions",
+				children: [
+					showCopyButton && /* @__PURE__ */ jsx("button", {
+						className: "doc-demo-action",
+						onClick: handleCopyCode,
+						title: "复制代码",
+						children: copied ? "已复制" : "复制代码"
+					}),
+					showExpandButton && /* @__PURE__ */ jsx("button", {
+						className: "doc-demo-action",
+						onClick: handleCodeToggle,
+						title: codeVisible ? "隐藏代码" : "显示代码",
+						children: codeVisible ? "隐藏代码" : "显示代码"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: "doc-demo-action",
+						onClick: () => {
+							renderer?.emit("demo.openInNewWindow", {
+								componentId,
+								demo
+							});
+						},
+						title: "在新窗口打开",
+						children: "新窗口打开"
+					})
+				]
+			})] })
+		]
+	});
+};
+var Demo_default = Demo;
+
+//#endregion
+//#region src/components/ApiDoc.tsx
+const ApiDoc = ({ api, componentId, config, theme }) => {
+	const apiConfig = config.api || {};
+	const { showRequired = true, showType = true, showDefault = true, showDescription = true } = apiConfig;
+	const renderApiTable = () => {
+		if (!api.data || !Array.isArray(api.data) || api.data.length === 0) return /* @__PURE__ */ jsx("div", {
+			className: "doc-api-empty",
+			children: /* @__PURE__ */ jsx("p", { children: "暂无API文档" })
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-api-table",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "doc-api-table-header",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-param",
+						children: "参数"
+					}),
+					showType && /* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-type",
+						children: "类型"
+					}),
+					showDescription && /* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-description",
+						children: "说明"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-option",
+						children: "可选值"
+					}),
+					showDefault && /* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-default",
+						children: "默认值"
+					}),
+					showRequired && /* @__PURE__ */ jsx("div", {
+						className: "doc-api-table-cell doc-api-table-required",
+						children: "必需"
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "doc-api-table-body",
+				children: api.data.map((item, index) => /* @__PURE__ */ jsxs("div", {
+					className: "doc-api-table-row",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "doc-api-table-cell doc-api-table-param",
+							children: [/* @__PURE__ */ jsx("code", {
+								className: "doc-api-param-name",
+								children: item.param
+							}), item.deprecated && /* @__PURE__ */ jsx("span", {
+								className: "doc-api-deprecated",
+								children: "已废弃"
+							})]
+						}),
+						showType && /* @__PURE__ */ jsx("div", {
+							className: "doc-api-table-cell doc-api-table-type",
+							children: /* @__PURE__ */ jsx("code", {
+								className: "doc-api-type",
+								children: item.type
+							})
+						}),
+						showDescription && /* @__PURE__ */ jsx("div", {
+							className: "doc-api-table-cell doc-api-table-description",
+							children: renderDescription(item.desc, item.descFlag)
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "doc-api-table-cell doc-api-table-option",
+							children: item.option && /* @__PURE__ */ jsx("code", {
+								className: "doc-api-option",
+								children: item.option
+							})
+						}),
+						showDefault && /* @__PURE__ */ jsx("div", {
+							className: "doc-api-table-cell doc-api-table-default",
+							children: item.default !== void 0 && item.default !== "" && /* @__PURE__ */ jsx("code", {
+								className: "doc-api-default",
+								children: String(item.default)
+							})
+						}),
+						showRequired && /* @__PURE__ */ jsx("div", {
+							className: "doc-api-table-cell doc-api-table-required",
+							children: item.required ? /* @__PURE__ */ jsx("span", {
+								className: "doc-api-required-yes",
+								children: "是"
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "doc-api-required-no",
+								children: "否"
+							})
+						})
+					]
+				}, index))
+			})]
+		});
+	};
+	const renderDescription = (desc, descFlag = true) => {
+		if (!desc) return null;
+		if (typeof desc === "string") if (descFlag) {
+			const styledDesc = desc.replace(/{([^}]+)}/g, "<span class=\"doc-api-highlight\">$1</span>");
+			return /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: styledDesc } });
+		} else return /* @__PURE__ */ jsx("div", { children: desc });
+		return desc;
+	};
+	const renderCustomContent = () => {
+		if (!api.CustomContent) return null;
+		try {
+			const CustomContent = api.CustomContent;
+			return /* @__PURE__ */ jsx(CustomContent, {});
+		} catch (error) {
+			console.error("API custom content render error:", error);
+			return null;
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "doc-api",
+		id: `api-${api.apiKey}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "doc-api-header",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "doc-api-title",
+					children: api.title
+				}), api.description && /* @__PURE__ */ jsx("p", {
+					className: "doc-api-description",
+					children: api.description
+				})]
+			}),
+			renderCustomContent(),
+			renderApiTable(),
+			api.example && /* @__PURE__ */ jsxs("div", {
+				className: "doc-api-example",
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: "doc-api-example-title",
+					children: "示例"
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "doc-api-example-code",
+					children: /* @__PURE__ */ jsx("code", { children: api.example })
+				})]
+			}),
+			api.notes && /* @__PURE__ */ jsxs("div", {
+				className: "doc-api-notes",
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: "doc-api-notes-title",
+					children: "注意事项"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "doc-api-notes-content",
+					children: Array.isArray(api.notes) ? /* @__PURE__ */ jsx("ul", { children: api.notes.map((note, index) => /* @__PURE__ */ jsx("li", { children: note }, index)) }) : /* @__PURE__ */ jsx("p", { children: api.notes })
+				})]
+			})
+		]
+	});
+};
+var ApiDoc_default = ApiDoc;
+
+//#endregion
+//#region src/components/Home.tsx
+const Home = ({ config, theme, componentRegistry }) => {
+	const components = componentRegistry.getComponentIds();
+	const renderWelcome = () => /* @__PURE__ */ jsxs("div", {
+		className: "doc-home-welcome",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "doc-home-title",
+				children: config.title || "Documentation"
+			}),
+			config.description && /* @__PURE__ */ jsx("p", {
+				className: "doc-home-description",
+				children: config.description
+			}),
+			config.version && /* @__PURE__ */ jsxs("div", {
+				className: "doc-home-version",
+				children: ["当前版本: ", /* @__PURE__ */ jsx("code", { children: config.version })]
+			})
+		]
+	});
+	const renderQuickStart = () => {
+		if (config.quickStart === false) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-home-section",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "doc-home-section-title",
+					children: "快速开始"
+				}),
+				config.installation && /* @__PURE__ */ jsxs("div", {
+					className: "doc-home-installation",
+					children: [/* @__PURE__ */ jsx("h3", { children: "安装" }), /* @__PURE__ */ jsx("pre", {
+						className: "doc-home-code",
+						children: /* @__PURE__ */ jsx("code", { children: config.installation })
+					})]
+				}),
+				config.usage && /* @__PURE__ */ jsxs("div", {
+					className: "doc-home-usage",
+					children: [/* @__PURE__ */ jsx("h3", { children: "使用" }), /* @__PURE__ */ jsx("pre", {
+						className: "doc-home-code",
+						children: /* @__PURE__ */ jsx("code", { children: config.usage })
+					})]
+				})
+			]
+		});
+	};
+	const renderComponents = () => {
+		if (components.length === 0) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-home-section",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "doc-home-section-title",
+				children: "组件列表"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "doc-home-components",
+				children: components.map((componentId) => {
+					const componentConfig = componentRegistry.getComponent(componentId);
+					const demos = componentRegistry.getDemos(componentId);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "doc-home-component-card",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "doc-home-component-title",
+								children: /* @__PURE__ */ jsx("a", {
+									href: `#/${componentId}`,
+									children: componentConfig?.label || componentId
+								})
+							}),
+							componentConfig?.description && /* @__PURE__ */ jsx("p", {
+								className: "doc-home-component-description",
+								children: componentConfig.description
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "doc-home-component-meta",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "doc-home-component-demos",
+									children: [demos.size, " 个示例"]
+								}), componentConfig?.version && /* @__PURE__ */ jsxs("span", {
+									className: "doc-home-component-version",
+									children: ["v", componentConfig.version]
+								})]
+							})
+						]
+					}, componentId);
+				})
+			})]
+		});
+	};
+	const renderFeatures = () => {
+		if (!config.features || !Array.isArray(config.features)) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-home-section",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "doc-home-section-title",
+				children: "特性"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "doc-home-features",
+				children: config.features.map((feature, index) => /* @__PURE__ */ jsxs("div", {
+					className: "doc-home-feature",
+					children: [
+						feature.icon && /* @__PURE__ */ jsx("div", {
+							className: "doc-home-feature-icon",
+							children: feature.icon
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							className: "doc-home-feature-title",
+							children: feature.title
+						}),
+						feature.description && /* @__PURE__ */ jsx("p", {
+							className: "doc-home-feature-description",
+							children: feature.description
+						})
+					]
+				}, index))
+			})]
+		});
+	};
+	const renderCustomContent = () => {
+		if (!config.homeContent) return null;
+		if (typeof config.homeContent === "function") {
+			const CustomContent = config.homeContent;
+			return /* @__PURE__ */ jsx(CustomContent, {
+				config,
+				theme,
+				componentRegistry
+			});
+		}
+		if (typeof config.homeContent === "string") return /* @__PURE__ */ jsx("div", {
+			className: "doc-home-custom-content",
+			dangerouslySetInnerHTML: { __html: config.homeContent }
+		});
+		return config.homeContent;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "doc-home",
+		children: [
+			renderWelcome(),
+			renderQuickStart(),
+			renderFeatures(),
+			renderComponents(),
+			renderCustomContent()
+		]
+	});
+};
+var Home_default = Home;
+
+//#endregion
+//#region src/components/Content.tsx
+const Content = ({ config, theme, currentRoute, componentRegistry, renderer }) => {
+	const renderContent = useMemo(() => {
+		if (!currentRoute) return /* @__PURE__ */ jsx("div", {
+			className: "doc-content-loading",
+			children: "加载中..."
+		});
+		if (currentRoute.component === "home" || currentRoute.path === "/") return /* @__PURE__ */ jsx(Home_default, {
+			config,
+			theme,
+			componentRegistry
+		});
+		const componentId = currentRoute.component;
+		const componentConfig = componentRegistry.getComponent(componentId);
+		if (!componentConfig) return /* @__PURE__ */ jsxs("div", {
+			className: "doc-content-not-found",
+			children: [/* @__PURE__ */ jsx("h1", { children: "页面未找到" }), /* @__PURE__ */ jsxs("p", { children: [
+				"组件 \"",
+				componentId,
+				"\" 不存在"
+			] })]
+		});
+		return /* @__PURE__ */ jsx(ComponentPage, {
+			componentId,
+			componentConfig,
+			componentRegistry,
+			config,
+			theme,
+			renderer
+		});
+	}, [
+		currentRoute,
+		componentRegistry,
+		config,
+		theme,
+		renderer
+	]);
+	return /* @__PURE__ */ jsx("main", {
+		className: "doc-content",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "doc-content-container",
+			children: renderContent
+		})
+	});
+};
+const ComponentPage = ({ componentId, componentConfig, componentRegistry, config, theme, renderer }) => {
+	const demos = componentRegistry.getDemos(componentId);
+	const apis = componentRegistry.getApis(componentId);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "doc-component-page",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "doc-component-header",
+				children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "doc-component-title",
+						children: componentConfig.label || componentId
+					}),
+					componentConfig.description && /* @__PURE__ */ jsx("p", {
+						className: "doc-component-description",
+						children: componentConfig.description
+					}),
+					componentConfig.version && /* @__PURE__ */ jsxs("div", {
+						className: "doc-component-version",
+						children: ["版本: ", componentConfig.version]
+					})
+				]
+			}),
+			demos.size > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "doc-component-demos",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "doc-component-section-title",
+					children: "示例"
+				}), Array.from(demos.values()).map((demo, index) => /* @__PURE__ */ jsx(Demo_default, {
+					demo,
+					componentId,
+					config,
+					theme,
+					renderer
+				}, demo.source || index))]
+			}),
+			apis.size > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "doc-component-apis",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "doc-component-section-title",
+					id: "api",
+					children: "API"
+				}), Array.from(apis.values()).map((api, index) => /* @__PURE__ */ jsx(ApiDoc_default, {
+					api,
+					componentId,
+					config,
+					theme
+				}, api.apiKey || index))]
+			}),
+			componentConfig.extra && /* @__PURE__ */ jsx("div", {
+				className: "doc-component-extra",
+				children: typeof componentConfig.extra === "function" ? componentConfig.extra({
+					componentId,
+					config,
+					theme
+				}) : componentConfig.extra
+			})
+		]
+	});
+};
+var Content_default = Content;
+
+//#endregion
+//#region src/components/Footer.tsx
+const Footer = ({ config, theme }) => {
+	const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+	const renderCopyright = () => {
+		if (config.copyright === false) return null;
+		const copyright = config.copyright || `© ${currentYear} ${config.title || "Documentation"}`;
+		return /* @__PURE__ */ jsx("div", {
+			className: "doc-footer-copyright",
+			children: copyright
+		});
+	};
+	const renderLinks = () => {
+		if (!config.footerLinks || !Array.isArray(config.footerLinks)) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: "doc-footer-links",
+			children: config.footerLinks.map((link, index) => /* @__PURE__ */ jsx("a", {
+				href: link.url,
+				target: link.external ? "_blank" : "_self",
+				rel: link.external ? "noopener noreferrer" : void 0,
+				className: "doc-footer-link",
+				children: link.text
+			}, index))
+		});
+	};
+	const renderPoweredBy = () => {
+		if (config.hidePoweredBy) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "doc-footer-powered",
+			children: ["Powered by ", /* @__PURE__ */ jsx("a", {
+				href: "https://github.com/your-org/doc-sdk",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: "Doc SDK"
+			})]
+		});
+	};
+	const renderCustomContent = () => {
+		if (!config.footerContent) return null;
+		if (typeof config.footerContent === "function") {
+			const CustomContent = config.footerContent;
+			return /* @__PURE__ */ jsx(CustomContent, {
+				config,
+				theme
+			});
+		}
+		if (typeof config.footerContent === "string") return /* @__PURE__ */ jsx("div", {
+			className: "doc-footer-custom",
+			dangerouslySetInnerHTML: { __html: config.footerContent }
+		});
+		return config.footerContent;
+	};
+	return /* @__PURE__ */ jsx("footer", {
+		className: "doc-footer",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "doc-footer-content",
+			children: [
+				renderCopyright(),
+				renderLinks(),
+				renderCustomContent(),
+				renderPoweredBy()
+			]
+		})
+	});
+};
+var Footer_default = Footer;
+
+//#endregion
+//#region src/components/Layout.tsx
+const Layout = ({ config, theme, renderer, routerManager, componentRegistry, onRouteChange }) => {
+	const [currentRoute, setCurrentRoute] = useState(null);
+	const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+	useEffect(() => {
+		const unsubscribe = routerManager.onRouteChange((route) => {
+			setCurrentRoute(route);
+			if (onRouteChange) onRouteChange(route);
+		});
+		setCurrentRoute(routerManager.getCurrentRoute());
+		return unsubscribe;
+	}, [routerManager, onRouteChange]);
+	const layoutConfig = config.layout || {};
+	const { type = "sidebar" } = layoutConfig;
+	const handleSidebarToggle = () => {
+		setSidebarCollapsed(!sidebarCollapsed);
+	};
+	const handleNavigate = (path, params) => {
+		routerManager.navigate(path, params);
+	};
+	const renderSidebarLayout = () => /* @__PURE__ */ jsxs("div", {
+		className: "doc-layout doc-layout-sidebar-type",
+		children: [
+			/* @__PURE__ */ jsx(Header_default, {
+				config,
+				theme,
+				currentRoute,
+				sidebarCollapsed,
+				onSidebarToggle: handleSidebarToggle
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "doc-layout-content",
+				children: [!sidebarCollapsed && /* @__PURE__ */ jsx("div", {
+					className: "doc-layout-sidebar",
+					children: /* @__PURE__ */ jsx(Navigation_default, {
+						config,
+						theme,
+						currentRoute,
+						componentRegistry,
+						onNavigate: handleNavigate
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "doc-layout-main",
+					children: /* @__PURE__ */ jsx(Content_default, {
+						config,
+						theme,
+						currentRoute,
+						componentRegistry,
+						renderer
+					})
+				})]
+			}),
+			layoutConfig.footer?.show !== false && /* @__PURE__ */ jsx(Footer_default, {
+				config,
+				theme
+			})
+		]
+	});
+	const renderTopLayout = () => /* @__PURE__ */ jsxs("div", {
+		className: "doc-layout doc-layout-top-type",
+		children: [
+			/* @__PURE__ */ jsx(Header_default, {
+				config,
+				theme,
+				currentRoute,
+				showNavigation: true,
+				componentRegistry,
+				onNavigate: handleNavigate
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "doc-layout-content",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "doc-layout-main",
+					children: /* @__PURE__ */ jsx(Content_default, {
+						config,
+						theme,
+						currentRoute,
+						componentRegistry,
+						renderer
+					})
+				})
+			}),
+			layoutConfig.footer?.show !== false && /* @__PURE__ */ jsx(Footer_default, {
+				config,
+				theme
+			})
+		]
+	});
+	const renderMixedLayout = () => /* @__PURE__ */ jsxs("div", {
+		className: "doc-layout doc-layout-mixed-type",
+		children: [
+			/* @__PURE__ */ jsx(Header_default, {
+				config,
+				theme,
+				currentRoute,
+				showNavigation: true,
+				componentRegistry,
+				onNavigate: handleNavigate
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "doc-layout-content",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "doc-layout-sidebar",
+					children: /* @__PURE__ */ jsx(Navigation_default, {
+						config,
+						theme,
+						currentRoute,
+						componentRegistry,
+						onNavigate: handleNavigate,
+						compact: true
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "doc-layout-main",
+					children: /* @__PURE__ */ jsx(Content_default, {
+						config,
+						theme,
+						currentRoute,
+						componentRegistry,
+						renderer
+					})
+				})]
+			}),
+			layoutConfig.footer?.show !== false && /* @__PURE__ */ jsx(Footer_default, {
+				config,
+				theme
+			})
+		]
+	});
+	switch (type) {
+		case "top": return renderTopLayout();
+		case "mixed": return renderMixedLayout();
+		case "sidebar":
+		default: return renderSidebarLayout();
+	}
+};
+var Layout_default = Layout;
+
+//#endregion
+//#region src/core/RouterManager.ts
+/**
+* 路由管理器
+* 负责管理文档站点的路由系统
+*/
+var RouterManager = class {
+	constructor(renderer) {
+		this.renderer = renderer;
+		this.currentRoute = null;
+		this.routes = /* @__PURE__ */ new Map();
+		this.listeners = /* @__PURE__ */ new Set();
+		this.isInitialized = false;
+	}
+	/**
+	* 初始化路由系统
+	*/
+	initialize() {
+		if (this.isInitialized) return;
+		this.registerRoutes();
+		window.addEventListener("hashchange", this.handleHashChange.bind(this));
+		window.addEventListener("popstate", this.handlePopState.bind(this));
+		this.handleInitialRoute();
+		this.isInitialized = true;
+	}
+	/**
+	* 注册路由
+	*/
+	registerRoutes() {
+		const config = this.renderer.configManager.getConfig();
+		const { components = {} } = config;
+		this.routes.set("/", {
+			path: "/",
+			component: "home",
+			title: config.title || "Documentation"
+		});
+		Object.entries(components).forEach(([componentId, componentConfig]) => {
+			const path = `/${componentId}`;
+			this.routes.set(path, {
+				path,
+				component: componentId,
+				title: componentConfig.label || componentId,
+				config: componentConfig
+			});
+		});
+	}
+	/**
+	* 处理初始路由
+	*/
+	handleInitialRoute() {
+		const hash = window.location.hash;
+		const path = this.parseHashToPath(hash);
+		this.navigate(path, {}, false);
+	}
+	/**
+	* 处理hash变化
+	*/
+	handleHashChange() {
+		const hash = window.location.hash;
+		const path = this.parseHashToPath(hash);
+		this.navigate(path, {}, false);
+	}
+	/**
+	* 处理浏览器前进后退
+	*/
+	handlePopState(event) {
+		if (event.state && event.state.path) this.navigate(event.state.path, event.state.params || {}, false);
+	}
+	/**
+	* 解析hash为路径
+	* @param {string} hash - URL hash
+	* @returns {string} 路径
+	*/
+	parseHashToPath(hash) {
+		if (!hash || hash === "#") return "/";
+		const hashWithoutSymbol = hash.substring(1);
+		const [path, queryString] = hashWithoutSymbol.split("?");
+		return path || "/";
+	}
+	/**
+	* 解析查询参数
+	* @param {string} queryString - 查询字符串
+	* @returns {Object} 参数对象
+	*/
+	parseQuery(queryString) {
+		const params = {};
+		if (!queryString) return params;
+		queryString.split("&").forEach((param) => {
+			const [key, value] = param.split("=");
+			if (key) params[decodeURIComponent(key)] = decodeURIComponent(value || "");
+		});
+		return params;
+	}
+	/**
+	* 导航到指定路径
+	* @param {string} path - 路径
+	* @param {Object} params - 参数
+	* @param {boolean} pushState - 是否推入历史记录
+	*/
+	navigate(path, params = {}, pushState = true) {
+		const route = this.routes.get(path);
+		if (!route) {
+			console.warn(`Route not found: ${path}`);
+			return this.navigate("/", {}, pushState);
+		}
+		const newRoute = {
+			...route,
+			params,
+			query: this.parseQuery(window.location.hash.split("?")[1])
+		};
+		this.currentRoute = newRoute;
+		if (pushState) {
+			const hash = this.buildHash(path, params);
+			window.location.hash = hash;
+			window.history.pushState({
+				path,
+				params
+			}, newRoute.title, window.location.pathname + window.location.search + hash);
+		}
+		this.notifyRouteChange(newRoute);
+		return newRoute;
+	}
+	/**
+	* 构建hash
+	* @param {string} path - 路径
+	* @param {Object} params - 参数
+	* @returns {string} hash字符串
+	*/
+	buildHash(path, params = {}) {
+		let hash = path === "/" ? "" : path;
+		const queryParams = Object.entries(params).filter(([key, value]) => value !== void 0 && value !== null).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join("&");
+		if (queryParams) hash += `?${queryParams}`;
+		return hash;
+	}
+	/**
+	* 获取当前路由
+	* @returns {Object|null} 当前路由信息
+	*/
+	getCurrentRoute() {
+		return this.currentRoute;
+	}
+	/**
+	* 监听路由变化
+	* @param {Function} listener - 监听函数
+	* @returns {Function} 取消监听的函数
+	*/
+	onRouteChange(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	/**
+	* 通知路由变化
+	* @param {Object} route - 路由信息
+	*/
+	notifyRouteChange(route) {
+		this.listeners.forEach((listener) => {
+			try {
+				listener(route);
+			} catch (error) {
+				console.error("Route change listener error:", error);
+			}
+		});
+		if (this.renderer && typeof this.renderer.handleRouteChange === "function") this.renderer.handleRouteChange(route);
+	}
+	/**
+	* 销毁路由管理器
+	*/
+	destroy() {
+		if (this.isInitialized) {
+			window.removeEventListener("hashchange", this.handleHashChange.bind(this));
+			window.removeEventListener("popstate", this.handlePopState.bind(this));
+			this.listeners.clear();
+			this.routes.clear();
+			this.currentRoute = null;
+			this.isInitialized = false;
+		}
+	}
+};
+
+//#endregion
+//#region src/core/ComponentRegistry.ts
+/**
+* 组件注册表
+* 负责管理和注册文档组件
+*/
+var ComponentRegistry = class {
+	apis;
+	demos;
+	components;
+	renderer;
+	constructor(renderer) {
+		this.renderer = renderer;
+		this.components = /* @__PURE__ */ new Map();
+		this.demos = /* @__PURE__ */ new Map();
+		this.apis = /* @__PURE__ */ new Map();
+	}
+	/**
+	* 注册组件
+	* @param {string} componentId - 组件ID
+	* @param {Object} componentConfig - 组件配置
+	*/
+	async register(componentId, componentConfig) {
+		try {
+			this.components.set(componentId, componentConfig);
+			if (componentConfig.demos && Array.isArray(componentConfig.demos)) await this.registerDemos(componentId, componentConfig.demos);
+			if (componentConfig.apis && Array.isArray(componentConfig.apis)) await this.registerApis(componentId, componentConfig.apis);
+			return true;
+		} catch (error) {
+			console.error(`Failed to register component ${componentId}:`, error);
+			return false;
+		}
+	}
+	/**
+	* 注册组件demos
+	* @param {string} componentId - 组件ID
+	* @param {Array} demos - demo配置数组
+	*/
+	async registerDemos(componentId, demos) {
+		const componentDemos = /* @__PURE__ */ new Map();
+		for (const demo of demos) try {
+			const demoComponent = await this.loadDemo(componentId, demo);
+			const demoCode = await this.loadDemoCode(componentId, demo);
+			componentDemos.set(demo.source, {
+				...demo,
+				component: demoComponent,
+				code: demoCode
+			});
+		} catch (error) {
+			console.error(`Failed to load demo ${demo.source} for component ${componentId}:`, error);
+		}
+		this.demos.set(componentId, componentDemos);
+	}
+	/**
+	* 加载demo组件
+	* @param {string} componentId - 组件ID
+	* @param {Object} demo - demo配置
+	* @returns {React.Component} demo组件
+	*/
+	async loadDemo(componentId, demo) {
+		try {
+			const demoPath = `../components/${componentId}/demo/${demo.source}`;
+			console.log({ demoPath });
+			const module = await import(demoPath);
+			return module.default || module;
+		} catch (error) {
+			const globalDemo = window.__DOC_SDK_DEMOS__?.[componentId]?.[demo.source];
+			if (globalDemo) return globalDemo;
+			throw new Error(`Demo component not found: ${componentId}/${demo.source}`);
+		}
+	}
+	/**
+	* 加载demo源码
+	* @param {string} componentId - 组件ID
+	* @param {Object} demo - demo配置
+	* @returns {string} demo源码
+	*/
+	async loadDemoCode(componentId, demo) {
+		try {
+			const globalCode = window.__DOC_SDK_DEMO_CODES__?.[componentId]?.[demo.source];
+			if (globalCode) return globalCode;
+			return `// Demo code for ${componentId}/${demo.source}\n// Code not available`;
+		} catch (error) {
+			console.error(`Failed to load demo code: ${componentId}/${demo.source}`, error);
+			return "// Code not available";
+		}
+	}
+	/**
+	* 注册组件APIs
+	* @param {string} componentId - 组件ID
+	* @param {Array} apis - API配置数组
+	*/
+	async registerApis(componentId, apis) {
+		const componentApis = /* @__PURE__ */ new Map();
+		for (const api of apis) try {
+			const apiData = await this.loadApiData(componentId, api);
+			componentApis.set(api.apiKey, {
+				...api,
+				data: apiData
+			});
+		} catch (error) {
+			console.error(`Failed to load API ${api.apiKey} for component ${componentId}:`, error);
+		}
+		this.apis.set(componentId, componentApis);
+	}
+	/**
+	* 加载API数据
+	* @param {string} componentId - 组件ID
+	* @param {Object} api - API配置
+	* @returns {Array} API数据
+	*/
+	async loadApiData(componentId, api) {
+		try {
+			const globalApiData = window.__DOC_SDK_APIS__?.[componentId]?.[api.apiKey];
+			console.log(globalApiData, "globalApiData");
+			if (globalApiData) return globalApiData;
+			const apiPath = `../components/${componentId}/api`;
+			console.log(apiPath, "apiPath");
+			const module = await import(apiPath);
+			const apiData = module.default || module;
+			return apiData[api.apiKey] || [];
+		} catch (error) {
+			console.error(`Failed to load API data: ${componentId}/${api.apiKey}`, error);
+			return [];
+		}
+	}
+	/**
+	* 获取组件配置
+	* @param {string} componentId - 组件ID
+	* @returns {Object|null} 组件配置
+	*/
+	getComponent(componentId) {
+		return this.components.get(componentId) || null;
+	}
+	/**
+	* 获取组件demos
+	* @param {string} componentId - 组件ID
+	* @returns {Map} demos Map
+	*/
+	getDemos(componentId) {
+		return this.demos.get(componentId) || /* @__PURE__ */ new Map();
+	}
+	/**
+	* 获取特定demo
+	* @param {string} componentId - 组件ID
+	* @param {string} demoSource - demo源
+	* @returns {Object|null} demo对象
+	*/
+	getDemo(componentId, demoSource) {
+		const componentDemos = this.getDemos(componentId);
+		return componentDemos.get(demoSource) || null;
+	}
+	/**
+	* 获取组件APIs
+	* @param {string} componentId - 组件ID
+	* @returns {Map} APIs Map
+	*/
+	getApis(componentId) {
+		return this.apis.get(componentId) || /* @__PURE__ */ new Map();
+	}
+	/**
+	* 获取特定API
+	* @param {string} componentId - 组件ID
+	* @param {string} apiKey - API键
+	* @returns {Object|null} API对象
+	*/
+	getApi(componentId, apiKey) {
+		const componentApis = this.getApis(componentId);
+		return componentApis.get(apiKey) || null;
+	}
+	/**
+	* 获取所有注册的组件ID
+	* @returns {Array} 组件ID数组
+	*/
+	getComponentIds() {
+		return Array.from(this.components.keys());
+	}
+	/**
+	* 检查组件是否已注册
+	* @param {string} componentId - 组件ID
+	* @returns {boolean} 是否已注册
+	*/
+	hasComponent(componentId) {
+		return this.components.has(componentId);
+	}
+	/**
+	* 清空注册表
+	*/
+	clear() {
+		this.components.clear();
+		this.demos.clear();
+		this.apis.clear();
+	}
+};
+
+//#endregion
+//#region src/core/DocRenderer.ts
+var DocRenderer = class extends EventTarget {
+	configManager;
+	themeManager;
+	pluginManager;
+	routerManager;
+	componentRegistry;
+	targetElement;
+	isRendered;
+	constructor({ configManager, themeManager, pluginManager }) {
+		super();
+		this.configManager = configManager;
+		this.themeManager = themeManager;
+		this.pluginManager = pluginManager;
+		this.routerManager = new RouterManager(this);
+		this.componentRegistry = new ComponentRegistry(this);
+		this.targetElement = null;
+		this.isRendered = false;
+		this.pluginManager.initialize(this);
+	}
+	/**
+	* 渲染文档到指定容器
+	* @param {string|HTMLElement} target - 目标容器
+	*/
+	async render(target) {
+		try {
+			this.targetElement = typeof target === "string" ? document.querySelector(target) : target;
+			if (!this.targetElement) throw new Error("Target element not found");
+			await this.registerComponents();
+			this.routerManager.initialize();
+			this.renderLayout();
+			this.isRendered = true;
+			return this;
+		} catch (error) {
+			throw error;
+		}
+	}
+	/**
+	* 渲染主布局
+	*/
+	renderLayout() {
+		const config = this.configManager.getConfig();
+		const theme = this.themeManager.getCurrentTheme();
+		const layoutProps = {
+			config,
+			theme,
+			renderer: this,
+			routerManager: this.routerManager,
+			componentRegistry: this.componentRegistry,
+			onRouteChange: this.handleRouteChange.bind(this)
+		};
+		ReactDOM.render(React.createElement(Layout_default, layoutProps), this.targetElement);
+	}
+	/**
+	* 注册组件
+	*/
+	async registerComponents() {
+		const config = this.configManager.getConfig();
+		const { components = {} } = config;
+		for (const [componentId, componentConfig] of Object.entries(components)) await this.componentRegistry.register(componentId, componentConfig);
+	}
+	/**
+	* 处理路由变化
+	* @param {Object} route - 路由信息
+	*/
+	handleRouteChange(route) {
+		if (route.title) document.title = `${route.title} - ${this.configManager.get("title", "Documentation")}`;
+	}
+	/**
+	* 更新渲染
+	*/
+	update() {
+		if (this.isRendered) this.renderLayout();
+		return this;
+	}
+	/**
+	* 销毁渲染器
+	*/
+	destroy() {
+		if (this.targetElement && this.isRendered) {
+			ReactDOM.unmountComponentAtNode(this.targetElement);
+			this.routerManager.destroy();
+			this.componentRegistry.clear();
+			this.isRendered = false;
+		}
+		return this;
+	}
+	/**
+	* 获取组件注册表
+	*/
+	getComponentRegistry() {
+		return this.componentRegistry;
+	}
+	/**
+	* 获取路由管理器
+	*/
+	getRouterManager() {
+		return this.routerManager;
+	}
+	/**
+	* 获取当前路由
+	*/
+	getCurrentRoute() {
+		return this.routerManager.getCurrentRoute();
+	}
+	/**
+	* 导航到指定路由
+	* @param {string} path - 路由路径
+	* @param {Object} params - 路由参数
+	*/
+	navigate(path, params = {}) {
+		return this.routerManager.navigate(path, params);
+	}
+};
+
+//#endregion
+//#region src/config/default.ts
+const defaultConfig = {
+	title: "Documentation",
+	description: "Component Documentation Site",
+	version: "1.0.0",
+	theme: {
+		name: "default",
+		colors: {},
+		typography: {},
+		spacing: {},
+		layout: {}
+	},
+	layout: {
+		type: "sidebar",
+		sidebar: {
+			width: 280,
+			collapsible: true,
+			defaultCollapsed: false
+		},
+		header: {
+			height: 64,
+			showLogo: true,
+			showTitle: true,
+			showSearch: true
+		},
+		content: {
+			maxWidth: 1200,
+			padding: 24
+		},
+		footer: {
+			show: true,
+			height: 60
+		}
+	},
+	components: {},
+	navigation: {
+		mode: "auto",
+		groups: [],
+		showHome: true,
+		homeTitle: "首页"
+	},
+	search: {
+		enabled: true,
+		placeholder: "搜索文档...",
+		hotkey: "ctrl+k"
+	},
+	highlight: {
+		theme: "github",
+		languages: [
+			"javascript",
+			"jsx",
+			"typescript",
+			"tsx",
+			"css",
+			"less",
+			"scss",
+			"html",
+			"json"
+		]
+	},
+	demo: {
+		showCode: true,
+		codeCollapsed: true,
+		showCopyButton: true,
+		showExpandButton: true
+	},
+	api: {
+		showRequired: true,
+		showType: true,
+		showDefault: true,
+		showDescription: true
+	},
+	plugins: [],
+	dev: {
+		hot: true,
+		port: 8080,
+		host: "localhost",
+		open: true
+	},
+	build: {
+		outDir: "dist",
+		publicPath: "/",
+		sourcemap: false,
+		minify: true
+	},
+	router: {
+		mode: "hash",
+		base: "/"
+	},
+	i18n: {
+		enabled: false,
+		defaultLocale: "zh-CN",
+		locales: ["zh-CN", "en-US"]
+	},
+	seo: {
+		keywords: [],
+		author: "",
+		favicon: ""
+	},
+	analytics: {
+		enabled: false,
+		providers: []
+	}
+};
+var default_default$1 = defaultConfig;
+
+//#endregion
+//#region src/core/ConfigManager.ts
+var ConfigManager = class {
+	config;
+	listeners;
+	constructor(userConfig = {}) {
+		this.config = this.mergeConfig(default_default$1, userConfig);
+		this.listeners = /* @__PURE__ */ new Set();
+	}
+	/**
+	* 合并配置
+	*/
+	mergeConfig(defaultConfig$1, userConfig) {
+		return merge(cloneDeep(defaultConfig$1), userConfig);
+	}
+	/**
+	* 获取完整配置
+	*/
+	getConfig() {
+		return cloneDeep(this.config);
+	}
+	/**
+	* 获取配置项
+	*/
+	get(path, defaultValue) {
+		if (!path) return this.getConfig();
+		return get$1(this.config, path, defaultValue);
+	}
+	/**
+	* 设置配置项
+	*/
+	set(path, value) {
+		const oldValue = this.get(path);
+		set$1(this.config, path, value);
+		this.notifyChange(path, value, oldValue);
+	}
+	/**
+	* 更新配置
+	*/
+	update(newConfig) {
+		const oldConfig = cloneDeep(this.config);
+		this.config = this.mergeConfig(this.config, newConfig);
+		this.notifyChange("*", this.config, oldConfig);
+	}
+	/**
+	* 重置配置
+	*/
+	reset(newConfig = {}) {
+		const oldConfig = cloneDeep(this.config);
+		this.config = this.mergeConfig(default_default$1, newConfig);
+		this.notifyChange("*", this.config, oldConfig);
+	}
+	/**
+	* 监听配置变化
+	*/
+	onChange(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	/**
+	* 通知配置变化
+	*/
+	notifyChange(path, newValue, oldValue) {
+		this.listeners.forEach((listener) => {
+			try {
+				listener({
+					path,
+					newValue,
+					oldValue,
+					config: this.config
+				});
+			} catch (error) {
+				console.error("Config change listener error:", error);
+			}
+		});
+	}
+	/**
+	* 验证配置
+	* @param {Object} config - 要验证的配置
+	* @returns {Object} 验证结果
+	*/
+	validate(config = this.config) {
+		const errors = [];
+		const warnings = [];
+		if (!config.title) warnings.push("Missing title in config");
+		if (!config.components || Object.keys(config.components).length === 0) warnings.push("No components defined in config");
+		if (config.components) Object.entries(config.components).forEach(([id, component]) => {
+			if (!component.label) warnings.push(`Component ${id} missing label`);
+			if (!component.demos || !Array.isArray(component.demos)) warnings.push(`Component ${id} missing demos array`);
+		});
+		return {
+			isValid: errors.length === 0,
+			errors,
+			warnings
+		};
+	}
+	/**
+	* 获取组件配置
+	* @param {string} componentId - 组件ID
+	* @returns {Object|null} 组件配置
+	*/
+	getComponent(componentId) {
+		return this.get(`components.${componentId}`, null);
+	}
+	/**
+	* 获取所有组件配置
+	* @returns {Object} 组件配置对象
+	*/
+	getComponents() {
+		return this.get("components", {});
+	}
+	/**
+	* 获取主题配置
+	* @returns {Object} 主题配置
+	*/
+	getTheme() {
+		return this.get("theme", {});
+	}
+	/**
+	* 获取布局配置
+	* @returns {Object} 布局配置
+	*/
+	getLayout() {
+		return this.get("layout", {});
+	}
+	/**
+	* 获取插件配置
+	* @returns {Array} 插件配置数组
+	*/
+	getPlugins() {
+		return this.get("plugins", []);
+	}
+};
+
+//#endregion
+//#region src/themes/default.ts
+/**
+* 默认主题
+*/
+var default_default = {
+	name: "default",
+	colors: {
+		primary: "#1890ff",
+		primaryHover: "#40a9ff",
+		primaryActive: "#096dd9",
+		success: "#52c41a",
+		successHover: "#73d13d",
+		successActive: "#389e0d",
+		warning: "#faad14",
+		warningHover: "#ffc53d",
+		warningActive: "#d48806",
+		error: "#ff4d4f",
+		errorHover: "#ff7875",
+		errorActive: "#d9363e",
+		text: "#262626",
+		textSecondary: "#595959",
+		textTertiary: "#8c8c8c",
+		textQuaternary: "#bfbfbf",
+		background: "#ffffff",
+		backgroundSecondary: "#fafafa",
+		backgroundTertiary: "#f5f5f5",
+		border: "#d9d9d9",
+		borderSecondary: "#f0f0f0",
+		shadow: "rgba(0, 0, 0, 0.15)",
+		shadowSecondary: "rgba(0, 0, 0, 0.06)",
+		code: {
+			background: "#f6f8fa",
+			border: "#e1e4e8",
+			text: "#24292e",
+			keyword: "#d73a49",
+			string: "#032f62",
+			comment: "#6a737d",
+			number: "#005cc5",
+			function: "#6f42c1"
+		}
+	},
+	typography: {
+		fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
+		fontFamilyCode: "SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
+		fontSize: {
+			xs: "12px",
+			sm: "14px",
+			base: "16px",
+			lg: "18px",
+			xl: "20px",
+			"2xl": "24px",
+			"3xl": "30px",
+			"4xl": "36px"
+		},
+		lineHeight: {
+			tight: 1.25,
+			normal: 1.5,
+			relaxed: 1.75
+		},
+		fontWeight: {
+			normal: 400,
+			medium: 500,
+			semibold: 600,
+			bold: 700
+		}
+	},
+	spacing: {
+		xs: "4px",
+		sm: "8px",
+		md: "16px",
+		lg: "24px",
+		xl: "32px",
+		"2xl": "48px",
+		"3xl": "64px",
+		"4xl": "96px"
+	},
+	layout: {
+		sidebarWidth: "280px",
+		headerHeight: "64px",
+		footerHeight: "60px",
+		contentMaxWidth: "1200px",
+		borderRadius: "6px",
+		boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)"
+	},
+	components: {
+		layout: `
+      .doc-layout {
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+      }
+
+      .doc-layout-header {
+        background: var(--doc-color-background);
+        border-bottom: 1px solid var(--doc-color-border);
+        box-shadow: var(--doc-layout-boxShadow);
+        z-index: 100;
+      }
+
+      .doc-layout-content {
+        flex: 1;
+        display: flex;
+      }
+
+      .doc-layout-sidebar {
+        width: var(--doc-layout-sidebarWidth);
+        background: var(--doc-color-background);
+        border-right: 1px solid var(--doc-color-border);
+        overflow-y: auto;
+      }
+
+      .doc-layout-main {
+        flex: 1;
+        background: var(--doc-color-backgroundSecondary);
+        overflow-y: auto;
+      }
+
+      .doc-layout-footer {
+        background: var(--doc-color-background);
+        border-top: 1px solid var(--doc-color-border);
+        text-align: center;
+        padding: var(--doc-spacing-md);
+        color: var(--doc-color-textSecondary);
+      }
+    `,
+		header: `
+      .doc-header {
+        height: var(--doc-layout-headerHeight);
+        display: flex;
+        align-items: center;
+        padding: 0 var(--doc-spacing-lg);
+      }
+
+      .doc-header-content {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      .doc-header-left {
+        display: flex;
+        align-items: center;
+        gap: var(--doc-spacing-md);
+      }
+
+      .doc-header-logo img {
+        height: 32px;
+        width: auto;
+      }
+
+      .doc-header-logo-placeholder {
+        font-size: 24px;
+      }
+
+      .doc-header-title {
+        font-size: var(--doc-typography-fontSize-lg);
+        font-weight: var(--doc-typography-fontWeight-bold);
+        color: var(--doc-color-text);
+      }
+
+      .doc-header-version {
+        margin-left: var(--doc-spacing-sm);
+        font-size: var(--doc-typography-fontSize-sm);
+        color: var(--doc-color-textSecondary);
+        background: var(--doc-color-backgroundTertiary);
+        padding: 2px 6px;
+        border-radius: 3px;
+      }
+
+      .doc-header-navigation {
+        display: flex;
+        gap: var(--doc-spacing-lg);
+      }
+
+      .doc-header-nav-item {
+        color: var(--doc-color-text);
+        text-decoration: none;
+        padding: var(--doc-spacing-sm) var(--doc-spacing-md);
+        border-radius: var(--doc-layout-borderRadius);
+        transition: all 0.2s ease;
+      }
+
+      .doc-header-nav-item:hover {
+        background: var(--doc-color-backgroundTertiary);
+        color: var(--doc-color-primary);
+      }
+
+      .doc-header-nav-item.active {
+        background: var(--doc-color-primary);
+        color: white;
+      }
+
+      .doc-header-actions {
+        display: flex;
+        align-items: center;
+        gap: var(--doc-spacing-sm);
+      }
+
+      .doc-header-action {
+        padding: var(--doc-spacing-sm);
+        background: none;
+        border: none;
+        color: var(--doc-color-textSecondary);
+        cursor: pointer;
+        border-radius: var(--doc-layout-borderRadius);
+        transition: all 0.2s ease;
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .doc-header-action:hover {
+        background: var(--doc-color-backgroundTertiary);
+        color: var(--doc-color-primary);
+      }
+    `,
+		navigation: `
+      .doc-navigation {
+        padding: var(--doc-spacing-md);
+      }
+
+      .doc-navigation-title {
+        font-size: var(--doc-typography-fontSize-lg);
+        font-weight: var(--doc-typography-fontWeight-bold);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-lg);
+        padding: 0 var(--doc-spacing-sm);
+      }
+
+      .doc-navigation-group {
+        margin-bottom: var(--doc-spacing-lg);
+      }
+
+      .doc-navigation-group-title {
+        font-size: var(--doc-typography-fontSize-sm);
+        font-weight: var(--doc-typography-fontWeight-medium);
+        color: var(--doc-color-textSecondary);
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        margin-bottom: var(--doc-spacing-sm);
+        padding: 0 var(--doc-spacing-sm);
+      }
+
+      .doc-navigation-item {
+        display: block;
+        padding: var(--doc-spacing-sm) var(--doc-spacing-md);
+        color: var(--doc-color-text);
+        text-decoration: none;
+        border-radius: var(--doc-layout-borderRadius);
+        transition: all 0.2s ease;
+        margin-bottom: 2px;
+      }
+
+      .doc-navigation-item:hover {
+        background: var(--doc-color-backgroundTertiary);
+        color: var(--doc-color-primary);
+      }
+
+      .doc-navigation-item.active {
+        background: var(--doc-color-primary);
+        color: white;
+      }
+    `,
+		content: `
+      .doc-content {
+        flex: 1;
+        padding: var(--doc-spacing-lg);
+      }
+
+      .doc-content-container {
+        max-width: var(--doc-layout-contentMaxWidth);
+        margin: 0 auto;
+      }
+
+      .doc-content-loading {
+        text-align: center;
+        padding: var(--doc-spacing-4xl);
+        color: var(--doc-color-textSecondary);
+      }
+
+      .doc-content-not-found {
+        text-align: center;
+        padding: var(--doc-spacing-4xl);
+      }
+
+      .doc-content-not-found h1 {
+        font-size: var(--doc-typography-fontSize-3xl);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-md);
+      }
+
+      .doc-content-not-found p {
+        color: var(--doc-color-textSecondary);
+      }
+
+      .doc-component-page {
+        padding: var(--doc-spacing-lg) 0;
+      }
+
+      .doc-component-header {
+        margin-bottom: var(--doc-spacing-2xl);
+        padding-bottom: var(--doc-spacing-lg);
+        border-bottom: 1px solid var(--doc-color-border);
+      }
+
+      .doc-component-title {
+        font-size: var(--doc-typography-fontSize-4xl);
+        font-weight: var(--doc-typography-fontWeight-bold);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-md);
+      }
+
+      .doc-component-description {
+        font-size: var(--doc-typography-fontSize-lg);
+        color: var(--doc-color-textSecondary);
+        line-height: var(--doc-typography-lineHeight-relaxed);
+        margin-bottom: var(--doc-spacing-md);
+      }
+
+      .doc-component-version {
+        font-size: var(--doc-typography-fontSize-sm);
+        color: var(--doc-color-textTertiary);
+      }
+
+      .doc-component-section-title {
+        font-size: var(--doc-typography-fontSize-2xl);
+        font-weight: var(--doc-typography-fontWeight-semibold);
+        color: var(--doc-color-text);
+        margin: var(--doc-spacing-2xl) 0 var(--doc-spacing-lg) 0;
+        padding-bottom: var(--doc-spacing-sm);
+        border-bottom: 1px solid var(--doc-color-borderSecondary);
+      }
+    `,
+		demo: `
+      .doc-demo {
+        margin-bottom: var(--doc-spacing-2xl);
+        border: 1px solid var(--doc-color-border);
+        border-radius: var(--doc-layout-borderRadius);
+        overflow: hidden;
+        background: var(--doc-color-background);
+      }
+
+      .doc-demo-header {
+        padding: var(--doc-spacing-lg);
+        background: var(--doc-color-background);
+        border-bottom: 1px solid var(--doc-color-borderSecondary);
+      }
+
+      .doc-demo-title {
+        font-size: var(--doc-typography-fontSize-lg);
+        font-weight: var(--doc-typography-fontWeight-medium);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-sm);
+      }
+
+      .doc-demo-description {
+        color: var(--doc-color-textSecondary);
+        line-height: var(--doc-typography-lineHeight-relaxed);
+      }
+
+      .doc-demo-highlight {
+        background: var(--doc-color-warning);
+        color: var(--doc-color-background);
+        padding: 2px 4px;
+        border-radius: 3px;
+        font-size: 0.9em;
+      }
+
+      .doc-demo-content {
+        padding: var(--doc-spacing-xl);
+        background: var(--doc-color-background);
+        min-height: 100px;
+      }
+
+      .doc-demo-error {
+        padding: var(--doc-spacing-lg);
+        background: var(--doc-color-error);
+        color: white;
+        text-align: center;
+        border-radius: var(--doc-layout-borderRadius);
+      }
+
+      .doc-demo-code {
+        background: var(--doc-color-code-background);
+        border-top: 1px solid var(--doc-color-border);
+      }
+
+      .doc-demo-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: var(--doc-spacing-sm);
+        padding: var(--doc-spacing-sm) var(--doc-spacing-md);
+        background: var(--doc-color-backgroundTertiary);
+        border-top: 1px solid var(--doc-color-border);
+      }
+
+      .doc-demo-action {
+        padding: var(--doc-spacing-xs) var(--doc-spacing-sm);
+        background: none;
+        border: none;
+        color: var(--doc-color-textSecondary);
+        cursor: pointer;
+        font-size: var(--doc-typography-fontSize-sm);
+        transition: all 0.2s ease;
+        border-radius: 3px;
+      }
+
+      .doc-demo-action:hover {
+        color: var(--doc-color-primary);
+        background: var(--doc-color-backgroundSecondary);
+      }
+    `,
+		api: `
+      .doc-api {
+        margin-bottom: var(--doc-spacing-2xl);
+      }
+
+      .doc-api-header {
+        margin-bottom: var(--doc-spacing-lg);
+      }
+
+      .doc-api-title {
+        font-size: var(--doc-typography-fontSize-xl);
+        font-weight: var(--doc-typography-fontWeight-semibold);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-sm);
+      }
+
+      .doc-api-description {
+        color: var(--doc-color-textSecondary);
+        line-height: var(--doc-typography-lineHeight-relaxed);
+      }
+
+      .doc-api-table {
+        border: 1px solid var(--doc-color-border);
+        border-radius: var(--doc-layout-borderRadius);
+        overflow: hidden;
+        background: var(--doc-color-background);
+      }
+
+      .doc-api-table-header {
+        display: grid;
+        grid-template-columns: 1fr 1fr 2fr 1fr 1fr 80px;
+        background: var(--doc-color-backgroundTertiary);
+        border-bottom: 1px solid var(--doc-color-border);
+        font-weight: var(--doc-typography-fontWeight-medium);
+      }
+
+      .doc-api-table-cell {
+        padding: var(--doc-spacing-md);
+        border-right: 1px solid var(--doc-color-borderSecondary);
+        font-size: var(--doc-typography-fontSize-sm);
+      }
+
+      .doc-api-table-cell:last-child {
+        border-right: none;
+      }
+
+      .doc-api-table-row {
+        display: grid;
+        grid-template-columns: 1fr 1fr 2fr 1fr 1fr 80px;
+        border-bottom: 1px solid var(--doc-color-borderSecondary);
+      }
+
+      .doc-api-table-row:last-child {
+        border-bottom: none;
+      }
+
+      .doc-api-table-row:hover {
+        background: var(--doc-color-backgroundSecondary);
+      }
+
+      .doc-api-param-name {
+        color: var(--doc-color-primary);
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: 0.9em;
+      }
+
+      .doc-api-type {
+        color: var(--doc-color-success);
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: 0.9em;
+      }
+
+      .doc-api-option {
+        color: var(--doc-color-warning);
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: 0.9em;
+      }
+
+      .doc-api-default {
+        color: var(--doc-color-textTertiary);
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: 0.9em;
+      }
+
+      .doc-api-required-yes {
+        color: var(--doc-color-error);
+        font-weight: var(--doc-typography-fontWeight-medium);
+      }
+
+      .doc-api-required-no {
+        color: var(--doc-color-textTertiary);
+      }
+
+      .doc-api-deprecated {
+        background: var(--doc-color-error);
+        color: white;
+        font-size: 0.8em;
+        padding: 2px 4px;
+        border-radius: 3px;
+        margin-left: var(--doc-spacing-xs);
+      }
+
+      .doc-api-highlight {
+        background: var(--doc-color-warning);
+        color: var(--doc-color-background);
+        padding: 2px 4px;
+        border-radius: 3px;
+        font-size: 0.9em;
+      }
+
+      .doc-api-empty {
+        padding: var(--doc-spacing-xl);
+        text-align: center;
+        color: var(--doc-color-textSecondary);
+        background: var(--doc-color-backgroundSecondary);
+        border-radius: var(--doc-layout-borderRadius);
+      }
+    `,
+		search: `
+      .doc-search-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+        z-index: 1000;
+        display: flex;
+        align-items: flex-start;
+        justify-content: center;
+        padding-top: 10vh;
+      }
+
+      .doc-search-modal {
+        background: var(--doc-color-background);
+        border-radius: var(--doc-layout-borderRadius);
+        box-shadow: var(--doc-layout-boxShadow);
+        width: 90%;
+        max-width: 600px;
+        max-height: 70vh;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+      }
+
+      .doc-search-input-container {
+        display: flex;
+        align-items: center;
+        padding: var(--doc-spacing-lg);
+        border-bottom: 1px solid var(--doc-color-border);
+      }
+
+      .doc-search-input {
+        flex: 1;
+        border: none;
+        outline: none;
+        font-size: var(--doc-typography-fontSize-lg);
+        background: transparent;
+        color: var(--doc-color-text);
+      }
+
+      .doc-search-input::placeholder {
+        color: var(--doc-color-textTertiary);
+      }
+
+      .doc-search-close {
+        background: none;
+        border: none;
+        color: var(--doc-color-textSecondary);
+        cursor: pointer;
+        padding: var(--doc-spacing-sm);
+        border-radius: var(--doc-layout-borderRadius);
+        transition: all 0.2s ease;
+      }
+
+      .doc-search-close:hover {
+        background: var(--doc-color-backgroundTertiary);
+        color: var(--doc-color-text);
+      }
+
+      .doc-search-results {
+        flex: 1;
+        overflow-y: auto;
+        max-height: 400px;
+      }
+
+      .doc-search-result {
+        display: flex;
+        align-items: center;
+        padding: var(--doc-spacing-md) var(--doc-spacing-lg);
+        cursor: pointer;
+        border-bottom: 1px solid var(--doc-color-borderSecondary);
+        transition: background 0.2s ease;
+      }
+
+      .doc-search-result:hover,
+      .doc-search-result.selected {
+        background: var(--doc-color-backgroundSecondary);
+      }
+
+      .doc-search-result-icon {
+        margin-right: var(--doc-spacing-md);
+        font-size: var(--doc-typography-fontSize-lg);
+      }
+
+      .doc-search-result-content {
+        flex: 1;
+      }
+
+      .doc-search-result-title {
+        font-weight: var(--doc-typography-fontWeight-medium);
+        color: var(--doc-color-text);
+        margin-bottom: 2px;
+      }
+
+      .doc-search-result-description {
+        font-size: var(--doc-typography-fontSize-sm);
+        color: var(--doc-color-textSecondary);
+      }
+
+      .doc-search-result-type {
+        font-size: var(--doc-typography-fontSize-xs);
+        color: var(--doc-color-textTertiary);
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .doc-search-highlight {
+        background: var(--doc-color-warning);
+        color: var(--doc-color-background);
+        padding: 1px 2px;
+        border-radius: 2px;
+      }
+
+      .doc-search-no-results {
+        padding: var(--doc-spacing-xl);
+        text-align: center;
+        color: var(--doc-color-textSecondary);
+      }
+
+      .doc-search-footer {
+        padding: var(--doc-spacing-md) var(--doc-spacing-lg);
+        border-top: 1px solid var(--doc-color-border);
+        background: var(--doc-color-backgroundTertiary);
+      }
+
+      .doc-search-shortcuts {
+        display: flex;
+        gap: var(--doc-spacing-md);
+        font-size: var(--doc-typography-fontSize-xs);
+        color: var(--doc-color-textTertiary);
+      }
+
+      .doc-search-shortcuts kbd {
+        background: var(--doc-color-backgroundSecondary);
+        border: 1px solid var(--doc-color-border);
+        border-radius: 3px;
+        padding: 2px 4px;
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: 0.9em;
+      }
+    `,
+		home: `
+      .doc-home {
+        padding: var(--doc-spacing-2xl) 0;
+      }
+
+      .doc-home-welcome {
+        text-align: center;
+        margin-bottom: var(--doc-spacing-4xl);
+      }
+
+      .doc-home-title {
+        font-size: var(--doc-typography-fontSize-4xl);
+        font-weight: var(--doc-typography-fontWeight-bold);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-lg);
+      }
+
+      .doc-home-description {
+        font-size: var(--doc-typography-fontSize-lg);
+        color: var(--doc-color-textSecondary);
+        line-height: var(--doc-typography-lineHeight-relaxed);
+        max-width: 600px;
+        margin: 0 auto var(--doc-spacing-lg);
+      }
+
+      .doc-home-version {
+        font-size: var(--doc-typography-fontSize-sm);
+        color: var(--doc-color-textTertiary);
+      }
+
+      .doc-home-version code {
+        background: var(--doc-color-backgroundTertiary);
+        padding: 2px 6px;
+        border-radius: 3px;
+        font-family: var(--doc-typography-fontFamilyCode);
+      }
+
+      .doc-home-section {
+        margin-bottom: var(--doc-spacing-4xl);
+      }
+
+      .doc-home-section-title {
+        font-size: var(--doc-typography-fontSize-2xl);
+        font-weight: var(--doc-typography-fontWeight-semibold);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-lg);
+        text-align: center;
+      }
+
+      .doc-home-code {
+        background: var(--doc-color-code-background);
+        border: 1px solid var(--doc-color-border);
+        border-radius: var(--doc-layout-borderRadius);
+        padding: var(--doc-spacing-lg);
+        font-family: var(--doc-typography-fontFamilyCode);
+        font-size: var(--doc-typography-fontSize-sm);
+        overflow-x: auto;
+      }
+
+      .doc-home-features {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: var(--doc-spacing-xl);
+        margin-top: var(--doc-spacing-lg);
+      }
+
+      .doc-home-feature {
+        text-align: center;
+        padding: var(--doc-spacing-lg);
+      }
+
+      .doc-home-feature-icon {
+        font-size: var(--doc-typography-fontSize-3xl);
+        margin-bottom: var(--doc-spacing-md);
+      }
+
+      .doc-home-feature-title {
+        font-size: var(--doc-typography-fontSize-lg);
+        font-weight: var(--doc-typography-fontWeight-medium);
+        color: var(--doc-color-text);
+        margin-bottom: var(--doc-spacing-sm);
+      }
+
+      .doc-home-feature-description {
+        color: var(--doc-color-textSecondary);
+        line-height: var(--doc-typography-lineHeight-relaxed);
+      }
+
+      .doc-home-components {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        gap: var(--doc-spacing-lg);
+        margin-top: var(--doc-spacing-lg);
+      }
+
+      .doc-home-component-card {
+        background: var(--doc-color-background);
+        border: 1px solid var(--doc-color-border);
+        border-radius: var(--doc-layout-borderRadius);
+        padding: var(--doc-spacing-lg);
+        transition: all 0.2s ease;
+      }
+
+      .doc-home-component-card:hover {
+        box-shadow: var(--doc-layout-boxShadow);
+        border-color: var(--doc-color-primary);
+      }
+
+      .doc-home-component-title a {
+        color: var(--doc-color-text);
+        text-decoration: none;
+        font-weight: var(--doc-typography-fontWeight-medium);
+        font-size: var(--doc-typography-fontSize-lg);
+      }
+
+      .doc-home-component-title a:hover {
+        color: var(--doc-color-primary);
+      }
+
+      .doc-home-component-description {
+        color: var(--doc-color-textSecondary);
+        margin: var(--doc-spacing-sm) 0;
+        line-height: var(--doc-typography-lineHeight-relaxed);
+      }
+
+      .doc-home-component-meta {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: var(--doc-typography-fontSize-sm);
+        color: var(--doc-color-textTertiary);
+        margin-top: var(--doc-spacing-md);
+      }
+    `
+	}
+};
+
+//#endregion
+//#region src/core/ThemeManager.ts
+var ThemeManager = class {
+	configManager;
+	themes;
+	currentTheme;
+	styleElement;
+	constructor(configManager) {
+		this.configManager = configManager;
+		this.themes = /* @__PURE__ */ new Map();
+		this.currentTheme = null;
+		this.styleElement = null;
+		this.registerTheme("default", default_default);
+		this.initialize();
+	}
+	/**
+	* 初始化主题管理器
+	*/
+	initialize() {
+		const themeConfig = this.configManager.get("theme", {});
+		const themeName = themeConfig.name || "default";
+		this.setTheme(themeName, themeConfig);
+	}
+	/**
+	* 注册主题
+	* @param {string} name - 主题名称
+	* @param {Object} theme - 主题对象
+	*/
+	registerTheme(name, theme) {
+		this.themes.set(name, theme);
+	}
+	/**
+	* 设置当前主题
+	* @param {string|Object} theme - 主题名称或主题对象
+	* @param {Object} customConfig - 自定义配置
+	*/
+	setTheme(theme, customConfig = {}) {
+		let themeData;
+		if (typeof theme === "string") {
+			themeData = this.themes.get(theme);
+			if (!themeData) {
+				console.warn(`Theme "${theme}" not found, using default theme`);
+				themeData = this.themes.get("default");
+			}
+		} else if (typeof theme === "object") themeData = theme;
+		else {
+			console.warn("Invalid theme type, using default theme");
+			themeData = this.themes.get("default");
+		}
+		this.currentTheme = this.mergeTheme(themeData, customConfig);
+		this.applyTheme();
+	}
+	/**
+	* 合并主题配置
+	* @param {Object} baseTheme - 基础主题
+	* @param {Object} customConfig - 自定义配置
+	* @returns {Object} 合并后的主题
+	*/
+	mergeTheme(baseTheme, customConfig) {
+		return {
+			...baseTheme,
+			colors: {
+				...baseTheme.colors,
+				...customConfig.colors
+			},
+			typography: {
+				...baseTheme.typography,
+				...customConfig.typography
+			},
+			spacing: {
+				...baseTheme.spacing,
+				...customConfig.spacing
+			},
+			layout: {
+				...baseTheme.layout,
+				...customConfig.layout
+			},
+			components: {
+				...baseTheme.components,
+				...customConfig.components
+			}
+		};
+	}
+	/**
+	* 应用主题样式
+	*/
+	applyTheme() {
+		if (!this.currentTheme) return;
+		if (this.styleElement) this.styleElement.remove();
+		const cssVariables = this.generateCSSVariables();
+		const themeStyles = this.generateThemeStyles();
+		this.styleElement = document.createElement("style");
+		this.styleElement.setAttribute("data-doc-sdk-theme", "true");
+		this.styleElement.textContent = `
+      :root {
+        ${cssVariables}
+      }
+      
+      ${themeStyles}
+    `;
+		document.head.appendChild(this.styleElement);
+	}
+	/**
+	* 生成CSS变量
+	* @returns {string} CSS变量字符串
+	*/
+	generateCSSVariables() {
+		const { colors, typography, spacing, layout } = this.currentTheme;
+		const variables = [];
+		if (colors) Object.entries(colors).forEach(([key, value]) => {
+			if (typeof value === "object") Object.entries(value).forEach(([subKey, subValue]) => {
+				variables.push(`--doc-color-${key}-${subKey}: ${subValue};`);
+			});
+			else variables.push(`--doc-color-${key}: ${value};`);
+		});
+		if (typography) Object.entries(typography).forEach(([key, value]) => {
+			if (typeof value === "object") Object.entries(value).forEach(([subKey, subValue]) => {
+				variables.push(`--doc-typography-${key}-${subKey}: ${subValue};`);
+			});
+			else variables.push(`--doc-typography-${key}: ${value};`);
+		});
+		if (spacing) Object.entries(spacing).forEach(([key, value]) => {
+			variables.push(`--doc-spacing-${key}: ${value};`);
+		});
+		if (layout) Object.entries(layout).forEach(([key, value]) => {
+			variables.push(`--doc-layout-${key}: ${value};`);
+		});
+		return variables.join("\n        ");
+	}
+	/**
+	* 生成主题样式
+	* @returns {string} 主题样式字符串
+	*/
+	generateThemeStyles() {
+		const { components } = this.currentTheme;
+		const styles = [];
+		styles.push(`
+      .doc-sdk-container {
+        font-family: var(--doc-typography-fontFamily, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+        font-size: var(--doc-typography-fontSize, 14px);
+        line-height: var(--doc-typography-lineHeight, 1.5);
+        color: var(--doc-color-text, #333);
+        background-color: var(--doc-color-background, #fff);
+      }
+    `);
+		if (components) Object.entries(components).forEach(([componentName, componentStyles]) => {
+			if (typeof componentStyles === "string") styles.push(componentStyles);
+			else if (typeof componentStyles === "object") {
+				const cssRules = this.objectToCSS(componentStyles, `.doc-${componentName}`);
+				styles.push(cssRules);
+			}
+		});
+		return styles.join("\n");
+	}
+	/**
+	* 将对象转换为CSS规则
+	* @param {Object} obj - 样式对象
+	* @param {string} selector - CSS选择器
+	* @returns {string} CSS规则字符串
+	*/
+	objectToCSS(obj, selector) {
+		const rules = [];
+		Object.entries(obj).forEach(([key, value]) => {
+			if (typeof value === "object") {
+				const nestedSelector = key.startsWith("&") ? key.replace("&", selector) : `${selector} ${key}`;
+				rules.push(this.objectToCSS(value, nestedSelector));
+			} else {
+				const cssProperty = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+				rules.push(`${cssProperty}: ${value};`);
+			}
+		});
+		return `${selector} {\n  ${rules.join("\n  ")}\n}`;
+	}
+	/**
+	* 获取当前主题
+	* @returns {Object} 当前主题对象
+	*/
+	getCurrentTheme() {
+		return this.currentTheme;
+	}
+	/**
+	* 获取主题变量值
+	* @param {string} path - 变量路径
+	* @param {*} defaultValue - 默认值
+	* @returns {*} 变量值
+	*/
+	getThemeValue(path, defaultValue) {
+		const keys = path.split(".");
+		let value = this.currentTheme;
+		for (const key of keys) if (value && typeof value === "object" && key in value) value = value[key];
+		else return defaultValue;
+		return value;
+	}
+	/**
+	* 获取所有注册的主题
+	* @returns {Array} 主题名称数组
+	*/
+	getAvailableThemes() {
+		return Array.from(this.themes.keys());
+	}
+	/**
+	* 销毁主题管理器
+	*/
+	destroy() {
+		if (this.styleElement) {
+			this.styleElement.remove();
+			this.styleElement = null;
+		}
+		this.themes.clear();
+		this.currentTheme = null;
+	}
+};
+
+//#endregion
+//#region src/core/PluginManager.ts
+/**
+* 插件管理器
+* 负责管理文档站点的插件系统
+*/
+var PluginManager = class {
+	configManager;
+	plugins;
+	hooks;
+	renderer;
+	constructor(configManager) {
+		this.configManager = configManager;
+		this.plugins = /* @__PURE__ */ new Map();
+		this.hooks = /* @__PURE__ */ new Map();
+		this.renderer = null;
+	}
+	/**
+	* 初始化插件管理器
+	* @param {DocRenderer} renderer - 文档渲染器实例
+	*/
+	initialize(renderer) {
+		this.renderer = renderer;
+		const pluginConfigs = this.configManager.get("plugins", []);
+		pluginConfigs.forEach((pluginConfig) => {
+			this.loadPlugin(pluginConfig);
+		});
+	}
+	/**
+	* 注册插件
+	* @param {Object} plugin - 插件对象
+	* @returns {boolean} 注册是否成功
+	*/
+	register(plugin) {
+		try {
+			if (!this.validatePlugin(plugin)) return false;
+			const { name, version = "1.0.0" } = plugin;
+			if (this.plugins.has(name)) {
+				console.warn(`Plugin "${name}" already registered`);
+				return false;
+			}
+			this.plugins.set(name, {
+				...plugin,
+				version,
+				status: "registered"
+			});
+			if (this.renderer) this.activatePlugin(name);
+			return true;
+		} catch (error) {
+			console.error(`Failed to register plugin:`, error);
+			return false;
+		}
+	}
+	/**
+	* 加载插件
+	* @param {Object|string} pluginConfig - 插件配置或插件名称
+	*/
+	async loadPlugin(pluginConfig) {
+		try {
+			let plugin;
+			if (typeof pluginConfig === "string") plugin = await this.loadPluginByName(pluginConfig);
+			else if (typeof pluginConfig === "object") if (pluginConfig.name && !pluginConfig.install) {
+				plugin = await this.loadPluginByName(pluginConfig.name);
+				plugin.config = pluginConfig.config || {};
+			} else plugin = pluginConfig;
+			if (plugin) this.register(plugin);
+		} catch (error) {
+			console.error(`Failed to load plugin:`, error);
+		}
+	}
+	/**
+	* 通过名称加载插件
+	* @param {string} name - 插件名称
+	* @returns {Object} 插件对象
+	*/
+	async loadPluginByName(name) {
+		const globalPlugin = window.__DOC_SDK_PLUGINS__?.[name];
+		if (globalPlugin) return globalPlugin;
+		throw new Error(`Plugin "${name}" not found`);
+	}
+	/**
+	* 激活插件
+	* @param {string} name - 插件名称
+	*/
+	activatePlugin(name) {
+		const plugin = this.plugins.get(name);
+		if (!plugin || plugin.status === "active") return;
+		try {
+			const context = this.createPluginContext(plugin);
+			if (typeof plugin.install === "function") plugin.install(context);
+			plugin.status = "active";
+			console.log(`Plugin "${name}" activated`);
+		} catch (error) {
+			console.error(`Failed to activate plugin "${name}":`, error);
+			plugin.status = "error";
+		}
+	}
+	/**
+	* 停用插件
+	* @param {string} name - 插件名称
+	*/
+	deactivatePlugin(name) {
+		const plugin = this.plugins.get(name);
+		if (!plugin || plugin.status !== "active") return;
+		try {
+			if (typeof plugin.uninstall === "function") plugin.uninstall();
+			this.removePluginHooks(name);
+			plugin.status = "inactive";
+			console.log(`Plugin "${name}" deactivated`);
+		} catch (error) {
+			console.error(`Failed to deactivate plugin "${name}":`, error);
+		}
+	}
+	/**
+	* 创建插件上下文
+	* @param {Object} plugin - 插件对象
+	* @returns {Object} 插件上下文
+	*/
+	createPluginContext(plugin) {
+		return {
+			plugin: {
+				name: plugin.name,
+				version: plugin.version,
+				config: plugin.config || {}
+			},
+			renderer: this.renderer,
+			config: this.configManager,
+			theme: this.renderer?.themeManager,
+			components: this.renderer.componentRegistry,
+			router: this.renderer.routerManager,
+			hooks: {
+				add: this.addHook.bind(this),
+				remove: this.removeHook.bind(this),
+				call: this.callHook.bind(this)
+			},
+			events: {
+				on: this.renderer.on.bind(this.renderer),
+				off: this.renderer.off.bind(this.renderer),
+				emit: this.renderer.emit.bind(this.renderer)
+			}
+		};
+	}
+	/**
+	* 添加钩子
+	* @param {string} hookName - 钩子名称
+	* @param {Function} handler - 处理函数
+	* @param {string} pluginName - 插件名称
+	*/
+	addHook(hookName, handler, pluginName) {
+		if (!this.hooks.has(hookName)) this.hooks.set(hookName, []);
+		this.hooks.get(hookName).push({
+			handler,
+			plugin: pluginName
+		});
+	}
+	/**
+	* 移除钩子
+	* @param {string} hookName - 钩子名称
+	* @param {Function} handler - 处理函数
+	*/
+	removeHook(hookName, handler) {
+		const hooks = this.hooks.get(hookName);
+		if (hooks) {
+			const index = hooks.findIndex((hook) => hook.handler === handler);
+			if (index !== -1) hooks.splice(index, 1);
+		}
+	}
+	/**
+	* 移除插件的所有钩子
+	* @param {string} pluginName - 插件名称
+	*/
+	removePluginHooks(pluginName) {
+		this.hooks.forEach((hooks, hookName) => {
+			const filteredHooks = hooks.filter((hook) => hook.plugin !== pluginName);
+			this.hooks.set(hookName, filteredHooks);
+		});
+	}
+	/**
+	* 调用钩子
+	* @param {string} hookName - 钩子名称
+	* @param {...any} args - 参数
+	* @returns {Array} 钩子返回值数组
+	*/
+	callHook(hookName, ...args) {
+		const hooks = this.hooks.get(hookName);
+		if (!hooks || hooks.length === 0) return [];
+		const results = [];
+		hooks.forEach(({ handler, plugin }) => {
+			try {
+				const result = handler(...args);
+				results.push(result);
+			} catch (error) {
+				console.error(`Hook "${hookName}" error in plugin "${plugin}":`, error);
+			}
+		});
+		return results;
+	}
+	/**
+	* 验证插件
+	* @param {Object} plugin - 插件对象
+	* @returns {boolean} 是否有效
+	*/
+	validatePlugin(plugin) {
+		if (!plugin || typeof plugin !== "object") {
+			console.error("Plugin must be an object");
+			return false;
+		}
+		if (!plugin.name || typeof plugin.name !== "string") {
+			console.error("Plugin must have a name");
+			return false;
+		}
+		if (!plugin.install || typeof plugin.install !== "function") {
+			console.error("Plugin must have an install function");
+			return false;
+		}
+		return true;
+	}
+	/**
+	* 获取插件信息
+	* @param {string} name - 插件名称
+	* @returns {Object|null} 插件信息
+	*/
+	getPlugin(name) {
+		return this.plugins.get(name) || null;
+	}
+	/**
+	* 获取所有插件
+	* @returns {Array} 插件数组
+	*/
+	getPlugins() {
+		return Array.from(this.plugins.values());
+	}
+	/**
+	* 获取活跃插件
+	* @returns {Array} 活跃插件数组
+	*/
+	getActivePlugins() {
+		return this.getPlugins().filter((plugin) => plugin.status === "active");
+	}
+	/**
+	* 销毁插件管理器
+	*/
+	destroy() {
+		this.plugins.forEach((plugin, name) => {
+			if (plugin.status === "active") this.deactivatePlugin(name);
+		});
+		this.plugins.clear();
+		this.hooks.clear();
+		this.renderer = null;
+	}
+};
+
+//#endregion
+//#region src/utils/index.ts
+/**
+* 工具函数
+*/
+/**
+* 转换样式化文本
+* @param {string} str - 原始字符串
+* @param {boolean} flag - 是否启用样式化
+* @returns {string} 处理后的字符串
+*/
+const transToStyledText = (str, flag = true) => {
+	if (!flag || typeof str !== "string") return str;
+	return str.replace(/{/g, "<span class=\"doc-highlight\">").replace(/}/g, "</span>");
+};
+/**
+* 解析查询参数
+* @param {string} query - 查询字符串
+* @returns {Object} 参数对象
+*/
+const parseQuery = (query) => {
+	const params = {};
+	if (!query) return params;
+	const reg = /([^=&\s]+)[=\s]*([^=&\s]*)/g;
+	let match;
+	while ((match = reg.exec(query)) !== null) params[match[1]] = match[2];
+	return params;
+};
+/**
+* 序列化查询参数
+* @param {Object} obj - 参数对象
+* @returns {string} 查询字符串
+*/
+const stringifyQuery = (obj) => {
+	if (!obj || typeof obj !== "object") return "";
+	const params = [];
+	Object.keys(obj).forEach((key) => {
+		if (obj.hasOwnProperty(key) && obj[key] !== void 0 && obj[key] !== null) params.push(`${key}=${obj[key]}`);
+	});
+	return params.join("&");
+};
+/**
+* 防抖函数
+* @param {Function} func - 要防抖的函数
+* @param {number} wait - 等待时间
+* @param {boolean} immediate - 是否立即执行
+* @returns {Function} 防抖后的函数
+*/
+const debounce = (func, wait, immediate = false) => {
+	let timeout;
+	return function executedFunction(...args) {
+		const later = () => {
+			timeout = null;
+			if (!immediate) func.apply(this, args);
+		};
+		const callNow = immediate && !timeout;
+		clearTimeout(timeout);
+		timeout = setTimeout(later, wait);
+		if (callNow) func.apply(this, args);
+	};
+};
+/**
+* 节流函数
+* @param {Function} func - 要节流的函数
+* @param {number} limit - 时间限制
+* @returns {Function} 节流后的函数
+*/
+const throttle = (func, limit) => {
+	let inThrottle;
+	return function(...args) {
+		if (!inThrottle) {
+			func.apply(this, args);
+			inThrottle = true;
+			setTimeout(() => inThrottle = false, limit);
+		}
+	};
+};
+/**
+* 深度合并对象
+* @param {Object} target - 目标对象
+* @param {...Object} sources - 源对象
+* @returns {Object} 合并后的对象
+*/
+const deepMerge = (target, ...sources) => {
+	if (!sources.length) return target;
+	const source = sources.shift();
+	if (isObject(target) && isObject(source)) for (const key in source) if (isObject(source[key])) {
+		if (!target[key]) Object.assign(target, { [key]: {} });
+		deepMerge(target[key], source[key]);
+	} else Object.assign(target, { [key]: source[key] });
+	return deepMerge(target, ...sources);
+};
+/**
+* 判断是否为对象
+* @param {*} item - 要判断的项
+* @returns {boolean} 是否为对象
+*/
+const isObject = (item) => {
+	return item && typeof item === "object" && !Array.isArray(item);
+};
+/**
+* 获取嵌套对象的值
+* @param {Object} obj - 对象
+* @param {string} path - 路径，用点分隔
+* @param {*} defaultValue - 默认值
+* @returns {*} 值
+*/
+const get = (obj, path, defaultValue) => {
+	if (!obj || !path) return defaultValue;
+	const keys = path.split(".");
+	let result = obj;
+	for (const key of keys) {
+		if (result == null || typeof result !== "object") return defaultValue;
+		result = result[key];
+	}
+	return result !== void 0 ? result : defaultValue;
+};
+/**
+* 设置嵌套对象的值
+* @param {Object} obj - 对象
+* @param {string} path - 路径，用点分隔
+* @param {*} value - 值
+*/
+const set = (obj, path, value) => {
+	if (!obj || !path) return;
+	const keys = path.split(".");
+	const lastKey = keys.pop();
+	let current = obj;
+	for (const key of keys) {
+		if (!(key in current) || typeof current[key] !== "object") current[key] = {};
+		current = current[key];
+	}
+	current[lastKey] = value;
+};
+/**
+* 生成唯一ID
+* @param {string} prefix - 前缀
+* @returns {string} 唯一ID
+*/
+const generateId = (prefix = "id") => {
+	return `${prefix}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+};
+/**
+* 格式化文件大小
+* @param {number} bytes - 字节数
+* @param {number} decimals - 小数位数
+* @returns {string} 格式化后的大小
+*/
+const formatFileSize = (bytes, decimals = 2) => {
+	if (bytes === 0) return "0 Bytes";
+	const k = 1024;
+	const dm = decimals < 0 ? 0 : decimals;
+	const sizes = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB",
+		"TB",
+		"PB",
+		"EB",
+		"ZB",
+		"YB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+};
+/**
+* 复制文本到剪贴板
+* @param {string} text - 要复制的文本
+* @returns {Promise<boolean>} 是否成功
+*/
+const copyToClipboard = async (text) => {
+	try {
+		if (navigator.clipboard && window.isSecureContext) {
+			await navigator.clipboard.writeText(text);
+			return true;
+		} else {
+			const textArea = document.createElement("textarea");
+			textArea.value = text;
+			textArea.style.position = "fixed";
+			textArea.style.left = "-999999px";
+			textArea.style.top = "-999999px";
+			document.body.appendChild(textArea);
+			textArea.focus();
+			textArea.select();
+			const result = document.execCommand("copy");
+			document.body.removeChild(textArea);
+			return result;
+		}
+	} catch (error) {
+		console.error("Failed to copy text:", error);
+		return false;
+	}
+};
+/**
+* 滚动到元素
+* @param {string|HTMLElement} element - 元素或选择器
+* @param {Object} options - 滚动选项
+*/
+const scrollToElement = (element, options = {}) => {
+	const target = typeof element === "string" ? document.querySelector(element) : element;
+	if (!target) return;
+	const defaultOptions = {
+		behavior: "smooth",
+		block: "start",
+		inline: "nearest"
+	};
+	target.scrollIntoView({
+		...defaultOptions,
+		...options
+	});
+};
+/**
+* 检查元素是否在视口中
+* @param {HTMLElement} element - 元素
+* @param {number} threshold - 阈值
+* @returns {boolean} 是否在视口中
+*/
+const isElementInViewport = (element, threshold = 0) => {
+	if (!element) return false;
+	const rect = element.getBoundingClientRect();
+	const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+	const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+	return rect.top >= -threshold && rect.left >= -threshold && rect.bottom <= windowHeight + threshold && rect.right <= windowWidth + threshold;
+};
+
+//#endregion
+//#region src/index.ts
+var DocSDK = class {
+	configManager;
+	themeManager;
+	pluginManager;
+	renderer;
+	constructor(config = {}) {
+		this.configManager = new ConfigManager(config);
+		this.themeManager = new ThemeManager(this.configManager);
+		this.pluginManager = new PluginManager(this.configManager);
+		this.renderer = new DocRenderer({
+			configManager: this.configManager,
+			themeManager: this.themeManager,
+			pluginManager: this.pluginManager
+		});
+	}
+	/**
+	* 渲染文档到指定容器
+	*/
+	async render(target) {
+		await this.renderer.render(target);
+	}
+	/**
+	* 销毁文档实例
+	*/
+	destroy() {
+		this.renderer.destroy();
+	}
+	/**
+	* 更新配置
+	*/
+	updateConfig(config) {
+		this.configManager.update(config);
+		this.renderer.update();
+	}
+	/**
+	* 注册插件
+	*/
+	use(plugin) {
+		this.pluginManager.register(plugin);
+		return this;
+	}
+	/**
+	* 设置主题
+	*/
+	setTheme(theme) {
+		this.themeManager.setTheme(theme);
+		this.renderer.update();
+	}
+	/**
+	* 获取当前配置
+	*/
+	getConfig() {
+		return this.configManager.getConfig();
+	}
+	/**
+	* 监听事件
+	*/
+	on(event, handler) {}
+	/**
+	* 移除事件监听
+	*/
+	off(event, handler) {}
+	/**
+	* 触发事件
+	*/
+	emit(event, data) {}
+};
+
+//#endregion
+export { ApiDoc_default as ApiDoc, CodeBlock_default as CodeBlock, ConfigManager, Demo_default as Demo, DocRenderer, Layout_default as Layout, Navigation_default as Navigation, PluginManager, ThemeManager, copyToClipboard, debounce, deepMerge, DocSDK as default, formatFileSize, generateId, get, isElementInViewport, isObject, parseQuery, scrollToElement, set, stringifyQuery, throttle, transToStyledText };