|  | @ -9,7 +9,6 @@ | 
		
	
		
			
				|  |  | import hotkeys from 'hotkeys-js' |  |  | import hotkeys from 'hotkeys-js' | 
		
	
		
			
				|  |  | import { cloneDeep } from 'lodash-es' |  |  | import { cloneDeep } from 'lodash-es' | 
		
	
		
			
				|  |  | import { v4 as uuid } from 'uuid' |  |  | import { v4 as uuid } from 'uuid' | 
		
	
		
			
				|  |  | import { Message } from 'view-design' |  |  |  | 
		
	
		
			
				|  |  | 
 |  |  | 
 | 
		
	
		
			
				|  |  | const keyNames = { |  |  | const keyNames = { | 
		
	
		
			
				|  |  |   lrdu: 'left,right,down,up', // 左右上下
 |  |  |   lrdu: 'left,right,down,up', // 左右上下
 | 
		
	
	
		
			
				|  | @ -37,16 +36,16 @@ function initHotkeys(canvas) { | 
		
	
		
			
				|  |  |       switch (handler.key) { |  |  |       switch (handler.key) { | 
		
	
		
			
				|  |  |         case 'left': |  |  |         case 'left': | 
		
	
		
			
				|  |  |           activeObject.set('left', activeObject.left - 1) |  |  |           activeObject.set('left', activeObject.left - 1) | 
		
	
		
			
				|  |  |                     break; |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           break | 
		
	
		
			
				|  |  |         case 'right': |  |  |         case 'right': | 
		
	
		
			
				|  |  |           activeObject.set('left', activeObject.left + 1) |  |  |           activeObject.set('left', activeObject.left + 1) | 
		
	
		
			
				|  |  |                     break; |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           break | 
		
	
		
			
				|  |  |         case 'down': |  |  |         case 'down': | 
		
	
		
			
				|  |  |           activeObject.set('top', activeObject.top + 1) |  |  |           activeObject.set('top', activeObject.top + 1) | 
		
	
		
			
				|  |  |                     break; |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           break | 
		
	
		
			
				|  |  |         case 'up': |  |  |         case 'up': | 
		
	
		
			
				|  |  |           activeObject.set('top', activeObject.top - 1) |  |  |           activeObject.set('top', activeObject.top - 1) | 
		
	
		
			
				|  |  |                     break; |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           break | 
		
	
		
			
				|  |  |         default: |  |  |         default: | 
		
	
		
			
				|  |  |       } |  |  |       } | 
		
	
		
			
				|  |  |       canvas.renderAll() |  |  |       canvas.renderAll() | 
		
	
	
		
			
				|  | @ -55,10 +54,8 @@ function initHotkeys(canvas) { | 
		
	
		
			
				|  |  | 
 |  |  | 
 | 
		
	
		
			
				|  |  |   // 复制粘贴
 |  |  |   // 复制粘贴
 | 
		
	
		
			
				|  |  |   copyElement(canvas) |  |  |   copyElement(canvas) | 
		
	
		
			
				|  |  | 
 |  |  |  | 
		
	
		
			
				|  |  | } |  |  | } | 
		
	
		
			
				|  |  | 
 |  |  | 
 | 
		
	
		
			
				|  |  | 
 |  |  |  | 
		
	
		
			
				|  |  | function copyElement(canvas) { |  |  | function copyElement(canvas) { | 
		
	
		
			
				|  |  |   let copyEl = null |  |  |   let copyEl = null | 
		
	
		
			
				|  |  | 
 |  |  | 
 | 
		
	
	
		
			
				|  | @ -71,11 +68,11 @@ function copyElement(canvas){ | 
		
	
		
			
				|  |  |       copyEl.left += 10 |  |  |       copyEl.left += 10 | 
		
	
		
			
				|  |  |       copyEl.top += 10 |  |  |       copyEl.top += 10 | 
		
	
		
			
				|  |  |     } |  |  |     } | 
		
	
		
			
				|  |  |         Message.success('复制成功') |  |  |  | 
		
	
		
			
				|  |  |  |  |  |     this.$message.success('复制成功') | 
		
	
		
			
				|  |  |   }) |  |  |   }) | 
		
	
		
			
				|  |  |   // 粘贴
 |  |  |   // 粘贴
 | 
		
	
		
			
				|  |  |   hotkeys(keyNames.ctrlv, (event, handler) => { |  |  |   hotkeys(keyNames.ctrlv, (event, handler) => { | 
		
	
		
			
				|  |  |         if(!copyEl) return Message.warning('暂无复制内容') |  |  |  | 
		
	
		
			
				|  |  |  |  |  |     if (!copyEl) return this.$message.warning('暂无复制内容') | 
		
	
		
			
				|  |  |     const myCopyEl = cloneDeep(copyEl) |  |  |     const myCopyEl = cloneDeep(copyEl) | 
		
	
		
			
				|  |  |     myCopyEl.id = uuid() |  |  |     myCopyEl.id = uuid() | 
		
	
		
			
				|  |  |     copyEl.left += 10 |  |  |     copyEl.left += 10 | 
		
	
	
		
			
				|  | 
 |