vuux/dist/lib/Highlight/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),c=require("./hook/useHighlight.cjs"),a={key:0,class:"is-key"},i={key:1},p=e.defineComponent({name:"Highlight",__name:"index",props:{content:{},keyWords:{},ignoreCase:{type:Boolean},color:{default:"var(--app-theme)"}},setup(r){const o=r,{renderTexts:l}=c.useHighlight(o);return(n,h)=>(e.openBlock(),e.createElementBlock("div",{class:"app-highlight",style:e.normalizeStyle("--highlight-color:"+o.color)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s},[t.isKey?(e.openBlock(),e.createElementBlock("span",a,[e.renderSlot(n.$slots,"light",{text:t.text},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])):(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(n.$slots,"default",{text:t.text},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]))],64))),128))],4))}});module.exports=p;