Fero Migration Kit

{
  "type": "FeroTable",
  "props": {
    "dataSource": "@api:fetchOrderList",
    "columns": [
      { "key": "orderId",  "title": "订单号" },
      { "key": "status",   "title": "状态",
        "render": "@component:StatusTag" }
    ],
    "pagination": true,
    "rowKey": "orderId"
  }
}

{
  "component": "Table",
  "library": "@team/ui",
  "props": {
    "dataSource": {
      "type": "api-call",
      "fn": "fetchOrderList"
    },
    "columns": [
      { "dataIndex": "orderId",
        "title": "订单号" },
      { "dataIndex": "status",
        "title": "状态",
        "render": {
          "type": "component",
          "name": "StatusTag"
        }}
    ],
    "rowKey": "orderId"
  }
}

import { Table } from '@team/ui'
import { StatusTag } from '../ui'
import { useOrderList } from '../model'

const columns = [
  { dataIndex: 'orderId',
    title: '订单号' },
  { dataIndex: 'status',
    title: '状态',
    render: (v) => <StatusTag value={v} /> },
]

export const OrderList = () => {
  const { list, loading } = useOrderList()
  return (
    <Table
      dataSource={list}
      columns={columns}
      loading={loading}
      rowKey="orderId"
    />
  )
}