lixinran
/
MindMap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 实现Vditor异步渲染表格节点和修复背景颜色 

- 使用dangerouslySetInnerHTML存储Markdown内容
- 通过shapeTpc函数实现Vditor异步渲染
- 修复思维导图背景颜色从黑色改为白色
- 添加表格加载状态样式和动画效果
- 确保所有表格节点统一使用Vditor渲染
- 支持渐进式加载，提升用户体验
This commit is contained in:
lixinran 2025-10-15 10:08:04 +08:00
parent c636bb629e
commit e07da11606
7 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
backend/mindmap.db
View File

Binary file not shown.

2
frontend/dist/assets/index-78c0373d.js → frontend/dist/assets/index-8a9a2cec.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/assets/index-d144e16a.css → frontend/dist/assets/index-a2fbcb1e.css vendored
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/assets/index-97a1b7ec.js → frontend/dist/assets/index-baaa8619.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/assets/pdf-479b8ef5.js → frontend/dist/assets/pdf-493de69e.js vendored
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/index.html vendored
View File

@ -23,8 +23,8 @@
flex-direction: column; flex-direction: column;
} }
</style> </style>
<script type="module" crossorigin src="/assets/index-97a1b7ec.js"></script> <script type="module" crossorigin src="/assets/index-baaa8619.js"></script>
<link rel="stylesheet" href="/assets/index-d144e16a.css"> <link rel="stylesheet" href="/assets/index-a2fbcb1e.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

4
frontend/src/components/MindMap.vue
View File

@ -5219,7 +5219,7 @@ const findNodeInData = (nodeData, targetId) => {
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: transparent; background: #ffffff !important;
border: none; border: none;
outline: none; outline: none;
} }
@ -5228,10 +5228,12 @@ const findNodeInData = (nodeData, targetId) => {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: relative; position: relative;
background: #ffffff !important;
} }
:deep(.mind-elixir .map-canvas) { :deep(.mind-elixir .map-canvas) {
transition: none; /* 移除过渡动画，使拖动更流畅 */ transition: none; /* 移除过渡动画，使拖动更流畅 */
background: #ffffff !important;
} }
/* 节点框样式 */ /* 节点框样式 */