♻️ refactor(vscode): 卡片里的子块只留挂在子行上、点了才展开的一种，测试假数据换掉旧 React 卡片的名字

vscode/webview-ui/src/codeReader/BlockTree.tsx

@@ -67,7 +67,7 @@ export interface QaTree {
 
 /**
  * 块下面有没有画出来的子块（删掉的子块也算）：子块都被筛掉、被盖住时不留空的一层、不给折叠箭头。
- * 放进卡片属性表里的子块（BlockSlot）画在卡片里，不算。
+ * 挂在卡片子行上的子块（BlockSlot）画在卡片属性表里，不算。
  */
 function hasShownChildren(block: BlockView, tree: BlockTreeState): boolean {
   return block.children.some(child => !child.slot && shown(child, tree)) || (!tree.covered.has(block.id) && tree.diff?.removed.has(block.id) === true)
@@ -125,7 +125,7 @@ function kindProps(block: BlockView | undefined): { 'data-kind'?: string, 'data-
  * slotted：这一层是画在卡片属性表某一行下面的子块（BlockSlot），blocks 只有那几块。
  */
 export function BlockLevel({ blocks, owner, tree, slotted = false }: { blocks: BlockView[], owner?: BlockView, tree: BlockTreeState, slotted?: boolean }): ReactElement {
-  // 放进卡片属性表里的子块画在卡片里（slotted 的那一层），这一层不画；删掉的块都放回卡片后面这一层
+  // 挂在卡片子行上的子块画在卡片属性表里（slotted 的那一层），这一层不画；删掉的块都放回卡片后面这一层
   const listed = slotted ? blocks : blocks.filter(block => !block.slot)
   const removed = slotted ? [] : tree.diff?.removed.get(owner?.id ?? '') ?? []
   const listedIds = new Set(listed.map(block => block.id))
@@ -212,8 +212,8 @@ function BlockPreview({ block, tree, marks }: { block: BlockView, tree: BlockTre
 }
 
 /**
- * 卡片属性表里放的子块（BlockSlot）怎么画：一行下面的几块画成一层块（同块树）；点子行才展开的，点那个子行的第一格展开它、
- * 同一行里别的收起，展开着的再点收起。卡片没有放进属性表的子块时没有。
+ * 挂在卡片子行上的子块（BlockSlot）怎么画：一行下面展开着的几块画成一层块（同块树）；点那个子行的第一格展开它、
+ * 同一行里别的收起，展开着的再点收起。卡片没有挂在子行上的子块时没有。
  */
 function cardSlots(block: BlockView, tree: BlockTreeState): GridSlots | undefined {
   const blocks = block.children.filter(child => child.slot)
@@ -227,7 +227,7 @@ function cardSlots(block: BlockView, tree: BlockTreeState): GridSlots | undefine
         tree.onSetFolds({ [child.id]: true })
         return
       }
-      const others = blocks.filter(other => other !== child && other.slot?.row === child.slot?.row && other.slot?.item !== undefined)
+      const others = blocks.filter(other => other !== child && other.slot?.row === child.slot?.row)
       tree.onSetFolds({ ...Object.fromEntries(others.map(other => [other.id, true])), [child.id]: false })
     },
   }
@@ -238,7 +238,7 @@ function BlockCard({ block, tree }: { block: BlockView, tree: BlockTreeState }):
   const editing = tree.editing.has(block.id)
   const collapsed = tree.collapsed.has(block.id)
   // 点父卡片子行才展开的子块：画出来就是展开着的，箭头收起整张
-  const toggled = block.slot?.item !== undefined
+  const toggled = block.slot !== undefined
   const hasChildren = toggled || hasShownChildren(block, tree)
   const Chevron = collapsed && !toggled ? ChevronRight : ChevronDown
   const change = tree.diff?.changes.get(block.id)