diff --git a/packages/plugins/materials/src/meta/component/src/Main.vue b/packages/plugins/materials/src/meta/component/src/Main.vue
index 02121246c..bf9b374ec 100644
--- a/packages/plugins/materials/src/meta/component/src/Main.vue
+++ b/packages/plugins/materials/src/meta/component/src/Main.vue
@@ -7,13 +7,13 @@
       <tiny-collapse-item
         v-for="(item, index) in state.components"
         :key="item.group"
-        :title="item.label?.zh_CN || item.group"
+        :title="item.label?.[locale] || item.group"
         :name="index"
       >
         <ul class="component-group" :style="{ gridTemplateColumns }">
           <template v-for="child in item.children" :key="child.component">
             <canvas-drag-item
-              v-if="!child.hidden && (child.name?.zh_CN || child.name)"
+              v-if="!child.hidden && (child.name?.[locale] || child.name)"
               :data="generateNode({ component: child.snippetName || child.component })"
               @click="componentClick"
             >
@@ -21,8 +21,8 @@
                 <div class="component-item-component">
                   <svg-icon :name="child?.icon?.toLowerCase() || 'row'"></svg-icon>
                 </div>
-                <span class="component-item-name" :title="child.name?.zh_CN || child.name">{{
-                  child.name?.zh_CN || child.name
+                <span class="component-item-name" :title="child.name?.[locale] || child.name">{{
+                  child.name?.[locale] || child.name
                 }}</span>
               </li>
             </canvas-drag-item>
@@ -38,6 +38,7 @@
 import { inject, onMounted, reactive, ref } 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'
 import { iconSearch } from '@opentiny/vue-icon'
 import { useMaterial, useCanvas } from '@opentiny/tiny-engine-meta-register'
 
@@ -57,6 +58,7 @@ export default {
     const gridTemplateColumns = ref(COMPONENT_PANEL_COLUMNS)
     const panelState = inject('panelState', {})
     const { components } = materialState
+    const { locale } = i18n.global
 
     const fetchComponents = (components, name) => {
       if (!name) {
@@ -68,7 +70,7 @@ export default {
         const children = []
 
         component.children.forEach((child) => {
-          if (child.name?.zh_CN?.toLowerCase().indexOf(name.toLowerCase()) > -1) {
+          if (child.name?.[locale.value]?.toLowerCase().indexOf(name.toLowerCase()) > -1) {
             children.push(child)
           }
         })
@@ -113,6 +115,7 @@ export default {
     })
 
     return {
+      locale,
       gridTemplateColumns,
       state,
       change,