@zhangqingcq/vgce 0.1.21 → 0.1.23

package/package.json

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

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

@@ -651,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) {
 			//缩放完成后重置中点 新版本中点就是组件坐标
@@ -957,6 +964,18 @@
 		}
 	}
 
+	const onHandleKeyUp = (e: KeyboardEvent) => {
+		const t = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
+		if (!e.ctrlKey && t.indexOf(e.key) > -1) {
+			//群组移动了,从新计算移动过的组件各种坐标信息
+			for (let e of globalStore.done_json) {
+				if (e.selected) {
+					setSvgActualInfo(e)
+				}
+			}
+		}
+	}
+
 	const resizeBox = () => {
 		setSvgActualInfo(globalStore.done_json[globalStore.handle_svg_info!.index], true)
 	}
@@ -991,6 +1010,7 @@
 		@mouseup="onCanvasMouseUp"
 		@contextmenu="onCanvasContextMenuEvent"
 		@keydown="onHandleKeyDown"
+		@keyup="onHandleKeyUp"
 		@mousewheel="onMousewheel"
 	>
 		<slot name="background" />