Doc: update

This commit is contained in:
街角小林
2024-01-26 11:19:27 +08:00
parent 3405fb7e8a
commit 7354bec8fd
4 changed files with 95 additions and 38 deletions

View File

@@ -5,6 +5,12 @@
Fix:
> 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:
@@ -23,6 +29,10 @@ Demo:
> 2.Support setting the position of node arrow display;
>
> 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

View File

@@ -469,6 +469,16 @@ Convert to:
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
Import:

View File

@@ -5,6 +5,12 @@
修复:
> 1.修复切换主题时,被收起的节点样式没有改变的问题;
>
> 2.修复切换主题后进行文本换行时,新换行的文本样式会丢失的问题;
>
> 3.修复切换主题时,换行的文本样式没有改变的问题;
>
> 4.修复添加了数学公式的节点,切换主题时文本样式没有改变的问题;
新增:
@@ -23,6 +29,10 @@ Demo
> 2.支持设置节点箭头显示的位置;
>
> 3.支持设置根节点连线的起始位置;
>
> 4.新增两个主题;
>
> 5.修复大纲中文本换行不生效显示br标签的问题
## 0.9.5

View File

@@ -45,7 +45,15 @@ import {walk, ...} from 'simple-mind-map/src/utils'
示例:
```js
walk(tree, null, () => {}, () => {}, false, 0, 0)
walk(
tree,
null,
() => {},
() => {},
false,
0,
0
)
```
#### bfsWalk(root, callback)
@@ -86,7 +94,7 @@ copyRenderTree({}, this.mindMap.renderer.renderTree)
- `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`需要保留。
@@ -98,7 +106,7 @@ copyNodeTree({}, node)
#### imgToDataUrl(src)
图片转成dataURL
图片转成 dataURL
#### downloadFile(file, fileName)
@@ -137,12 +145,14 @@ copyNodeTree({}, node)
测量文本的宽高,返回值:
```js
{ width, height }
{
width, height
}
```
#### getTextFromHtml(html)
提取html字符串里的纯文本内容。
提取 html 字符串里的纯文本内容。
#### readBlob(blob)
@@ -158,8 +168,8 @@ copyNodeTree({}, node)
```js
{
type,// 数据的文件类型
base64// base64数据
type, // 数据的文件类型
base64 // base64数据
}
```
@@ -167,14 +177,13 @@ copyNodeTree({}, node)
> v0.6.6+
- `src`图片的url
- `src`:图片的 url
获取图片的大小。返回:
```js
{
width,
height
width, height
}
```
@@ -182,14 +191,14 @@ copyNodeTree({}, node)
> v0.6.8+
- `imgFile`图片类型的File对象
- `imgFile`:图片类型的 File 对象
加载图片,返回:
```js
{
url,// DataUrl
size// { width, height } 图片宽高
url, // DataUrl
size // { width, height } 图片宽高
}
```
@@ -203,13 +212,13 @@ copyNodeTree({}, node)
> v0.6.10+
移除html字符串中节点的内联样式。
移除 html 字符串中节点的内联样式。
#### addHtmlStyle(html, tag, style)
> v0.6.10+
给html标签中指定的标签添加内联样式。
html 标签中指定的标签添加内联样式。
#### checkIsRichText(str)
@@ -267,7 +276,7 @@ copyNodeTree({}, node)
> v0.7.2+
- `el`DOM节点可聚焦的元素一般为输入框元素。
- `el`DOM 节点,可聚焦的元素,一般为输入框元素。
聚焦指定输入框。
@@ -275,7 +284,7 @@ copyNodeTree({}, node)
> 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`
给指定的节点列表树数据添加uid如果uid不存在的话会修改原数据。
给指定的节点列表树数据添加 uid如果 uid 不存在的话),会修改原数据。
#### getNodeIndex(node)
#### getNodeIndex(node)
> v0.7.2+
@@ -364,7 +373,7 @@ copyNodeTree({}, node)
获取节点在兄弟节点中的位置索引。
#### getNodeIndexInNodeList(node, nodeList)
#### getNodeIndexInNodeList(node, nodeList)
> v0.8.0+
@@ -386,8 +395,7 @@ copyNodeTree({}, node)
```js
{
text,
img
text, img
}
```
@@ -407,9 +415,9 @@ copyNodeTree({}, node)
> 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)
@@ -448,7 +456,9 @@ copyNodeTree({}, node)
]
}
```
转为:
```js
{
uid: {
@@ -462,9 +472,19 @@ copyNodeTree({}, node)
> 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')
canvas.width = width
canvas.height = height
drawBackgroundImageToCanvas(ctx, width, height, img, {
backgroundRepeat: 'repeat-y',
backgroundSize: '60%',
backgroundPosition: 'center center'
}, (err) => {
if (err) {
// 失败
} else {
// 成功
drawBackgroundImageToCanvas(
ctx,
width,
height,
img,
{
backgroundRepeat: 'repeat-y',
backgroundSize: '60%',
backgroundPosition: 'center center'
},
err => {
if (err) {
// 失败
} else {
// 成功
}
}
})
)
```
## LRU缓存类
## LRU 缓存类
> v0.5.10+
@@ -544,4 +571,4 @@ let lru = new Lru(max)
> v0.9.2+
清空缓存池。
清空缓存池。