{"version":3,"file":"text-highlight2.mjs","sources":["../../../../../../packages/components/text-highlight/src/text-highlight.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.b()\" v-html=\"content\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from 'element-plus'\nimport { textHighlightProps } from './text-highlight'\n\ndefineOptions({\n  name: 'ElTextHighlight',\n})\n\nconst ns = useNamespace('text-highlight')\n\nconst props = defineProps(textHighlightProps)\n\nconst highlightCharacter = (): string => {\n  const { content, text, color, ignoreCase } = props\n  const regex = new RegExp(text, ignoreCase ? 'gi' : 'g')\n  return content.replace(\n    regex,\n    (t) => `<span style=\"color: ${color}\">${t}</span>`\n  )\n}\n\nconst content = computed(() =>\n  props.text ? highlightCharacter() : props.content\n)\n</script>\n"],"names":["content"],"mappings":";;;;;mCASc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAEM,IAAA,MAAA,EAAA,GAAK,aAAa,gBAAgB,CAAA,CAAA;AAExC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,qBAAqB,MAAc;AACvC,MAAA,MAAM,EAAE,OAAAA,EAAAA,QAAAA,EAAS,IAAM,EAAA,KAAA,EAAO,YAAe,GAAA,KAAA,CAAA;AAC7C,MAAA,MAAM,QAAQ,IAAI,MAAA,CAAO,IAAM,EAAA,UAAA,GAAa,OAAO,GAAG,CAAA,CAAA;AACtD,MAAA,OAAOA,QAAQ,CAAA,OAAA;AAAA,QACb,KAAA;AAAA,QACA,CAAC,CAAM,KAAA,CAAA,oBAAA,EAAuB,KAAU,CAAA,EAAA,EAAA,CAAA,CAAA,OAAA,CAAA;AAAA,OAC1C,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,OAAU,GAAA,QAAA;AAAA,MAAS,MACvB,KAAA,CAAM,IAAO,GAAA,kBAAA,KAAuB,KAAM,CAAA,OAAA;AAAA,KAC5C,CAAA;;;;;;;;;;;;;"}