README.md · 呐嘶哒/zm-tree-org - Gitee.com

forked from 弄个锤子/zm-tree-org

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 1.30 KB

一键复制编辑原始数据按行查看历史

提交于 2022-08-09 10:46 . 修复一些问题

# 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/).

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/nsdnsd/zm-tree-org.git

[email protected]:nsdnsd/zm-tree-org.git

nsdnsd

zm-tree-org

zm-tree-org

master