mind-map/dist/js/chunk-3977effe.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3977effe"],{"076b":function(t,e,n){t.exports=n.p+"img/alipay.jpg"},2911:function(t,e,n){"use strict";n.r(e);var a=function(){var t=this;t._self._c;return t._m(0)},i=[function(){var t=this,e=t._self._c;return e("div",[e("h1",[t._v("Notation chargeable plugin")]),e("blockquote",[e("p",[t._v("Regarding fees")]),e("p",[t._v("Mind map is an open-source project under the MIT protocol. In theory, as long as the copyright statement of mind map is retained, there is no charge for commercial use, and this protocol will not be changed in the future. Moreover, neither the online version nor the client will consider charging. However, in order to ensure the sustainable development of the project, revenue will be obtained through various means, such as existing sponsorship methods. The second approach is to use paid plugins, with the basic principle that basic functions, core functions, and necessary functions are not charged, while optional additional functions may be charged.")]),e("p",[t._v("Finally, the fee is only applicable to developers. If it is only the online version or client version of the mind map, users do not need to pay, and all functions can be used for free.")])]),e("p",[t._v("Notation is the second paid plugin that provides tagging functionality for individual nodes, allowing for the addition of hand drawn circles, backgrounds, strikethrough lines, and more. It supports animation effects, such as the following:")]),e("img",{staticStyle:{width:"900px"},attrs:{src:n("83cc")}}),e("p",[t._v("You can also experience it in the online version by activating the node first, and then clicking the 【notation】 button above to add a notation.")]),e("p",[t._v("The internal implementation is done through the "),e("a",{attrs:{href:"https://github.com/rough-stuff/rough-notation"}},[t._v("rough-notation")]),t._v(" library, so if you have the energy, you can also implement this plugin based on this library yourself.")]),e("h2",[t._v("Charge")]),e("p",[t._v("At present, the charging method is relatively primitive. By scanning the code and transferring money, please note the plugin you want to purchase and your email address(If you reach the maximum text limit, you can make the payment in two installments), and then the plugin file will be sent to your email. Purchase should be made after full use and consideration. If you are not familiar with front-end development and do not know how to use plugins, please consider purchasing carefully. There will be no refund unless there are special reasons. If you find bugs or have requirements, you can submit relevant issues.")]),e("p",[t._v("Price:")]),e("p",[t._v("1.￥ 19.9, Only includes the packaged files, which are in two formats: .cjs.min.js and .esm.min.js.")]),e("p",[t._v("2.￥ 29.9, including unpackaged source code and packaged files.")]),e("img",{staticStyle:{width:"300px"},attrs:{src:n("076b")}}),e("img",{staticStyle:{width:"300px"},attrs:{src:n("4968")}}),e("h2",[t._v("Register")]),e("p",[t._v("1.Referencing packaged files:")]),e("pre",{staticClass:"hljs"},[e("code",[e("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" MindMap "),e("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),e("span",{staticClass:"hljs-string"},[t._v("'simple-mind-map'")]),t._v("\n"),e("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" Notation "),e("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),e("span",{staticClass:"hljs-string"},[t._v("'notation.cjs.min.js'")]),t._v("\n"),e("span",{staticClass:"hljs-comment"},[t._v("// 或 import Notation from 'notation.esm.min.js'")]),t._v("\n\nMindMap.usePlugin(Notation)\n")])]),e("p",[t._v("2.Referencing Unpackaged Source Code")]),e("p",[t._v("You can first enter the plugin directory to execute:")]),e("pre",{staticClass:"hljs"},[e("code",[t._v("npm link\n")])]),e("p",[t._v("Then enter your project root directory to execute:")]),e("pre",{staticClass:"hljs"},[e("code",[t._v("npm link simple-mind-map-plugin-handdrawnlikestyle\n")])]),e("p",[t._v("Then you can directly import it for use:")]),e("pre",{staticClass:"hljs"},[e("code",[e("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" MindMap "),e("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),e("span",{staticClass:"hljs-string"},[t._v("'simple-mind-map'")]),t._v("\n"),e("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" Notation "),e("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),e("span",{staticClass:"hljs-string"},[t._v("'simple-mind-map-plugin-notation'")]),t._v("\n\nMindMap.usePlugin(Notation)\n")])]),e("p",[t._v("After registration and instantiation of "),e("code",[t._v("MindMap")]),t._v(", the instance can be obtained through "),e("code",[t._v("mindMap.notation")]),t._v(".")]),e("p",[t._v("If you are using the mindMap.addPlugin method to dynamically register a component, you will need to call the method for re rendering once:")]),e("pre",{staticClass:"hljs"},[e("code",[t._v("mindMap.addPlugin(Notation)\nmindMap.reRender()\n")])]),e("h2",[t._v("Command")]),e("p",[t._v("After registering this plugin, the 'SET_NOTATION' command will be added to the mind map instance to set node numbers. Use this command:")]),e("pre",{staticClass:"hljs"},[e("code",[t._v("mindMap.execCommand("),e("span",{staticClass:"hljs-string"},[t._v("'SET_NOTATION'")]),t._v(", appointNodes, show, config)\n")])]),e("p",[t._v("This command can pass three parameters:")]),e("ul",[e("li",[e("p",[e("code",[t._v("appointNodes")]),t._v("：Assign a number to a specified node instance, which can be passed as a single node instance or as an array of node instances. If an empty array is passed, a notation will be added to the currently activated node;")])]),e("li",[e("p",[e("code",[t._v("show")]),t._v("：Boolean，Required transmission, whether to display the notation;")])]),e("li",[e("p",[e("code",[t._v("config")]),t._v("：Object，Optional, notation configuration, object format, detailed fields of the object are as follows:")])])]),e("table",[e("thead",[e("tr",[e("th",[t._v("Field name")]),e("th",[t._v("Type")]),e("th",[t._v("Default")]),e("th",[t._v("Desc")])])]),e("tbody",[e("tr",[e("td",[t._v("type")]),e("td",[t._v("String")]),e("td",[t._v("circle")]),e("td",[t._v("Tag type, optional values: underline, box, circle, highlight, strike-through, crossed-off")])]),e("tr",[e("td",[t._v("color")]),e("td",[t._v("String")]),e("td",[t._v("'hoverRectColor' configuration in mind map instantiation options")]),e("td",[t._v("Color")])]),e("tr",[e("td",[t._v("strokeWidth")]),e("td",[t._v("Number")]),e("td",[t._v("1")]),e("td",[t._v("Line width")])]),e("tr",[e("td",[t._v("padding")]),e("td",[t._v("Number")]),e("td",[t._v("20")]),e("td",[t._v("Padding")])]),e("tr",[e("td",[t._v("animate")]),e("td",[t._v("Boolean")]),e("td",[t._v("true")]),e("td",[t._v("Is enable animation")])])])]),e("p",[t._v("Example:")]),e("pre",{staticClass:"hljs"},[e("code",[e("span",{staticClass:"hljs-comment"},[t._v("// Add a circular marker to the currently activated node")]),t._v("\nmindMap.execCommand("),e("span",{staticClass:"hljs-string"},[t._v("'SET_NOTATION'")]),t._v(", [], "),e("span",{staticClass:"hljs-literal"},[t._v("true")]),t._v(", {\n    "),e("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v(": "),e("span",{staticClass:"hljs-string"},[t._v("'circle'")]),t._v(",\n    "),e("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v(": "),e("span",{staticClass:"hljs-string"},[t._v("'red'")]),t._v("\n})\n")])]),e("p",[t._v("After adding tags, the data will be saved to the node's 'data'under the name 'notation'.")])])}],s={},o=s,r=n("2877"),l=Object(r["a"])(o,a,i,!1,null,null,null);e["default"]=l.exports},4968:function(t,e,n){t.exports=n.p+"img/wechat.jpg"},"83cc":function(t,e,n){t.exports=n.p+"img/标记.jpg"}}]);