Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/FiDA_Front

src/components/Canvas/DepthCanvas/components/depth-header-tools.vue

@@ -13,7 +13,12 @@
 				>
 					<svg-icon :name="v.icon" :size="v.iconSize" />
 				</span>
-				<span class="more" v-if="v.child" @click="onClickMore(v)" :bind-id="v.name">
+				<span
+					class="more"
+					v-if="v.child"
+					@click="v.showChild = !v.showChild"
+					:bind-id="`depth-tools-` + i"
+				>
 					<svg-icon name="dc-down_arrow2" size="7" />
 				</span>
 				<div
@@ -21,7 +26,7 @@
 					class="child"
 					v-show="v.showChild"
 					v-clidk-besides="() => (v.showChild = false)"
-					:bind-id="v.name"
+					:bind-id="`depth-tools-` + i"
 					:stop-besides="!v.showChild"
 				>
 					<div v-for="(v_, i_) in v.child" :key="i_" @click="onClickTool(v_, v)">
@@ -166,16 +171,10 @@
 			parent.name = v.name
 			parent.icon = v.icon
 			parent.iconSize = v.iconSize * 1.23
+			parent.showChild = false
 		}
-		tools.value.forEach((v) => v.hasOwnProperty('showChild') && (v.showChild = false))
 		v.on ? v.on() : toolManager.setTool(v.name)
 	}
-	const onClickMore = (v: any) => {
-		tools.value.forEach((item) => {
-			if (item.hasOwnProperty('showChild') && item.name !== v.name) item.showChild = false
-		})
-		v.showChild = !v.showChild
-	}
 	const onImageClick = async () => {
 		const layer = await importLocalImage(false)
 		const id = layer?.info?.id