From bd8b25f1ea0eb8b522c1f0bb8d887055ccc213d6 Mon Sep 17 00:00:00 2001
From: chilingling <michaelchiling1024@gmail.com>
Date: Sat, 19 Apr 2025 18:14:03 +0800
Subject: [PATCH 1/3] feat: add refresh material api

---
 .../plugins/materials/src/composable/useMaterial.ts   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/plugins/materials/src/composable/useMaterial.ts b/packages/plugins/materials/src/composable/useMaterial.ts
index 97e5e6bd32..b382195d68 100644
--- a/packages/plugins/materials/src/composable/useMaterial.ts
+++ b/packages/plugins/materials/src/composable/useMaterial.ts
@@ -271,7 +271,7 @@ const addComponentSnippets = (componentSnippets, snippetsData) => {
     if (snippetsMap.has(snippetGroup.group)) {
       snippetsMap.get(snippetGroup.group).children.push(...snippetGroup.children)
     } else {
-      snippetsData.push(snippetGroup)
+      snippetsData.push(deepClone(snippetGroup))
     }
   })
 
@@ -486,6 +486,12 @@ const initMaterial = ({ isInit = true, appData = {} } = {}) => {
   }
 }
 
+const refreshMaterial = async () => {
+  clearMaterials()
+  initMaterial()
+  await fetchMaterial()
+}
+
 /**
  * 根据组名获取指定分组组件
  * @param {Array} components 所有组件
@@ -526,6 +532,7 @@ export default function () {
     getBlockCompileRes,
     addBlockResources,
     updateBlockCompileCache,
-    getComponentsByGroup
+    getComponentsByGroup,
+    refreshMaterial
   }
 }

From cade3b5d91308b96b56b123e86d8b78fc93deaef Mon Sep 17 00:00:00 2001
From: chilingling <michaelchiling1024@gmail.com>
Date: Mon, 21 Apr 2025 10:41:45 +0800
Subject: [PATCH 2/3] fix: material.component lose reactive because of
 destructuring

---
 .../materials/src/meta/component/src/Main.vue | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/plugins/materials/src/meta/component/src/Main.vue b/packages/plugins/materials/src/meta/component/src/Main.vue
index 877920ee6e..36c5e99a5b 100644
--- a/packages/plugins/materials/src/meta/component/src/Main.vue
+++ b/packages/plugins/materials/src/meta/component/src/Main.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts">
-import { inject, onMounted, reactive, ref, watchEffect } from 'vue'
+import { inject, onMounted, reactive, ref, watch, watchEffect } from 'vue'
 import { Collapse, CollapseItem, Search } from '@opentiny/vue'
 import { SearchEmpty, CanvasDragItem } from '@opentiny/tiny-engine-common'
 import i18n from '@opentiny/tiny-engine-common/js/i18n'
@@ -57,7 +57,6 @@ export default {
     const { generateNode, materialState, getComponentsByGroup } = useMaterial()
     const gridTemplateColumns = ref(COMPONENT_PANEL_COLUMNS)
     const panelState = inject('panelState', {})
-    const { components } = materialState
     const { locale } = i18n.global
 
     const fetchComponents = (components, name) => {
@@ -91,10 +90,10 @@ export default {
     const initComponents = () => {
       const groupName = panelState.materialGroup
       if (groupName) {
-        return getComponentsByGroup(components, groupName)
+        return getComponentsByGroup(materialState.components, groupName)
       }
 
-      return components
+      return materialState.components
     }
 
     const state = reactive({
@@ -104,13 +103,23 @@ export default {
     })
 
     watchEffect(() => {
-      state.activeName = [...Array(components.length).keys()]
+      state.activeName = [...Array(materialState.components.length).keys()]
     })
 
     const change = (value) => {
-      state.components = fetchComponents(components, value)
+      state.components = fetchComponents(materialState.components, value)
     }
 
+    watch(
+      () => materialState.components,
+      (value) => {
+        state.components = fetchComponents(value, state.searchValue)
+      },
+      {
+        deep: true
+      }
+    )
+
     const componentClick = (data) => {
       const { isShortcutPanel, emitEvent } = panelState
       const { addComponent } = useCanvas().canvasApi.value

From 208fe3f295c41bc67b04ca1b5dceae035eac0783 Mon Sep 17 00:00:00 2001
From: chilingling <michaelchiling1024@gmail.com>
Date: Tue, 22 Apr 2025 20:24:03 +0800
Subject: [PATCH 3/3] fix: support duplicated group on same component

---
 packages/plugins/materials/src/composable/useMaterial.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/plugins/materials/src/composable/useMaterial.ts b/packages/plugins/materials/src/composable/useMaterial.ts
index b382195d68..6a2d75612e 100644
--- a/packages/plugins/materials/src/composable/useMaterial.ts
+++ b/packages/plugins/materials/src/composable/useMaterial.ts
@@ -271,7 +271,9 @@ const addComponentSnippets = (componentSnippets, snippetsData) => {
     if (snippetsMap.has(snippetGroup.group)) {
       snippetsMap.get(snippetGroup.group).children.push(...snippetGroup.children)
     } else {
-      snippetsData.push(deepClone(snippetGroup))
+      const snippetGroupClone = deepClone(snippetGroup)
+      snippetsData.push(snippetGroupClone)
+      snippetsMap.set(snippetGroup.group, snippetGroupClone)
     }
   })