From fee84e68232305e90b752e96f8d6412227b6ae29 Mon Sep 17 00:00:00 2001
From: lisong <53158783+SonyLeo@users.noreply.github.com>
Date: Wed, 8 Jan 2025 19:16:43 -0800
Subject: [PATCH] fix: resolve block search exceptions (#995)

---
 .../src/meta/block/src/BlockGroupPanel.vue    | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
index 0869591a9..87b4829e6 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
@@ -10,14 +10,9 @@
       <div class="block-add-content">
         <div class="block-add-content-title">区块列表</div>
         <block-group-filters :filters="state.filters" @search="searchBlocks"></block-group-filters>
-        <block-group-transfer v-model:blockList="state.blockList">
+        <block-group-transfer :blockList="filteredBlocks">
           <template #search>
-            <tiny-search
-              class="transfer-order-search"
-              v-model="state.searchValue"
-              placeholder="请输入关键词"
-              @update:modelValue="searchBlocks"
-            >
+            <tiny-search class="transfer-order-search" v-model="state.searchValue" placeholder="请输入关键词">
               <template #prefix>
                 <tiny-icon-search />
               </template>
@@ -29,7 +24,7 @@
   </plugin-setting>
 </template>
 <script>
-import { nextTick, reactive, watch, provide, inject, ref } from 'vue'
+import { nextTick, reactive, watch, provide, inject, ref, computed } from 'vue'
 import { Search } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
 import { PluginSetting } from '@opentiny/tiny-engine-common'
@@ -42,6 +37,7 @@ import {
   getMetaApi,
   META_SERVICE
 } from '@opentiny/tiny-engine-meta-register'
+import { utils } from '@opentiny/tiny-engine-utils'
 import BlockGroupTransfer from './BlockGroupTransfer.vue'
 import BlockGroupFilters from './BlockGroupFilters.vue'
 
@@ -85,6 +81,8 @@ export default {
     const blockUsers = ref([])
     provide('blockUsers', blockUsers)
 
+    const { escapeRegExp } = utils
+
     const state = reactive({
       searchValue: '',
       blockList: [],
@@ -109,6 +107,19 @@ export default {
       ]
     })
 
+    const filteredBlocks = computed(() => {
+      if (!state.searchValue) {
+        return state.blockList
+      }
+
+      const searchValue = state.searchValue.trim()
+      const pattern = new RegExp(escapeRegExp(searchValue), 'i')
+
+      return state.blockList.filter((block) => {
+        return pattern.test(block?.name_cn) || pattern.test(block?.label) || pattern.test(block?.description)
+      })
+    })
+
     const addBlocks = () => {
       const groupId = selectedGroup.value.groupId
       fetchGroupBlocksById({ groupId })
@@ -260,6 +271,7 @@ export default {
       selectedGroup,
       state,
       panel,
+      filteredBlocks,
       closeGroupPanel,
       addBlocks,
       searchBlocks