From ff08e3c04afa5aabb75d42e5e24d2032dbfa27f2 Mon Sep 17 00:00:00 2001
From: Jungzl <13jungzl@gmail.com>
Date: Tue, 30 Apr 2024 21:22:04 +0800
Subject: [PATCH] fix(Highlight): render correctly when keywords is empty
 (#12829)

---
 packages/vant/src/highlight/Highlight.tsx      |  8 ++++++++
 packages/vant/src/highlight/test/index.spec.ts | 15 +++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/packages/vant/src/highlight/Highlight.tsx b/packages/vant/src/highlight/Highlight.tsx
index 8432ff57d..01a320754 100644
--- a/packages/vant/src/highlight/Highlight.tsx
+++ b/packages/vant/src/highlight/Highlight.tsx
@@ -100,6 +100,14 @@ export default defineComponent({
 
       const lastChunk = chunks[chunks.length - 1];
 
+      if (!lastChunk) {
+        chunks.push({
+          start: 0,
+          end: sourceString.length,
+          highlight: false,
+        });
+      }
+
       if (lastChunk && lastChunk.end < sourceString.length) {
         chunks.push({
           start: lastChunk.end,
diff --git a/packages/vant/src/highlight/test/index.spec.ts b/packages/vant/src/highlight/test/index.spec.ts
index 455514069..f8d0652d2 100644
--- a/packages/vant/src/highlight/test/index.spec.ts
+++ b/packages/vant/src/highlight/test/index.spec.ts
@@ -95,3 +95,18 @@ test('empty text should not be matched', () => {
 
   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);
+});