blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Highlight): render correctly when keywords is empty (#12829)

Browse Source
This commit is contained in:
Jungzl 2024-04-30 21:22:04 +08:00 committed by GitHub
parent 1781c80a56
commit ff08e3c04a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/vant/src/highlight/Highlight.tsx
View File

@ -100,6 +100,14 @@ export default defineComponent({
const lastChunk = chunks[chunks.length - 1]; const lastChunk = chunks[chunks.length - 1];
if (!lastChunk) {
chunks.push({
start: 0,
end: sourceString.length,
highlight: false,
});
}
if (lastChunk && lastChunk.end < sourceString.length) { if (lastChunk && lastChunk.end < sourceString.length) {
chunks.push({ chunks.push({
start: lastChunk.end, start: lastChunk.end,

15
packages/vant/src/highlight/test/index.spec.ts
View File

@ -95,3 +95,18 @@ test('empty text should not be matched', () => {
expect(tags[0].text()).toEqual('bc'); expect(tags[0].text()).toEqual('bc');
}); });
test('empty keywords should correctly rendered', () => {
const wrapper = mount(Highlight, {
props: {
keywords: '',
sourceString: 'abcd',
},
});
const highlight = wrapper.find('.van-highlight');
const tags = highlight.findAll('.van-highlight__tag');
expect(highlight.text()).toEqual('abcd');
expect(tags.length).toEqual(0);
});