/**
 * playground 页面声明 —— 验证"用户告诉 agent 用 admin 布局,页面只管业务"
 */
import { definePage } from 'vibe-registry'
import './registry.ts' // 集中注册(副作用)

export const orderListPage = definePage({
  layout: 'admin',
  title: '订单列表',
  blocks: [
    { slot: 'sidebar', widget: 'nav-menu', props: { items: [{ label: '订单', active: true }, { label: '商品' }, { label: '客户' }] } },
    { slot: 'header', widget: 'page-header', props: { title: '订单管理', subtitle: '近 30 天全部订单' } },
    {
      slot: 'content',
      widget: 'data-table',
      props: {
        columns: [
          { key: 'id', title: '订单号' },
          { key: 'customer', title: '客户' },
          { key: 'amount', title: '金额' },
          { key: 'status', title: '状态' },
        ],
      },
      bind: { rows: 'orders' },
    },
  ],
  setup: async () => {
    return {
      orders: [
        { id: 'A1001', customer: '张三', amount: '¥ 1,299', status: '已支付' },
        { id: 'A1002', customer: '李四', amount: '¥ 88', status: '待发货' },
        { id: 'A1003', customer: '王五', amount: '¥ 4,560', status: '已完成' },
      ],
    }
  },
})