# zm-tree-org
[![OSCS Status](https://www.oscs1024.com/platform/badge/sangtian152/zm-tree-org.svg?size=small)](https://www.oscs1024.com/project/sangtian152/zm-tree-org?ref=badge_small)
## 介绍
一个简易版组织架构图,组件依赖于vue-org-tree, 在此基础上将部分源代码进行优化修改。可鼠标拖动拖拽,以及鼠标滚轮缩放,并且支持拖动节点改变树结构。
- 架构图支持拖拽和通过鼠标滚轮缩放
- 支持新增/删除节点
- 支持编辑节点名称
- 支持拖动节点改变树结构
- 支持自定义右键菜单
- 支持slot自定义节点渲染内容
- 支持slot自定义展开按钮渲染内容
#### vue3.x版本请访问 [vue3-tree-org](https://sangtian152.github.io/vue3-tree-org/)
### 安装
```
npm install zm-tree-org --save
# or
yarn add zm-tree-org
```
### 引入
```
import Vue from 'vue';
import ZmTreeOrg from 'zm-tree-org';
import "zm-tree-org/lib/zm-tree-org.css";
Vue.use(ZmTreeOrg);
```
### 使用示例
![](https://oscimg.oschina.net/oscnet/up-84b0329b0dff74d87da1252248deb5aab5e.png)
[示例代码](https://sangtian152.github.io/zm-tree-org/)
### 最新版本
[![NPM version](https://img.shields.io/npm/v/zm-tree-org)](https://www.npmjs.com/package/zm-tree-org)
### 文档
[说明文档](https://sangtian152.github.io/zm-tree-org/).
没有合适的资源?快使用搜索试试~ 我知道了~
最优秀的组织树组件,支持各种显示方式
共81个文件
js:28个
vue:9个
map:9个
需积分: 0 1 下载量 36 浏览量
2023-07-22
17:35:49
上传
评论
收藏 2.82MB ZIP 举报
温馨提示
最优秀的组织树件,支持各种显示方式
资源推荐
资源详情
资源评论
收起资源包目录
zm-tree-org-develop.zip (81个子文件)
zm-tree-org-develop
lib
zm-tree-org.css 7KB
zm-tree-org.common.js.map 372KB
zm-tree-org.common.js 285KB
zm-tree-org.css.map 20KB
zm-tree-org.umd.min.js 97KB
zm-tree-org.umd.js.map 372KB
zm-tree-org.umd.js 285KB
zm-tree-org.umd.min.js.map 423KB
demo.html 196B
babel.config.js 73B
src
svg
expand.svg 1KB
unfullscreen.svg 604B
fullscreen.svg 598B
collapse.svg 1KB
styles
index.scss 7KB
utils
polyfill.js 2KB
dom.js 1KB
utils.js 108B
log.js 2KB
fns.js 682B
directives
drag
index.js 7KB
focus
index.js 85B
components
tree-org
tree-org.vue 16KB
node.js 6KB
index.js 165B
zm-draggable
index.vue 11KB
contextmenu
menus.js 213B
index.vue 6KB
clone-org
index.vue 2KB
plugin
core
index.js 368B
index.js 717B
LICENSE 1KB
demo
App.vue 1KB
assets
styles
common.scss 2KB
index.scss 1KB
variables.scss 24B
color-brewer.css 884B
nav.config.json 191B
main.js 738B
docs
demo.md 12KB
guide.md 1KB
components
side-nav.vue 3KB
demo-block.vue 4KB
footer.vue 5KB
header.vue 1KB
favicon.ico 9KB
index.html 2KB
router
routes.js 614B
index.js 656B
md-loader
fence.js 664B
containers.js 741B
util.js 2KB
config.js 581B
index.js 2KB
.gitee
ISSUE_TEMPLATE.zh-CN.md 79B
PULL_REQUEST_TEMPLATE.zh-CN.md 182B
dist
favicon.ico 4KB
index.html 1022B
static
js
chunk-vendors.e0f30be2.js 1.63MB
chunk-vendors.e0f30be2.js.map 5.16MB
index.46a255ca.js 46KB
index.46a255ca.js.map 157KB
chunk-869a7936.50e1ae2f.js.map 61KB
chunk-869a7936.50e1ae2f.js 24KB
img
ionicons.a2c4a261.svg 542KB
css
chunk-vendors.a290f5aa.css 278KB
index.926f1e71.css 14KB
index.926f1e71.css.map 43KB
chunk-vendors.a290f5aa.css.map 444KB
fonts
ionicons.d535a25a.ttf 193KB
ionicons.99ac3308.woff 193KB
ionicons.143146fa.woff2 80KB
package.json 2KB
public
favicon.ico 4KB
index.html 613B
.npmignore 107B
vue.config.js 2KB
.gitignore 251B
.eslintignore 41B
README.en.md 918B
README.md 1KB
共 81 条
- 1
资源评论
zx123zxcv
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 一个基于Python编程语言和numpy及matplotlib库的简单正弦波信号发生器示例
- jdk-17-linux-x64-bin.deb
- jdk-17-linux-aarch64-bin.rpm
- 折线图、散点图、柱状图和饼图,每个示例都显示了如何显示中文
- asp.net高校网上教材征订系统的设计与实现(源码)
- asp.net动态口令认证的网上选课系统的设计与实现(源码)
- NetAssist网络调试助手
- ASP.NET公文管理系统的设计与实现(源码)
- 操作系统原理与设计Chapter 2: OS Structure
- torch-2.3.1-cp312-cp312-manylinux2014-aarch64.whl
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功