YuwangLiu

> https://github.com/antvis/G6/blob/79b41a36c7387e17c14311a76a35cf69794345ef/packages/g6/src/runtime/element.ts#L713-L727 createElements 所有图片节点的 src 都是 undefined （出现问题的地方） computeStyle 计算样式 updateElements 再去更新，src 有正确的值 所以感觉简单点的解决方案 那就是加个1x1的gif先临时占位（虽然，但是感觉并不太可取）。 要么就重构一下这里的逻辑，但后者就比较麻烦了。

> [@lyw405](https://github.com/lyw405) 这个看起来不应该是 Image 组件 src 不合法的时候，不渲染吗？ 不是不合法，准确来说是不存在。例如在源码中createElements的时候，搞个空字符串，此时底层Image会保错src不合法，但是不会中断整个g6的流程。 所以可以说是Image底层对src不存在的时候兜底处理不足，但是createElements时直接给Image传空的，多少感觉也有些问题。

@hustcc 尝试修改执行流程，把计算样式放到前面就可以正常的渲染和展开收缩的，可能是我哪里没考虑到。

新节点没有位置信息，如果直接按照被展开节点位置算的话，可能会出现节点重叠的情况。那这就得重新渲染整个树，交互上可能又不太友好～

创建新节点的位置需要知道被展开节点的位置，被展开节点的位置需要执行布局计算后才知道，布局计算需要所有的节点都在（包括新节点），但新节点的位置需要知道被展开节点的位置。 感觉布局系统的代码底层得重构了。

### [infographic-for-react](https://github.com/lyw405/infographic-for-react) React Infographic Component > React components for @antv/infographic - 声明式、基于组件的 React 封装，支持 Hooks，用于信息图生成。 ```tsx import { Infographic } from 'infographic-for-react'; function App() { return ( {`infographic list-row-simple-horizontal-arrow data...

### [infographic-cli](https://github.com/lyw405/infographic-cli) Command-Line Infographic Generator > CLI tool for @antv/infographic - 命令行工具，通过简单的声明式语法快速生成精美的 SVG 信息图，支持从字符串、文件或标准输入渲染。 ```bash # 安装 npm install -g infographic-cli # 从 DSL 字符串快速生成 ifgc -s "infographic list-row-simple-horizontal-arrow data...