# 04egypt-orgchart 中文文档

规范地址：https://npmcn.com/package/04egypt-orgchart/

版本：1\.0\.0
npm 元数据更新时间：2022-04-04T10:07:41.845Z
中文译文更新时间：2026-10-31T11:17:41.109Z
软件包许可：ISC

本文由上游 README 机器翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/04egypt-orgchart
原文对照：https://npmcn.com/package/04egypt-orgchart/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：758 kB，44 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2019-03-06T16:13:46.634Z
- 最新版本发布：2019-03-06T16:13:47.092Z
- 已发布版本数：1（近 12 个月 0 个）

## 中文简介

[![vue-orgchart logo](https://npmcn.com/assets/vue-orgchart.jpg)](https://spiritree.github.io/vue-orgchart)

## 安装

```sh
npm install 04egypt-orgchart
```

也可以使用：`pnpm add 04egypt-orgchart`、`yarn add 04egypt-orgchart`、`bun add 04egypt-orgchart`

## README

[![vue-orgchart logo](https://npmcn.com/assets/vue-orgchart.jpg)](https://spiritree.github.io/vue-orgchart)

组织结构图的Vue包装器。

[![Travis Status](https://img.shields.io/travis/spiritree/vue-orgchart/master.svg?style=flat-square)](https://travis-ci.org/spiritree/vue-orgchart) [![npm](https://img.shields.io/npm/v/vue-orgchart.svg?style=flat-square)](https://www.npmjs.com/package/vue-orgchart)

## 介绍

-   首先，非常感谢大鹏的出色工作—— [OrgChart.js](https://github.com/dabeng/OrgChart.js)
-   如果你更喜欢Vue.js的包装为组织结构图，你可以尝试 [我的项目](https://github.com/spiritree/vue-orgchart)

## 链接

-   [文档](https://spiritree.github.io/vue-orgchart)

### 特征

-   支持导入和导出JSON
-   支持将图表导出为图片
-   拖拽Orgchart
-   可编辑Orgchart

…

## 安装

```shell
npm install vue-orgchart -S
```

## 快速入门

> 在 `main.js`

`import 'vue-orgchart/dist/style.min.css'`

> 在 `*.vue`

```javascript
<template>
  <div>
    <vo-basic :data="chartData"></vo-basic>
  </div>
</template>

<script>
import { VoBasic } from 'vue-orgchart'
export default {
  components: { VoBasic }
  created () {
    this.chartData = {
      name: 'JavaScript',
        children: [
          { name: 'Angular' },
          {
            name: 'React',
            children: [{ name: 'Preact' }]
          },
          {
            name: 'Vue',
            children: [{ name: 'Moon' }]
          }
        ]
    }
}
</script>
```

## 开发

```bash
# install dependencies
npm install

# serve with hot reload at localhost:8999
npm run dev

# unit test
npm run test

# build by rollup
npm run rollup
```

## 许可证

麻省理工学院

## 常见问题

### 如何安装 04egypt-orgchart？

在项目目录运行 npm install 04egypt-orgchart，或使用 pnpm add / yarn add / bun add。

### 04egypt-orgchart 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/04egypt-orgchart 是否存在。

### 04egypt-orgchart 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### 04egypt-orgchart 可以商用吗？

04egypt-orgchart 使用 ISC 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### 04egypt-orgchart 还在维护吗？

最新版本 1\.0\.0 发布于 2019/03/07（7 年前）；至今共发布 1 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/03/07。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。