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-orgvue-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-TreeVue的可拖拽
    优质
    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-TreeVue 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; // 使用其他方式引入组件后,根据需要进行配置和使用。 ```