diff --git a/core/core-frontend/src/components/visualization/ComponentEditBar.vue b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
index d8916ca2e0..db33522bb5 100644
--- a/core/core-frontend/src/components/visualization/ComponentEditBar.vue
+++ b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
@@ -89,7 +89,12 @@
       <el-checkbox v-model="state.batchOptCheckModel" @change="batchOptChange" />
     </div>
 
-    <el-dropdown trigger="click" placement="right-start" v-if="barShowCheck('setting')">
+    <el-dropdown
+      trigger="click"
+      placement="right-start"
+      v-if="barShowCheck('setting')"
+      ref="curDropdown"
+    >
       <el-icon class="bar-base-icon">
         <el-tooltip :content="t('visualization.more')" effect="dark" placement="bottom">
           <icon name="icon_more_outlined" />
@@ -145,6 +150,7 @@
           <xpack-component
             :chart="element"
             jsname="L2NvbXBvbmVudC90aHJlc2hvbGQtd2FybmluZy9FZGl0QmFySGFuZGxlcg=="
+            @close-item="closeItem"
           />
           <el-dropdown-item divided @click="deleteComponent" v-if="barShowCheck('delete')"
             >删除</el-dropdown-item
@@ -572,6 +578,11 @@ const datasetParamsSetShow = computed(() => {
   return canvasViewInfo.value[element.value.id]?.calParams?.length > 0
 })
 
+const curDropdown = ref()
+const closeItem = () => {
+  curDropdown.value.handleClose()
+}
+
 onMounted(() => {
   if (element.value.component === 'UserView') {
     eventBus.on('initCurFields-' + element.value.id, initCurFields)
diff --git a/de-xpack b/de-xpack
index b09ad35a67..9e2a72eb10 160000
--- a/de-xpack
+++ b/de-xpack
@@ -1 +1 @@
-Subproject commit b09ad35a67f1ba648308e6ec6f9aa25a397fcf05
+Subproject commit 9e2a72eb107995fb5d6953ae79cdfcd95ed06e17