✨ feat(vscode): 代码阅读的 TypeScript interface 换成一张属性表卡片

契约加 InterfaceBlock / InterfaceFacts（种类「接口」，图标、颜色同类型块）；属性签名和索引签名连同讲它的注释并进「属性 | 类型 | 说明」表，可省略带 ?、只读写在类型前、没标注写未标注，每行讲的定义是属性名；方法签名是函数子块，调用签名、构造签名照旧是子块；declare interface 也认；「了解一块代码」照旧按 接口名.属性名 找得到属性

vscode/webview-ui/src/codeReader/codeReader.css

@@ -18,7 +18,7 @@ body {
    图标区分具体是哪种（kindIcons.tsx）。卡片取自己的种类，子层取所属块的种类 */
 :is([data-kind="import"], [data-kind="copy"]) { --kind: var(--cr-kind-import); }
 [data-kind="function"] { --kind: var(--cr-kind-function); }
-:is([data-kind="class"], [data-kind="type"]) { --kind: var(--cr-kind-type); }
+:is([data-kind="class"], [data-kind="interface"], [data-kind="type"]) { --kind: var(--cr-kind-type); }
 [data-kind="trait"] { --kind: var(--cr-storage); }
 [data-kind="attribute"] { --kind: var(--cr-constant); }
 [data-kind="impl"] { --kind: var(--cr-kind-function); }

vscode/webview-ui/src/codeReader/kindIcons.test.tsx

@@ -26,6 +26,7 @@ describe('块的种类图标', () => {
       module: 'layers',
       attribute: 'sliders-horizontal',
       type: 'braces',
+      interface: 'braces',
       enum: 'list-ordered',
       exception: 'triangle-alert',
       field: 'tag',

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

@@ -3,7 +3,7 @@
  */
 
 export type BlockKind
-  = | 'import' | 'function' | 'class' | 'enum' | 'exception' | 'type' | 'field' | 'const' | 'variable'
+  = | 'import' | 'function' | 'class' | 'interface' | 'enum' | 'exception' | 'type' | 'field' | 'const' | 'variable'
     | 'trait' | 'impl' | 'module' | 'attribute'
     | 'if' | 'else' | 'loop' | 'try' | 'catch' | 'finally' | 'return' | 'statement' | 'comment'
     | 'interpreter' | 'options' | 'case' | 'command' | 'pipeline'