自定义指令归类

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

@@ -13,10 +13,16 @@
 				>
 					<svg-icon :name="v.icon" :size="v.iconSize" />
 				</span>
-				<span class="more" v-if="v.child" @click="onClickMore(v)">
+				<span class="more" v-if="v.child" @click="onClickMore(v)" :bind-id="v.name">
 					<svg-icon name="dc-down_arrow2" size="7" />
 				</span>
-				<div v-if="v.child" class="child" v-show="v.showChild">
+				<div
+					v-if="v.child"
+					class="child"
+					v-show="v.showChild"
+					:bind-id="v.name"
+					v-clidk-besides="() => (v.showChild = false)"
+				>
 					<div v-for="(v_, i_) in v.child" :key="i_" @click="onClickTool(v_, v)">
 						<span v-show="tool === v_.name" class="dui">
 							<svg-icon name="dc-dui" size="9" />

src/components/Canvas/DepthCanvas/manager/AISelectboxToolManager.ts

@@ -199,8 +199,8 @@ export class AISelectboxToolManager {
 		if (!this.isDragging) return;
 		this.isDragging = false;
 		const object = this.indicatorObject.toJSON("evented")
-		// if (object.width === 0) object.width = 100
-		// if (object.height === 0) object.height = 100
+		if (object.width === 0 || object.height === 0) return
+
 		this.clearIndicatorObject()
 		this.canvasManager.canvas.renderAll()