64 lines
2.0 KiB
JavaScript
64 lines
2.0 KiB
JavaScript
|
/**
|
|||
|
|
* 配置 tooltips 注释
|
|||
|
|
*
|
|||
|
|
* ```markdown
|
|||
|
|
* - [超链接有 tooltips 提示](#1xx-information) _Tooltips 展示内容_ <!--rehype:tooltips-->
|
|||
|
|
* ```
|
|||
|
|
*
|
|||
|
|
* 上面示例：将 “Tooltips 展示内容” 放到 前一个 `<a>` dom 节点作为子节点
|
|||
|
|
*
|
|||
|
|
* - 注释配置的，前一个节点 A，A 的前一个节点 B
|
|||
|
|
* - 如果 A 和 B 其中一个不存在 `tooltips` 将失效
|
|||
|
|
* - 设置 B 的类名称为 tooltips
|
|||
|
|
*/
|
|||
|
|
export function tooltips(node, index, parent) {
|
|||
|
|
if (node.type === 'comment' && parent?.children.length > 2) {
|
|||
|
|
const childs = parent?.children;
|
|||
|
|
const result = [];
|
|||
|
|
let recordPos = false; // 记录位置
|
|||
|
|
let tooltipNode = null;
|
|||
|
|
for(let i = childs.length; i > -1; i--) {
|
|||
|
|
const node = childs[i];
|
|||
|
|
// 记录 tooltip 的开始位置
|
|||
|
|
if (node?.type === 'comment' && node?.value === 'rehype:tooltips') {
|
|||
|
|
recordPos = true;
|
|||
|
|
continue
|
|||
|
|
}
|
|||
|
|
// 记录 tooltip 的 node
|
|||
|
|
if (recordPos && !tooltipNode) {
|
|||
|
|
if (node.type === 'comment' || (node.type === 'text' && !node?.value?.replace(/\s\n/g, ''))) {
|
|||
|
|
recordPos = false;
|
|||
|
|
}
|
|||
|
|
if (recordPos && node.type === 'element') {
|
|||
|
|
tooltipNode = node;
|
|||
|
|
tooltipNode.properties['class'] = 'tooltiptext';
|
|||
|
|
delete tooltipNode.position;
|
|||
|
|
continue
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 将 tooltip 节点，插入到下一个 element 节点的子节点中
|
|||
|
|
if (tooltipNode) {
|
|||
|
|
if (node.type === 'comment' || (node.type === 'text' && !node?.value?.replace(/\s\n/g, ''))) {
|
|||
|
|
recordPos = false;
|
|||
|
|
tooltipNode = null
|
|||
|
|
}
|
|||
|
|
if (tooltipNode && node?.type === 'element') {
|
|||
|
|
recordPos = false;
|
|||
|
|
node.properties['class'] = 'tooltip';
|
|||
|
|
node.children.push(tooltipNode);
|
|||
|
|
tooltipNode = null
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!recordPos && node) {
|
|||
|
|
result.push(node)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (parent) {
|
|||
|
|
parent.children = [...result.reverse()];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function getPreviewNode() {
|
|||
|
|
|
|||
|
|
}
|