Gathering detailed insights and metrics for @hellowuxin/mindmap
Gathering detailed insights and metrics for @hellowuxin/mindmap
Gathering detailed insights and metrics for @hellowuxin/mindmap
Gathering detailed insights and metrics for @hellowuxin/mindmap
npm install @hellowuxin/mindmap
Typescript
Module System
Node Version
NPM Version
63.4
Supply Chain
99.2
Quality
76.2
Maintenance
50
Vulnerability
99.3
License
Vue (70.4%)
TypeScript (16%)
SCSS (11.22%)
HTML (1.35%)
JavaScript (1.02%)
Total Downloads
22,310
Last Day
5
Last Week
30
Last Month
168
Last Year
2,340
469 Stars
378 Commits
123 Forks
12 Watching
8 Branches
1 Contributors
Minified
Minified + Gzipped
Latest Version
2.1.4
Package Id
@hellowuxin/mindmap@2.1.4
Unpacked Size
3.17 MB
Size
825.70 kB
File Count
9
NPM Version
6.14.7
Node Version
12.18.2
Cumulative downloads
Total Downloads
Last day
0%
5
Compared to previous day
Last week
-6.3%
30
Compared to previous week
Last month
51.4%
168
Compared to previous month
Last year
-39.8%
2,340
Compared to previous year
9
39
一个由MindNode启发的思维导图Vue组件,基于d3.js实现
目前实现的功能有基本的编辑、拖移、缩放、撤销、上下文菜单、折叠...
在线演示:https://mindnode.5xin.xyz/
1npm install @hellowuxin/mindmap
Name | Type | Default | Description |
---|---|---|---|
v-model | Array | undefined | 设置思维导图数据 |
width | Number | 100% | 设置组件宽度 |
height | Number | undefined | 设置组件高度 |
xSpacing | Number | 80 | 设置节点横向间隔 |
ySpacing | Number | 20 | 设置节点纵向间隔 |
strokeWidth | Number | 4 | 设置连线的宽度 |
draggable | Boolean | true | 设置节点是否可拖拽 |
gps | Boolean | true | 是否显示居中按钮 |
fitView | Boolean | true | 是否显示缩放按钮 |
showNodeAdd | Boolean | true | 是否显示添加节点按钮 |
keyboard | Boolean | true | 是否响应键盘事件 |
contextMenu | Boolean | true | 是否响应右键菜单 |
zoomable | Boolean | true | 是否可缩放、拖移 |
showUndo | Boolean | true | 是否显示撤销重做按钮 |
download | Boolean | true | 是否显示下载按钮 |
Name | arguments | Description |
---|---|---|
updateNodeName | data, id | 更新节点名称时,传入节点数据和节点id |
click | data, id | 点击节点时,传入节点数据和节点id |
1<template> 2 <mindmap v-model="data"></mindmap> 3</template> 4 5<script> 6import mindmap from '@hellowuxin/mindmap' 7 8export default { 9 components: { mindmap }, 10 data: () => ({ 11 data: [{ 12 "name":"如何学习D3", 13 "children": [ 14 { 15 "name":"预备知识", 16 "children": [ 17 { "name":"HTML & CSS" }, 18 { "name":"JavaScript" }, 19 ... 20 ] 21 }, 22 { 23 "name":"安装", 24 "_children": [ 25 { "name": "折叠节点" } 26 ] 27 }, 28 { 29 "name":"进阶", 30 "left": true 31 }, 32 ... 33 ] 34 }] 35 }) 36} 37</script>
⇥ tab、⏎ enter、⌫ backspace、⌘ cmd+z、⌘ cmd+y
鼠标:space+左键移动、右键菜单、ctrl+滚轮缩放、左键选中
触控板:双指滚动移动、双指菜单、双指捏合缩放、单指选中
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
Found 0/14 approved changesets -- score normalized to 0
Reason
project is archived
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
license file not detected
Details
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
87 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-12-16
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More