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

vscode/webview-ui/src/codeReader/viewState.ts

@@ -54,9 +54,12 @@ function readViewState(saved: unknown): ViewState {
   return isScrollAnchor(state.scroll) ? { editing, folds, scroll: state.scroll } : { editing, folds }
 }
 
-/** 块默认折叠吗：函数、类、枚举、异常块和库规则的卡片收起子块（属性表照常显示），其余块展开。属性行和带下一层的子行默认都展开。 */
-export function foldedByDefault(block: Pick<BlockView, 'kind' | 'badge'>): boolean {
-  return block.badge !== undefined || ['function', 'class', 'enum', 'exception'].includes(block.kind)
+/**
+ * 块默认折叠吗：函数、类、枚举、异常块和库规则的卡片收起子块（属性表照常显示），其余块展开。属性行和带下一层的子行默认都展开。
+ * 父卡片里点子行才展开的子块（BlockSlot.item）默认收着：它折叠着就是整张不画。
+ */
+export function foldedByDefault(block: Pick<BlockView, 'kind' | 'badge' | 'slot'>): boolean {
+  return block.slot?.item !== undefined || block.badge !== undefined || ['function', 'class', 'enum', 'exception'].includes(block.kind)
 }
 
 /** 眼下折叠着的块、属性行和子行：用户点过的按他点的，没点过的按 foldedByDefault；opened 里的块（标了改动的）默认展开。 */
@@ -98,3 +101,13 @@ export function propertyItemId(parentId: string, itemIndex: number): string {
 export function tableId(ownerId: string): string {
   return `${ownerId}/t`
 }
+
+/**
+ * 父块看得见时，要让它的一个子块也看得见得展开的（块 id、属性行 id）：一般的子块是父块自己（收起子块时不画）；
+ * 放进父卡片属性表里的子块（BlockSlot）是它所在的那一行，点子行才展开的还有它自己。
+ */
+export function unfoldToShow(parentId: string, child: Pick<BlockView, 'id' | 'slot'>): string[] {
+  if (!child.slot)
+    return [parentId]
+  return [propertyRowId(parentId, child.slot.row), ...(child.slot.item !== undefined ? [child.id] : [])]
+}