組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'saas-analytics',
name: 'SaaS 指標儀表',
industry: 'saas',
scenarios: [
'kpi-dashboard',
'data-table',
],
description: '純數據視圖 / 運營監控',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('saas');
const kpi_dashboard = getScenario('kpi-dashboard')!.render(ctx);
const data_table = getScenario('data-table')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。KPI 指標總覽 · kpi-dashboard
系統概況
即時 KPI · 對比昨日
MRR
USD 48,200
▲ 7%
Open Tickets
23
▼ 4%
Uptime
99.97%
—
Churn
1.8%
▼ 0.3%
資料表格 · data-table
工單表單檢視
Filter·Sort·Group
| ID | 工單 | 狀態 | Priority | Assignee | SLA | 金額 |
|---|---|---|---|---|---|---|
| t-9001 | Webhook delivery failing for enterprise acct ACME Corp · P0 | In Progress | Sam | P0 | bug | NT$ 4 |
| t-9002 | SSO setup request — Okta integration Linear Mobile · P1 | Open | Mia | P1 | integration | NT$ 1 |
| t-9003 | Dashboard loads slow on large datasets Figma Labs · P2 | In Review | Jay | P2 | perf | NT$ 2 |
| t-9004 | Billing: invoice missing line items Notion Team · P1 | In Progress | Sam | P1 | billing | NT$ 3 |
| t-9005 | Feature request: bulk CSV import Vercel Studio · P3 | Open | Mia | P3 | feature | — |
| t-9006 | Auth token expires too aggressively Stripe Atlas · P1 | Resolved | Jay | P1 | auth | — |