@zhangqingcq/vgce 0.1.0 → 0.1.2

package/package.json

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

package/src/components/config/index.ts

@@ -125,7 +125,7 @@ export const connection_line_system: ISystemStraightLine = {
 		color: {
 			title: '颜色',
 			type: EConfigItemPropsType.Color,
-			val: '#0a7ae2'
+			val: '#602a00'
 		},
 		reverse: {
 			title: '反转动画',

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

@@ -1175,12 +1175,12 @@
 	.contextMenu {
 		position: fixed;
 		z-index: 99999;
-		background: #ffffff;
+		background: rgba(255, 255, 255, 0.75);
 		padding: 5px 0;
 		margin: 0;
 		display: block;
-		border-radius: 5px;
-		box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
+		border-radius: 3px;
+		box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
 
 		li {
 			list-style: none;
@@ -1197,16 +1197,18 @@
 		p {
 			text-decoration: none;
 			display: block;
-			padding: 0 15px 1px 20px;
+			padding: 0 15px 1px 15px;
 			margin: 0;
 			user-select: none;
 			-webkit-user-select: none;
+			font-size: 14px;
+			color: #09053d;
 		}
 
 		p:hover {
 			background-color: @listActiveColor;
 			color: #ffffff;
-			cursor: default;
+			cursor: pointer;
 		}
 
 		.disabled {

package/src/components/svg-editor/connection-line.vue

@@ -47,7 +47,7 @@
 			fill="none"
 			fill-opacity="0"
 			stroke="#DE4517"
-			:stroke-width="props.itemInfo.props['stroke-width'].val + 1"
+			:stroke-width="Math.ceil(props.itemInfo.props['stroke-width'].val * 1.2) + 1"
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			v-show="props.itemInfo.selected || props.itemInfo.id === globalStore.handle_svg_info?.info.id"
@@ -143,7 +143,7 @@
 				:r="props.itemInfo.props.point_r.val + 1"
 				fill="none"
 				fill-opacity="0"
-				stroke-width="1"
+				:stroke-width="Math.ceil(props.itemInfo.props.point_r.val * 0.2) + 1"
 				stroke="#DE4517"
 				v-show="props.itemInfo.selected || props.itemInfo.id === globalStore.handle_svg_info?.info.id"
 			/>

package/src/stores/system/index.ts

@@ -58,7 +58,7 @@ export const useContextMenuStore = defineStore('context-menu-store', {
 			info: {
 				[EContextMenuInfoType.Copy]: {
 					title: '复制',
-					hot_key: 'Ctrl+C',
+					hot_key: 'Ctrl + c',
 					enable: true
 				},
 				[EContextMenuInfoType.Delete]: {
@@ -68,22 +68,22 @@ export const useContextMenuStore = defineStore('context-menu-store', {
 				},
 				[EContextMenuInfoType.MoveUpTopLevel]: {
 					title: '置于顶层',
-					hot_key: 'Ctrl+→',
+					hot_key: 'Ctrl + →',
 					enable: true
 				},
 				[EContextMenuInfoType.MoveDownTopLevel]: {
 					title: '置于底层',
-					hot_key: 'Ctrl+←',
+					hot_key: 'Ctrl + ←',
 					enable: true
 				},
 				[EContextMenuInfoType.MoveUpOneLevel]: {
 					title: '置于上一层',
-					hot_key: 'Ctrl+↑',
+					hot_key: 'Ctrl + ↑',
 					enable: true
 				},
 				[EContextMenuInfoType.MoveDownOneLevel]: {
 					title: '置于下一层',
-					hot_key: 'Ctrl+↓',
+					hot_key: 'Ctrl + ↓',
 					enable: true
 				}
 			}