sipo-utils工具类库
-
安装
npm i sipo-utils 或者 yarn add sipo-utils
-
模块引入
引入整个库 import sipoUtils from 'sipo-utils' 或者单独引入个别方法 import {highlight} from 'sipo-utils'
-
api
-
highlight 高亮
/** * 执行高亮操作 * @param targetStr 目标字符串 * @param highlighters 高亮关键词集合或对象 example:[{word: "bus", color: "red"}] 或者 {word: "bus", color: "red"} * @param truncatable 启用截词符高亮,默认值为false * @param relatable 启用关联高亮,默认值为false * @return string 执行高亮后的字符串 */ highlight(targetStr, highlighters, truncatable, relatable)
-
unhighlight 取消高亮
/** * 清除高亮操作(废弃) * @deprecated * @param targetStr 目标字符串 * @param highlighters 高亮关键词集合或对象 example:[{word: "bus", color: "red"}] 或者 {word: "bus", color: "red"} * @param truncatable 启用截词符高亮,默认值为false * @param relatable 启用关联高亮,默认值为false * @return string 清除高亮后的字符串 */ unhighlight(targetStr, highlighters, truncatable, relatable)
-
focus 聚焦
/** * 执行聚焦操作 * @param targetStr 目标字符串 * @param focusers 聚焦关键词集合 example:[{word: "bus"}] * @returns string 聚焦后的字符串 */ focus(targetStr, focusers)
-
highdense 高密
/** * 执行聚焦操作 * @param container 外层容器 * @param className 需要高密的样式名,默认为hl-start * @returns Map 高密Map<颜色, 相对高度百分比集合set> */ highdense(container, className)
-
mark 标记
/** * 执行mark标记 * @param {HTMLElement} root 根节点 * @param {Markers} markers 标记对象或集合 * @param options 配置项 */ mark(root, markers, options)
-
createMarker 生成标记对象
/** * 生成标记信息对象 * @param {HTMLElement} root 根节点 * @param {Range} range 鼠标拖动选中区域对象 * @return {Marker} 标记对象 */ createMarker(root, range)
-
unmark 取消标记
/** * 删除标记 * @param {string} id 标记唯一标识 */ unmark(id)
-