✨ feat(vscode): 代码阅读 React 组件卡片按钩子分区：状态 / 引用 / 读取的数据 / 派生值 / 副作用 / 事件处理；副作用、处理函数成子卡片放进卡片那一行下面（库规则新增把子块放进属性表某一行的机制，事件处理表点名称展开）

vscode/src/codeReader/libraryRules.test.ts

@@ -1,5 +1,5 @@
 import type { BlockView, RuleRun } from './blockView'
-import type { CodeBlock, LibraryRule, RuleBlock, RuleLocation, RuleWorkspace, Segment } from './contract'
+import type { CodeBlock, LibraryRule, RuleBlock, RuleLocation, RuleSlot, RuleWorkspace, Segment } from './contract'
 import { describe, expect, it } from 'vitest'
 import { fileAttributes } from './attributes'
 import { toBlockViews } from './blockView'
@@ -193,6 +193,33 @@ describe('库规则：认领', () => {
     expect(reports).toEqual(['库规则 omit 给第 3 行的 class 块的替身不合约定，这块照常显示：要略去的块还有子块'])
   })
 
+  it('放进卡片属性表里的子块：照常转成块，记下画在哪一行（哪个子行）；不是留下的子块、没有那一行 / 子行、放了两处的不合约定', async () => {
+    const rows = [{ label: '字段', value: [], items: [{ cells: [[{ text: 'name', role: 'variable' as const }]] }], columns: ['名称'] }, { label: '方法', value: [] }]
+    const slotting = (slots: (block: CodeBlock) => RuleSlot[], id = 'slot'): LibraryRule => ({
+      ...cardRule(id),
+      claim: block => block.kind === 'class'
+        ? { kind: `${id}.card`, badge: { label: '卡片', color: { dark: '#fff', light: '#000' }, icon: 'box' }, rows, absorbs: block.children.slice(0, 1), slots: slots(block) }
+        : undefined,
+    })
+    const [, card] = await views(MODEL, [slotting(block => [{ block: block.children[2], row: 0, item: 0 }, { block: block.children[3], row: 1 }])])
+    expect(card.children.map(child => [child.kind, child.slot])).toEqual([['comment', undefined], ['variable', { row: 0, item: 0 }], ['function', { row: 1 }]])
+
+    const reports: string[] = []
+    const bad = await views(MODEL, [
+      slotting(block => [{ block: block.children[0], row: 1 }], 'absorbed'),
+      slotting(block => [{ block: block.children[3], row: 5 }], 'row'),
+      slotting(block => [{ block: block.children[3], row: 1, item: 0 }], 'item'),
+      slotting(block => [{ block: block.children[3], row: 1 }, { block: block.children[3], row: 0 }], 'twice'),
+    ], reports)
+    expect(bad[1].kind).toBe('class')
+    expect(reports.map(report => report.replace(/^.*照常显示：/, ''))).toEqual([
+      '放进卡片里的块不是留下的子块',
+      '放进卡片第 5 行下面的块，卡片没有这一行',
+      '放进卡片第 1 行第 0 个子行的块，这一行没有这个子行',
+      '同一块放进了卡片里的几处',
+    ])
+  })
+
   it('认成契约里现成的属性表块：种类、属性表、筛选属性照语言插件报的这种块，编辑范围是整个类；并进来的不是子块时照常显示', async () => {
     const asEnum = (absorbs: (block: CodeBlock) => CodeBlock[]): LibraryRule => ({
       ...cardRule('lib'),