install

npm install vue-minder-editor-plus --save

Usage

importvueMinderEditorfrom'vue-minder-editor-plus'importVuefrom'vue'Vue.use(vueMinderEditor)

component

<template><div><minder-editor:progress-enable="false":import-json="importJson"/></div></template><script>importminderEditorfrom'../../dist/static/js/vueMinderEditor'importvuefrom'vue'vue.use(minderEditor);exportdefault{name:"test-plugin",data(){return{importJson:{// 节点数据root:{data:{// 文本内容text:'vue-minder-editor-plus',// 标签resource:['模块1'],// 是否禁止修改disable:true,// 默认展开或折叠，默认是展开的，collapse 可设为折叠// expandState: 'collapse',// 在 disable 为 true 的情况下，允许添加标签tagEnable:true,// 在 disable 为 true 的情况下，允许删除节点allowDelete:true,// 在 disable 为 true 的情况下，允许添加标签，优先级比 tagEnable 高allowDisabledTag:true,},// 子节点children:[{data:{text:'child1',disable:true,expandState:'collapse',resource:['模块2']},children:[{data:{text:'child11',disable:true,resource:['模块2']},},{data:{text:'child12',}}]},{data:{text:'child2',}}]},},tags:['模块1','模块2']}}}}</script>

Build Setup

# install npm dependencies    npm install# serve with hot reload at localhost:8088    npm run dev# build for plugin with minification    npm run build# License    BSD-3-Clause License

国际化

// 方式一import locale from '/src/locale/lang/en-US'Vue.use(vueMinderEditorPlus, {  locale});// 方式二import lang from '/src/locale/lang/en-US'import locale from '/src/locale'locale.use(lang)Vue.use(vueMinderEditorPlus);// 方式三import Vue from 'vue';import VueI18n from 'vue-i18n';import enLocale from 'vue-minder-editor-plus/src/locale/lang/en-US';import zhLocale from 'vue-minder-editor-plus/src/locale/lang/zh-CN';import vueMinderEditor from 'vue-minder-editor-plus';const messages = {  en: {    message: 'hello',    ...enLocale  },  zh: {    message: '你好',    ...zhLocale  }}Vue.use(VueI18n);const i18n = new VueI18n({  locale: 'en', // set locale  messages, // set locale messages})Vue.use(vueMinderEditor, {  i18n: (key, value) => i18n.t(key, value)});

Props

基础配置

importJson

height

disabled

defaultMold

启用配置

sequenceEnable

tagEnable

progressEnable

moveEnable

viewMenuEnable

moldEnable

arrangeEnable

styleEnable

fontEnable

优先级配置

priorityCount

priorityStartWithZero

priorityPrefix

priorityDisableCheck

标签配置

tags

distinctTags

tagDisableCheck

tagEditCheck