[PR #834] [MERGED] feat: add antv infographic #790

New issue

Closed

opened 2026-03-02 03:41:45 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 03:41:45 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/codexu/note-gen/pull/834
Author: @Aarebecca
Created: 1/8/2026
Status: ✅ Merged
Merged: 1/9/2026
Merged by: @codexu

Base: dev ← Head: feat/add-antv-infographic

📝 Commits (3)

fbcaa13 chore: add deps
51c30b0 feat: add antv infographic as custom renders
5ef1e75 Merge branch 'dev' into feat/add-antv-infographic

📊 Changes

5 files changed (+652 additions, -4 deletions)

View changed files

📝 package.json (+2 -1)
📝 pnpm-lock.yaml (+442 -0)
📝 src/app/core/article/md-editor.tsx (+6 -2)
📝 src/app/core/article/style.scss (+16 -1)
➕ src/lib/infographic.ts (+186 -0)

📄 Description

接入 AntV Infographic，支持通过代码块渲染信息图，适配浅色/深色模式。

深色模式

浅色模式

关联 Issue: https://github.com/codexu/note-gen/issues/828

Summary by CodeRabbit

New Features
- Added support for rendering infographic diagrams in the markdown editor.
- Infographics now automatically adapt to the editor's theme (dark/light mode).
Styles
- Added styling for infographic diagram display and layout.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/codexu/note-gen/pull/834 **Author:** [@Aarebecca](https://github.com/Aarebecca) **Created:** 1/8/2026 **Status:** ✅ Merged **Merged:** 1/9/2026 **Merged by:** [@codexu](https://github.com/codexu) **Base:** `dev` ← **Head:** `feat/add-antv-infographic` --- ### 📝 Commits (3) - [`fbcaa13`](https://github.com/codexu/note-gen/commit/fbcaa134246f359680d86b18cc1d648f3010b824) chore: add deps - [`51c30b0`](https://github.com/codexu/note-gen/commit/51c30b047659f2a3fcc5839c84f365d49030bb6d) feat: add antv infographic as custom renders - [`5ef1e75`](https://github.com/codexu/note-gen/commit/5ef1e75bfb05f97e6b2c8f02c2ffe81d84db7f27) Merge branch 'dev' into feat/add-antv-infographic ### 📊 Changes **5 files changed** (+652 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `package.json` (+2 -1) 📝 `pnpm-lock.yaml` (+442 -0) 📝 `src/app/core/article/md-editor.tsx` (+6 -2) 📝 `src/app/core/article/style.scss` (+16 -1) ➕ `src/lib/infographic.ts` (+186 -0) </details> ### 📄 Description 接入 [AntV Infographic](https://infographic.antv.vision/)，支持通过代码块渲染信息图，适配浅色/深色模式。 <img width="600" alt="image" src="https://github.com/user-attachments/assets/a99dda02-d9d2-42b3-a78d-8ea6fe115bfa" /> > 深色模式 <img width="600" alt="image" src="https://github.com/user-attachments/assets/274192e8-7672-45a0-a53c-66fb741c4055" /> > 浅色模式关联 Issue: https://github.com/codexu/note-gen/issues/828  ## Summary by CodeRabbit * **New Features** * Added support for rendering infographic diagrams in the markdown editor. * Infographics now automatically adapt to the editor's theme (dark/light mode). * **Styles** * Added styling for infographic diagram display and layout. <sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub>  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>