docs: 验证渲染系统可以嵌入文档

docs/poc/render-demo.md

@@ -0,0 +1,26 @@
+# 渲染器内嵌演示（临时技术验证）
+
+本页是「文档内嵌可运行示例」的**临时技术验证页**，不进入导航；POC 通过后再由用户决定是否保留。
+
+## 覆盖范围
+
+- 渲染基础：容器、矩形、圆、文字，以及点击图形后计数与颜色的变化。
+- UISystem：`UIController` 打开 / 关闭一个最小 UI，页面上的栈长度与打开状态随之变化。
+
+两个示例都只在浏览器中挂载；构建期预渲染会跳过它们，因此不会触碰 `document`。
+
+<ClientOnly>
+  <RenderDemo :loader="basicLoader" :width="480" :height="320" />
+  <RenderDemo :loader="uiLoader" :width="480" :height="320" />
+  <template #fallback>
+    渲染示例需要浏览器环境。
+  </template>
+</ClientOnly>
+
+<script setup>
+import RenderDemo from '../.vitepress/components/renderDemo.vue';
+
+const basicLoader = () =>
+    import('../.vitepress/components/demos/basicRender.vue');
+const uiLoader = () => import('../.vitepress/components/demos/uiSystem.vue');
+</script>