組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'saas-workspace',
name: 'SaaS 完整工作台',
industry: 'saas',
scenarios: [
'tree-sidebar',
'pipeline-board',
'notification-feed',
],
description: '左側導航 + 中間看板 + 右側通知',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('saas');
const tree_sidebar = getScenario('tree-sidebar')!.render(ctx);
const pipeline_board = getScenario('pipeline-board')!.render(ctx);
const notification_feed = getScenario('notification-feed')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。樹狀導航 · tree-sidebar
系統概況
歡迎回到 B2B SaaS
MRR
48,200 USD
Open Tickets
23
Uptime
99.97 %
Churn
1.8 %
← 從左側樹狀選單切換 工單追蹤 / 支援流程 / SLA 到期
流程看板 · pipeline-board
支援流程
依狀態分組 工單
Open
2SSO setup request — Okta integration
Linear Mobile · P1
t-9002M
Feature request: bulk CSV import
Vercel Studio · P3
t-9005M
In Progress
2Webhook delivery failing for enterprise acct
ACME Corp · P0
t-9001S
Billing: invoice missing line items
Notion Team · P1
t-9004S
In Review
1Dashboard loads slow on large datasets
Figma Labs · P2
t-9003J
Resolved
1Auth token expires too aggressively
Stripe Atlas · P1
t-9006J
通知中心 · notification-feed
通知中心
全部 · 6未讀 · 2提及
今天
- +工單 t-9001 已建立Webhook delivery failing for enterprise acct12 分鐘前
- ↻工單 t-9002 狀態變更SSO setup request — Okta integration2 小時前
- ✓工單 t-9003 已完成Dashboard loads slow on large datasets剛剛
昨天
- @Sam 提到了你Billing: invoice missing line items昨天 17:30
- !Mia 提到了你Feature request: bulk CSV import昨天 18:35
- #Jay 提到了你Auth token expires too aggressively昨天 19:40