Doc: update
This commit is contained in:
parent
3405fb7e8a
commit
7354bec8fd
@ -5,6 +5,12 @@
|
|||||||
Fix:
|
Fix:
|
||||||
|
|
||||||
> 1.Fix the issue where the style of the collapsed nodes remains unchanged when switching themes;
|
> 1.Fix the issue where the style of the collapsed nodes remains unchanged when switching themes;
|
||||||
|
>
|
||||||
|
> 2.Fix the issue of losing the new text style when switching themes for text wrapping;
|
||||||
|
>
|
||||||
|
> 3.Fix the issue where the style of the newline text remains unchanged when switching themes;
|
||||||
|
>
|
||||||
|
> 4.Fixed the issue of adding mathematical formulas to nodes and not changing the text style when switching themes;
|
||||||
|
|
||||||
New:
|
New:
|
||||||
|
|
||||||
@ -23,6 +29,10 @@ Demo:
|
|||||||
> 2.Support setting the position of node arrow display;
|
> 2.Support setting the position of node arrow display;
|
||||||
>
|
>
|
||||||
> 3.Support setting the starting position of root node connections;
|
> 3.Support setting the starting position of root node connections;
|
||||||
|
>
|
||||||
|
> 4.Add two new themes;
|
||||||
|
>
|
||||||
|
> 5.Fix the issue of text wrapping not taking effect in the outline and displaying the br tag;
|
||||||
|
|
||||||
## 0.9.5
|
## 0.9.5
|
||||||
|
|
||||||
|
|||||||
@ -469,6 +469,16 @@ Convert to:
|
|||||||
|
|
||||||
Convert flat objects into a tree structure. Reverse operation of the transformTreeDataToObject method.
|
Convert flat objects into a tree structure. Reverse operation of the transformTreeDataToObject method.
|
||||||
|
|
||||||
|
#### removeHtmlNodeByClass(html, selector)
|
||||||
|
|
||||||
|
> v0.9.6+
|
||||||
|
|
||||||
|
- `html`:html string
|
||||||
|
|
||||||
|
- `selector`:Node selectors, such as class selectors and id selectors
|
||||||
|
|
||||||
|
Remove the node of the specified selector from the specified HTML string, and then return the processed HTML string.
|
||||||
|
|
||||||
## Simulate CSS background in Canvas
|
## Simulate CSS background in Canvas
|
||||||
|
|
||||||
Import:
|
Import:
|
||||||
|
|||||||
@ -5,6 +5,12 @@
|
|||||||
修复:
|
修复:
|
||||||
|
|
||||||
> 1.修复切换主题时,被收起的节点样式没有改变的问题;
|
> 1.修复切换主题时,被收起的节点样式没有改变的问题;
|
||||||
|
>
|
||||||
|
> 2.修复切换主题后进行文本换行时,新换行的文本样式会丢失的问题;
|
||||||
|
>
|
||||||
|
> 3.修复切换主题时,换行的文本样式没有改变的问题;
|
||||||
|
>
|
||||||
|
> 4.修复添加了数学公式的节点,切换主题时文本样式没有改变的问题;
|
||||||
|
|
||||||
新增:
|
新增:
|
||||||
|
|
||||||
@ -23,6 +29,10 @@ Demo:
|
|||||||
> 2.支持设置节点箭头显示的位置;
|
> 2.支持设置节点箭头显示的位置;
|
||||||
>
|
>
|
||||||
> 3.支持设置根节点连线的起始位置;
|
> 3.支持设置根节点连线的起始位置;
|
||||||
|
>
|
||||||
|
> 4.新增两个主题;
|
||||||
|
>
|
||||||
|
> 5.修复大纲中文本换行不生效,显示br标签的问题;
|
||||||
|
|
||||||
## 0.9.5
|
## 0.9.5
|
||||||
|
|
||||||
|
|||||||
@ -45,7 +45,15 @@ import {walk, ...} from 'simple-mind-map/src/utils'
|
|||||||
示例:
|
示例:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
walk(tree, null, () => {}, () => {}, false, 0, 0)
|
walk(
|
||||||
|
tree,
|
||||||
|
null,
|
||||||
|
() => {},
|
||||||
|
() => {},
|
||||||
|
false,
|
||||||
|
0,
|
||||||
|
0
|
||||||
|
)
|
||||||
```
|
```
|
||||||
|
|
||||||
#### bfsWalk(root, callback)
|
#### bfsWalk(root, callback)
|
||||||
@ -86,7 +94,7 @@ copyRenderTree({}, this.mindMap.renderer.renderTree)
|
|||||||
|
|
||||||
- `removeActiveState`:`Boolean`,默认为`false`,是否移除节点的激活状态
|
- `removeActiveState`:`Boolean`,默认为`false`,是否移除节点的激活状态
|
||||||
|
|
||||||
- `removeId`:v0.7.3-fix.1+,是否移除节点数据中的uid,默认为`true`
|
- `removeId`:v0.7.3-fix.1+,是否移除节点数据中的 uid,默认为`true`
|
||||||
|
|
||||||
> - `keepId`: (原第四个参数)`Boolean`,默认为`false`,是否保留被复制节点的`id`,默认会删除`id`防止节点`id`重复,但是对于移动节点的场景,节点原`id`需要保留。
|
> - `keepId`: (原第四个参数)`Boolean`,默认为`false`,是否保留被复制节点的`id`,默认会删除`id`防止节点`id`重复,但是对于移动节点的场景,节点原`id`需要保留。
|
||||||
|
|
||||||
@ -98,7 +106,7 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
#### imgToDataUrl(src)
|
#### imgToDataUrl(src)
|
||||||
|
|
||||||
图片转成dataURL
|
图片转成 dataURL
|
||||||
|
|
||||||
#### downloadFile(file, fileName)
|
#### downloadFile(file, fileName)
|
||||||
|
|
||||||
@ -137,12 +145,14 @@ copyNodeTree({}, node)
|
|||||||
测量文本的宽高,返回值:
|
测量文本的宽高,返回值:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
{ width, height }
|
{
|
||||||
|
width, height
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
#### getTextFromHtml(html)
|
#### getTextFromHtml(html)
|
||||||
|
|
||||||
提取html字符串里的纯文本内容。
|
提取 html 字符串里的纯文本内容。
|
||||||
|
|
||||||
#### readBlob(blob)
|
#### readBlob(blob)
|
||||||
|
|
||||||
@ -158,8 +168,8 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
{
|
{
|
||||||
type,// 数据的文件类型
|
type, // 数据的文件类型
|
||||||
base64// base64数据
|
base64 // base64数据
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -167,14 +177,13 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.6.6+
|
> v0.6.6+
|
||||||
|
|
||||||
- `src`:图片的url
|
- `src`:图片的 url
|
||||||
|
|
||||||
获取图片的大小。返回:
|
获取图片的大小。返回:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
{
|
{
|
||||||
width,
|
width, height
|
||||||
height
|
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -182,14 +191,14 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.6.8+
|
> v0.6.8+
|
||||||
|
|
||||||
- `imgFile`:图片类型的File对象
|
- `imgFile`:图片类型的 File 对象
|
||||||
|
|
||||||
加载图片,返回:
|
加载图片,返回:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
{
|
{
|
||||||
url,// DataUrl
|
url, // DataUrl
|
||||||
size// { width, height } 图片宽高
|
size // { width, height } 图片宽高
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -203,13 +212,13 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.6.10+
|
> v0.6.10+
|
||||||
|
|
||||||
移除html字符串中节点的内联样式。
|
移除 html 字符串中节点的内联样式。
|
||||||
|
|
||||||
#### addHtmlStyle(html, tag, style)
|
#### addHtmlStyle(html, tag, style)
|
||||||
|
|
||||||
> v0.6.10+
|
> v0.6.10+
|
||||||
|
|
||||||
给html标签中指定的标签添加内联样式。
|
给 html 标签中指定的标签添加内联样式。
|
||||||
|
|
||||||
#### checkIsRichText(str)
|
#### checkIsRichText(str)
|
||||||
|
|
||||||
@ -267,7 +276,7 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.7.2+
|
> v0.7.2+
|
||||||
|
|
||||||
- `el`:DOM节点,可聚焦的元素,一般为输入框元素。
|
- `el`:DOM 节点,可聚焦的元素,一般为输入框元素。
|
||||||
|
|
||||||
聚焦指定输入框。
|
聚焦指定输入框。
|
||||||
|
|
||||||
@ -275,7 +284,7 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.7.2+
|
> v0.7.2+
|
||||||
|
|
||||||
- `el`:DOM节点,可聚焦的元素,一般为输入框元素。
|
- `el`:DOM 节点,可聚焦的元素,一般为输入框元素。
|
||||||
|
|
||||||
聚焦并全选指定输入框。
|
聚焦并全选指定输入框。
|
||||||
|
|
||||||
@ -297,9 +306,9 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
- `createNewId`:v0.7.3-fix.1+,`Boolean`,默认为`false`,即如果节点不存在`uid`的话,会创建新的`uid`。如果传`true`,那么无论节点数据原来是否存在`uid`,都会创建新的`uid`
|
- `createNewId`:v0.7.3-fix.1+,`Boolean`,默认为`false`,即如果节点不存在`uid`的话,会创建新的`uid`。如果传`true`,那么无论节点数据原来是否存在`uid`,都会创建新的`uid`
|
||||||
|
|
||||||
给指定的节点列表树数据添加uid(如果uid不存在的话),会修改原数据。
|
给指定的节点列表树数据添加 uid(如果 uid 不存在的话),会修改原数据。
|
||||||
|
|
||||||
#### getNodeIndex(node)
|
#### getNodeIndex(node)
|
||||||
|
|
||||||
> v0.7.2+
|
> v0.7.2+
|
||||||
|
|
||||||
@ -364,7 +373,7 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
获取节点在兄弟节点中的位置索引。
|
获取节点在兄弟节点中的位置索引。
|
||||||
|
|
||||||
#### getNodeIndexInNodeList(node, nodeList)
|
#### getNodeIndexInNodeList(node, nodeList)
|
||||||
|
|
||||||
> v0.8.0+
|
> v0.8.0+
|
||||||
|
|
||||||
@ -386,8 +395,7 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
{
|
{
|
||||||
text,
|
text, img
|
||||||
img
|
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -407,9 +415,9 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.9.1+
|
> v0.9.1+
|
||||||
|
|
||||||
- `str`:html字符串
|
- `str`:html 字符串
|
||||||
|
|
||||||
给html自闭合标签添加闭合状态,`<div><img src="xxx"></div>` -> `<div><img src="xxx" /></div>`。
|
给 html 自闭合标签添加闭合状态,`<div><img src="xxx"></div>` -> `<div><img src="xxx" /></div>`。
|
||||||
|
|
||||||
#### checkNodeListIsEqual(list1, list2)
|
#### checkNodeListIsEqual(list1, list2)
|
||||||
|
|
||||||
@ -448,7 +456,9 @@ copyNodeTree({}, node)
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
转为:
|
转为:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
{
|
{
|
||||||
uid: {
|
uid: {
|
||||||
@ -462,9 +472,19 @@ copyNodeTree({}, node)
|
|||||||
|
|
||||||
> v0.9.3+
|
> v0.9.3+
|
||||||
|
|
||||||
将平级对象转树结构。transformTreeDataToObject方法的反向操作。
|
将平级对象转树结构。transformTreeDataToObject 方法的反向操作。
|
||||||
|
|
||||||
## 在canvas中模拟css的背景属性
|
#### removeHtmlNodeByClass(html, selector)
|
||||||
|
|
||||||
|
> v0.9.6+
|
||||||
|
|
||||||
|
- `html`:html 字符串
|
||||||
|
|
||||||
|
- `selector`:节点选择器,比如类选择器,id 选择器
|
||||||
|
|
||||||
|
去除指定 html 字符串中指定选择器的节点,然后返回处理后的 html 字符串。
|
||||||
|
|
||||||
|
## 在 canvas 中模拟 css 的背景属性
|
||||||
|
|
||||||
引入:
|
引入:
|
||||||
|
|
||||||
@ -481,20 +501,27 @@ let img = '/1.jpg'
|
|||||||
let canvas = document.createElement('canvas')
|
let canvas = document.createElement('canvas')
|
||||||
canvas.width = width
|
canvas.width = width
|
||||||
canvas.height = height
|
canvas.height = height
|
||||||
drawBackgroundImageToCanvas(ctx, width, height, img, {
|
drawBackgroundImageToCanvas(
|
||||||
backgroundRepeat: 'repeat-y',
|
ctx,
|
||||||
backgroundSize: '60%',
|
width,
|
||||||
backgroundPosition: 'center center'
|
height,
|
||||||
}, (err) => {
|
img,
|
||||||
if (err) {
|
{
|
||||||
// 失败
|
backgroundRepeat: 'repeat-y',
|
||||||
} else {
|
backgroundSize: '60%',
|
||||||
// 成功
|
backgroundPosition: 'center center'
|
||||||
|
},
|
||||||
|
err => {
|
||||||
|
if (err) {
|
||||||
|
// 失败
|
||||||
|
} else {
|
||||||
|
// 成功
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
)
|
||||||
```
|
```
|
||||||
|
|
||||||
## LRU缓存类
|
## LRU 缓存类
|
||||||
|
|
||||||
> v0.5.10+
|
> v0.5.10+
|
||||||
|
|
||||||
@ -544,4 +571,4 @@ let lru = new Lru(max)
|
|||||||
|
|
||||||
> v0.9.2+
|
> v0.9.2+
|
||||||
|
|
||||||
清空缓存池。
|
清空缓存池。
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user