Files
vibe-registry/examples/playground/pages/page-products.tsx
T
hellow-da-sb 8fe594ff6c feat(codegen): P 层闭环 —— 模板生成页面 + 画廊生成面板
- src/codegen.ts:PageDeclaration → definePage 源码(漂亮缩进,语法合法)
- src/render.ts:导出 generatePageSource/starterPageFrom;画廊受控 selected/onSelect
- playground generator.tsx:选布局→填标题→生成→复制/保存到 pages/
- vite 中间件 /__vr-save:浏览器 POST 落盘 pages/(HMR 生效)
- 验证:codegen 产物通过工程 tsc;保存中间件落盘成功;画廊 UI headless 通过
2026-09-03 01:27:11 +08:00

28 lines
654 B
TypeScript

import { definePage } from 'vibe-registry'
// 由 vibe-registry 画廊生成 —— 页面只管业务,布局/组件来自注册表
// 之后 AI / 编辑器可直接修改此文件;改动只落在业务与配置上
export default definePage({
layout: "admin",
title: "商品管理",
blocks: [
{ widget: "data-table", slot: "content" },
],
setup: async () => ({
"products": [
{
"id": "P01",
"name": "键盘",
"price": 299,
"stock": 42,
},
{
"id": "P02",
"name": "鼠标",
"price": 99,
"stock": 120,
},
],
}),
})