@zhangqingcq/vgce 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangqingcq/vgce",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Vector graphics configure editor. svg组态编辑器。基于vue3.3+ts+element-plus+vite",
   "publishConfig": {
     "access": "public"

package/src/components/svg-editor/center-panel.vue

@@ -207,6 +207,30 @@
 		canvasRef.value?.focus()
 		if (globalStore.intention === EGlobalStoreIntention.Connection) {
 			e.stopPropagation()
+			if (globalStore.handle_svg_info) {
+				if (e.button === 0) {
+					//鼠标左键创建新线段
+					const l = globalStore.handle_svg_info.info.props.point_position.val
+					if (l.length > 1 && l[0].x !== l[1].x && l[0].y !== l[1].y) {
+						//鼠标移动后的实时位置（相对于起始点，只在创建第一个点时记录了鼠标原始位置）
+						l.push({
+							x:
+								globalStore.mouse_info.new_position_x -
+								globalStore.mouse_info.position_x -
+								svgEditLayoutStore.center_offset.x,
+							y:
+								globalStore.mouse_info.new_position_y -
+								globalStore.mouse_info.position_y -
+								svgEditLayoutStore.center_offset.y
+						})
+					}
+				} else if (e.button === 2) {
+					//鼠标右键结束线段绘制
+					globalStore.intention = EGlobalStoreIntention.None
+					setSvgActualInfo(globalStore.done_json[globalStore.handle_svg_info.index])
+					globalStore.setHandleSvgInfo(null)
+				}
+			}
 			return
 		}
 		e.preventDefault()
@@ -627,9 +651,16 @@
 			globalStore.setDoneJson(globalStore.done_json)
 		} else if (globalStore.intention == EGlobalStoreIntention.GroupMove) {
 			if (groupMoved) {
-				//群组移动了
+				//群组移动了,从新计算移动过的组件各种坐标信息
+				for (let e of globalStore.done_json) {
+					if (e.selected) {
+						setSvgActualInfo(e)
+					}
+				}
 				groupMoved = false
 				globalStore.intention = EGlobalStoreIntention.None
+				//记录历史记录
+				globalStore.setDoneJson(globalStore.done_json)
 			}
 		} else if (globalStore.handle_svg_info?.info && globalStore.intention == EGlobalStoreIntention.Zoom) {
 			//缩放完成后重置中点 新版本中点就是组件坐标
@@ -772,32 +803,6 @@
 		}
 	}
 
-	const onLineMouseDown = (e: Record<string, any>) => {
-		if (globalStore.intention === EGlobalStoreIntention.Connection && globalStore.handle_svg_info) {
-			if (e.button === 0) {
-				//鼠标左键创建新线段
-				if (globalStore.handle_svg_info.info.props.point_position.val.length !== 2) {
-					//鼠标移动后的实时位置（相对于起始点，只在创建第一个点时记录了鼠标原始位置）
-					globalStore.handle_svg_info.info.props.point_position.val.push({
-						x:
-							globalStore.mouse_info.new_position_x -
-							globalStore.mouse_info.position_x -
-							svgEditLayoutStore.center_offset.x,
-						y:
-							globalStore.mouse_info.new_position_y -
-							globalStore.mouse_info.position_y -
-							svgEditLayoutStore.center_offset.y
-					})
-				}
-			} else if (e.button === 2) {
-				//鼠标右键结束线段绘制
-				globalStore.intention = EGlobalStoreIntention.None
-				setSvgActualInfo(globalStore.done_json[globalStore.handle_svg_info.index])
-				globalStore.setHandleSvgInfo(null)
-			}
-		}
-	}
-
 	function onMousewheel(e: any) {
 		if (e?.wheelDelta) {
 			if (e.wheelDelta > 0) {
@@ -1036,7 +1041,6 @@
 									v-if="item.type === EDoneJsonType.ConnectionLine"
 									:item-info="item"
 									:point-visible="visible_info.connection_line && visible_info.select_item.info?.id == item.id"
-									@mousedown="onLineMouseDown"
 								/>
 								<use
 									v-else-if="item.type === EDoneJsonType.File"