Advertisement

zm-tree-org：简化版组织架构图，基于vue-org-tree并优化了部分源码，支持鼠标操作...

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：ZIP

简介：
zm-tree-org是一款基于Vue框架开发的轻量级组织架构图插件，它在vue-org-tree的基础上进行了代码优化，并增加了对鼠标的更多交互功能。 zm-tree-org 介绍： 一个简易版的组织架构图组件，基于vue-org-tree构建，并对部分源代码进行了优化修改。支持鼠标拖动调整位置以及使用滚轮缩放功能，并允许用户通过拖拽节点来改变树状结构。 安装方法如下： ``` npm install zm-tree-org --save # 或者 yarn add zm-tree-org ``` 引入方式为： ```javascript import Vue from vue; import ZmTreeOrg from zm-tree-org; import zm-tree-org/dist/zm-tree-org.css; Vue.use(ZmTreeOrg); ``` 最新版本和文档信息请参考相关说明。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • zm-tree-org：简化版组织架构图，基于vue-org-tree并优化了部分源码，支持鼠标操作...
    优质
    zm-tree-org是一款基于Vue框架开发的轻量级组织架构图插件，它在vue-org-tree的基础上进行了代码优化，并增加了对鼠标的更多交互功能。 zm-tree-org 介绍： 一个简易版的组织架构图组件，基于vue-org-tree构建，并对部分源代码进行了优化修改。支持鼠标拖动调整位置以及使用滚轮缩放功能，并允许用户通过拖拽节点来改变树状结构。 安装方法如下： ``` npm install zm-tree-org --save # 或者 yarn add zm-tree-org ``` 引入方式为： ```javascript import Vue from vue; import ZmTreeOrg from zm-tree-org; import zm-tree-org/dist/zm-tree-org.css; Vue.use(ZmTreeOrg); ``` 最新版本和文档信息请参考相关说明。
     
  • 基于Vue2.x的简易组织树插件：vue-org-tree
    优质
    vue-org-tree是一款基于Vue2.x框架设计开发的轻量级组织结构图插件。该插件提供了简单易用、灵活多变的功能，帮助开发者快速构建高效的组织树型展示和管理页面。 Vue-org-tree 是一个基于 Vue2.x 的简单组织树形图组件。 安装方法如下： 使用 npm: ```shell npm i vue2-org-tree ``` 或者使用 yarn： ```shell yarn add vue2-org-tree ``` 导入插件： ```javascript import Vue from vue import Vue2OrgTree from vue2-org-tree Vue.use(Vue2OrgTree) ```
     
  • React-Org-Chart：简洁的React组织架构图
    优质
    React-Org-Chart是一款用于构建简洁、直观组织结构图的React组件库。它帮助开发者轻松创建和管理企业层级关系图表，适用于各种规模的应用程序。 React组织结构图组件用于展示组织架构图。此组件基于D3库，并在此基础上添加了一些定制功能以满足特定需求。 该组件的特性包括： - 基于D3的高性能SVG渲染； - 具备延迟加载子项的能力，适用于处理多达一百万个折叠节点和5,000个扩展节点； - 支持平移（拖放）操作及放大缩小功能（通过鼠标滚轮或滚动实现）； - 提供懒惰父母机制，在树形结构中向上移动时发挥作用； - 包含用于放大、缩小和缩放的按钮，以及以图片或PDF格式下载组织图的功能。 我们在此基础上新增了以下特性： React属性及描述如下： | 属性 | 类型 | 描述 | | --- | ---- | ---- | | tree | Object | 公司内所有员工嵌套数据模型（必填）| | nodeWidth | Number | 每个节点的宽度（可选，默认值为180px） | | nodeHeight | Number | 节点的高度 （可选，默认值为100px） | | nodeSpacing | Number | 图表中每个节点之间的间距（可选， 默认值为12像素） | 请参考下面的示例。
     
  • Vue-Drag-Tree：基于Vue的可拖拽组织树
    优质
    Vue-Drag-Tree是一款基于Vue.js框架开发的组件库，提供了一种直观、灵活的方式来构建和操作可拖拽的组织结构树。该工具支持自定义节点内容与样式，适合用于项目管理、文件系统等场景中复杂的层级数据展示和编辑需求。 安装vue-drag-tree-org 使用npm: ``` npm install vue-drag-tree-org ``` 或者使用yarn: ``` yarn add vue-drag-tree-org ``` 使用方法： ```javascript import VueDragTreeOrg from vue-drag-tree-org Vue.use(VueDragTreeOrg) // 或者在组件中直接引入 components: { VueDragTreeOrg } ``` CDN: 添加css样式（具体路径请参考官方文档） 添加js脚本（具体路径请参考官方文档）
     
  • ORG 2020 Beta2 汉化版
    优质
    ORG 2020 Beta2 汉化版是专为中国用户打造的日程管理和项目计划软件，提供全面的功能与界面汉化服务，帮助用户高效组织日常任务和事件。 特征包括：数千种乐器（多样本和实际乐器录制）、三种低延迟方法、带有触摸后的DNC乐器功能、使用真实和弦的节奏库（涵盖推进、变奏、填充、休息、结尾及垫等元素）、多种鼓组配置（如普通鼓组，阿拉伯语与波斯语风格鼓组）以及搞笑人体鼓组。支持通过USB MIDI线连接至真正的音乐键盘，并可将手机作为带有音频滤波器的麦克风使用。具有可编程的声音/循环按钮以播放音频文件、用于创建和编辑乐器及样式的强大Windows工具等额外功能，同时提供操纵杆控制、效果与滤镜选项以及录音、重新录制、保存和播放等功能。系统还配备高品质立体声输出，并模拟KORG键盘的Fade（渐变）、Synchro（同步）、Keyboard Set（键盘设置）及Tempo（节奏调节）特性。
     
  • Vue Tree List：用于树形结构的Vue组件
    优质
    Vue Tree List是一款专为Vue.js框架设计的高效、灵活的树形列表组件。它支持复杂的层级数据展示与操作，适用于各种需要管理嵌套项目或分类的应用场景。 Vue树列表组件可以用来创建树结构，并支持添加节点（包括treenode 和 leafnode）、编辑节点名称以及拖动功能。安装插件后即可全局使用该组件： ```javascript import Vue from vue; import VueTreeList from vue-tree-list; Vue.use(VueTreeList); ``` 或者只在本地注册，如下所示： ```html ``` 以上代码示例展示了如何使用该组件进行基本操作。
     
  • Vue-Tree：基于Vue Element-UI的可编辑、添加和删除线性结构的Tree组件
    优质
    Vue-Tree是一款专为Vue.js开发的组件，它基于Element-UI框架，支持对树形数据进行灵活操作。用户可以实现在线性结构中轻松地编辑、增删节点，满足多样化需求，提高用户体验和工作效率。 vue-tree 是一个 Vue.js 项目。 **Build Setup** 1. 安装依赖：`npm install` 2. 使用热更新在 `localhost:8080` 运行：`npm run dev` 3. 构建生产环境版本（带优化）：`npm run build` 功能概述： 1. 总体预览 2. 编辑 3. 新增 4. 删除 5. 提示
     
  • Vue-Org-Chart：免费发布和管理交互式的组织结构图（Orgchart），无需安装
    优质
    Vue-Org-Chart是一款无需安装即可使用的免费工具，专为创建、发布及管理动态互动式组织架构图表而设计，适用于团队管理和企业内部沟通。 VueOrgChart 是一个组织结构图解决方案，无需网络服务器和数据库即可生成和发布orgchart（c）Michael Hoogkamer。 如果您要显示的是敏捷团队而不是传统组织架构，请尝试以下方法： 这是一个开源项目。构建设置仅在您需要修改或创建自己的版本时才需要用到。如果只是想直接使用它，则只需打开\ doc \ index.html文件。请参考\ doc \ config.js以获取更多信息。 有关开发用的config.js、data.js和photos文件夹，它们都位于项目的static文件夹中。 安装依赖项： ``` $ npm install ``` 在本地服务器上运行（热重载）: ``` $ npm run dev ``` 构建生产环境版本并启动服务： ``` $ npm run build ```
     
  • bouncycastle.jar-org版本
    优质
    BouncyCastle.jar是Java环境下提供额外加密服务的库文件，org版本指的是该库中org.bouncycastle包的实现，广泛应用于需要高级别安全性的应用程序开发。 BouncyCastle.jar 是一种用于 Java 平台的开放源码轻量级密码术包。它支持多种密码算法，并提供了 JCE 1.2.1 的实现。
     
  • Vue.js 2.0表格（含Tree-Grid）组件 - Vue-Table-With-Tree-Grid
    优质
    Vue-Table-With-Tree-Grid是一款专为Vue.js 2.0设计的高效表格插件，支持标准表格及树形结构展示，助力开发者轻松构建复杂数据视图。 Vue.js 2.0的表格（带有树网格）组件可以通过以下方式安装： 使用npm： ```bash npm i vue-table-with-tree-grid -S ``` 或使用yarn： ```bash yarn add vue-table-with-tree-grid ``` 用法如下： ```javascript import Vue from vue; import ZkTable from vue-table-with-tree-grid; Vue.use(ZkTable); ``` 或者， ```javascript import Vue from vue; import ZkTable from vue-table-with-tree-grid; // 使用其他方式引入组件后，根据需要进行配置和使用。 ```