Code Monkey home page Code Monkey logo

vue-minder's Introduction

Vue Minder

本组件主要内聚百度脑图的能力,使脑图可以便于在Vue生态下进行扩展。 DEMO地址


Vue Minder 基于百度脑图核心代码kityminder-core,主要满足在Vue项目中开发和使用。感谢FEX Team

安装

yarn add vue-minder
npm install vue-minder

使用

<minder
  :show-search-box="showSearchBox"
  :show-template="showTemplate" 
  :show-theme="showTheme"  
  :show-navigator="showNavigator" 
  :enable="enable" :style="style" 
  :import-data="importData" 
  v-ref:minder>
</minder>

props说明

  • show-search-box 是否显示搜索框
  • show-template 是否显示模板
  • show-theme 是否显示主题
  • show-navigator 是否显示导航器
  • enable 禁用或编辑模式
  • import-data 导入的数据

具体使用可参考

与百度脑图不同之处

  • 数据中的字段 text 改为 name

开发和贡献

目前主要用于vue1.0项目中,感兴趣可升级为2.0版本,甚至以后3.0版本

版本规范

分支规范

  • master 为 vue1.0版本
  • 2.x 为 vue2.x版本
  • 3.x 为 vue3.x版本

npm包规范

  • 2.x 为vue2.x版本

文件说明

├── __test__  测试dist包运行
├── assets 资源文件
├── build build脚本
├── dist 生产环境目录
├── docs 预览demo目录
├── examples 预览demo源码,便于本地开发
├── src 核心源代码

TODO

  • Support Vue2.7, Vue2.7作为过渡版本,相对来说较稳定,考虑支持

vue-minder's People

Contributors

jiangtao avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

vue-minder's Issues

vue2.0

你好,有关于vue2.0+的迁移demo么

Vue 2.x支持

  • 代码规范
  • 数据以百度脑图数据为准,或者提供可配置的展示字段
  • Vue2.x改造,保持现有的功能
  • 增强性能支持 webpack4.x支持

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.