refactor: 移除样例页(tutorial design-examples / design-lab shelf)——组件页已含 RouteLine 演示,样例使命完成;导航/目录/视觉基线/散落契约同步清理,25/25 绿(Scatter 组件保留在包中)

This commit is contained in:
cqh963852 committed 2026-10-08 16:16:44 +08:00
1 parent a1e7c91fce
commit 7b8aad1998
11 files changed
+1 -156

No files matched your search

+1 -2
View File
@@ -7,14 +7,13 @@ import type { ChapterId } from '@stack/design-system'
import { CHAPTERS } from './chapters'
/** 设计系统四册(自 design-lab 迁入) */
export type DesignKey = 'design-colors' | 'design-typography' | 'design-symbols' | 'design-components' | 'design-examples'
export type DesignKey = 'design-colors' | 'design-typography' | 'design-symbols' | 'design-components'
const DESIGN: { href: string; label: string; key: DesignKey }[] = [
{ href: '/design-colors.html', label: '颜色', key: 'design-colors' },
{ href: '/design-typography.html', label: '字体', key: 'design-typography' },
{ href: '/design-symbols.html', label: '符号形状', key: 'design-symbols' },
{ href: '/design-components.html', label: '组件', key: 'design-components' },
{ href: '/design-examples.html', label: '样例', key: 'design-examples' },
]
const NAV: { href: string; label: string; id?: ChapterId }[] = [
@@ -1,34 +0,0 @@
/** 组合场景=大部分组件拿出来的真实使用,不做解释性标注:
* 入口画像 → 课程卡与关系线 → 进度票券 → 指派块;形状散落于卡片附近空当。 */
import { Page } from '../../lib/ui'
import { ASSIGNMENT, CHAPTERS, PROFILES } from '../../lib/chapters'
import { AssignBlock, EntryGuide, MemphisCard, Scatter, Ticket } from '@stack/design-system'
import { Cross, Ring, Tremble, Tri, Wave } from '@stack/design-system'
export function App() {
return (
<Page active="design-examples" title="样例 · 组合场景" desc="大部分组件同台真实使用:入口画像 → 课程卡与关系线 → 进度票券 → 指派块;形状散落于卡片附近空当。">
<EntryGuide chapters={CHAPTERS} profiles={PROFILES} />
<div className="relative mt-8 h-[600px] overflow-hidden rounded-2xl bg-paper">
<Scatter
shapes={[
<Tri size={26} key="tri" />,
<Ring size={22} key="ring" />,
<Cross size={20} key="cross1" />,
<Cross size={18} key="cross2" />,
<Wave size={44} key="wave" />,
<Tremble size={20} key="tremble" />,
]}
/>
<div className="absolute left-[40px] top-[110px] w-[250px]"><MemphisCard chapter={CHAPTERS[1]} entry={1} /></div>
<div className="absolute left-[380px] top-[44px] w-[250px] -rotate-1"><MemphisCard chapter={CHAPTERS[2]} entry={2} /></div>
<div className="absolute left-[700px] top-[44px] w-[140px]"><MemphisCard chapter={CHAPTERS[5]} compact /></div>
<div className="absolute left-[820px] top-[320px]"><AssignBlock {...ASSIGNMENT} /></div>
<div className="absolute left-[60px] top-[440px] flex gap-4">
<Ticket chapter={CHAPTERS[2]} done />
<Ticket chapter={CHAPTERS[5]} done={false} />
</div>
</div>
</Page>
)
}
@@ -1,4 +0,0 @@
import { createRoot } from 'react-dom/client'
import { App } from './App'
createRoot(document.getElementById('root')!).render(<App />)