+
+
+
-
-
-
-
-
- = [
const keyRecordHandle = () => {
// 默认赋值
window.$KeyboardActive = {
- ctrl: false
+ ctrl: false,
+ space: false
}
-
+
document.onkeydown = (e: KeyboardEvent) => {
- if(e.keyCode === 17 && window.$KeyboardActive) {
+ const { keyCode } = e
+ if (keyCode == 32 && e.target == document.body) e.preventDefault()
+
+ if ([17, 32].includes(keyCode) && window.$KeyboardActive) {
setKeyboardDressShow(e.keyCode)
- window.$KeyboardActive.ctrl = true
+ switch (keyCode) {
+ case 17: window.$KeyboardActive.ctrl = true; break
+ case 32: window.$KeyboardActive.space = true; break
+ }
}
}
document.onkeyup = (e: KeyboardEvent) => {
- if(e.keyCode === 17 && window.$KeyboardActive)
- {
- window.$KeyboardActive.ctrl = false
+ const { keyCode } = e
+ if (keyCode == 32 && e.target == document.body) e.preventDefault()
+
+ if ([17, 32].includes(keyCode) && window.$KeyboardActive) {
setKeyboardDressShow()
+ switch (keyCode) {
+ case 17: window.$KeyboardActive.ctrl = false; break
+ case 32: window.$KeyboardActive.space = false; break
+ }
}
}
}
@@ -176,7 +188,7 @@ export const useAddKeyboard = () => {
case keyboardValue.forward:
keymaster(e, throttle(() => { chartEditStore.setForward(); return false }, throttleTime))
break;
-
+
// 创建分组 ct+g
case keyboardValue.group:
keymaster(e, throttle(() => { chartEditStore.setGroup(); return false }, throttleTime))
@@ -217,8 +229,8 @@ export const useAddKeyboard = () => {
// 卸载监听事件
export const useRemoveKeyboard = () => {
- document.onkeydown = () => {};
- document.onkeyup = () => {};
+ document.onkeydown = () => { };
+ document.onkeyup = () => { };
winKeyList.forEach((key: string) => {
keymaster.unbind(key)
diff --git a/types/global.d.ts b/types/global.d.ts
index 1b11026a..44f0c849 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -7,6 +7,8 @@ interface Window {
$vue: any
// 键盘按键记录
$KeyboardActive?: { [T: string]: boolean }
+ //当空格按下
+ onKeySpacePressHold?: Function
// 编辑 JSON 的存储对象
opener: any
}
diff --git a/types/shims-vue.d.ts b/types/shims-vue.d.ts
index b30c986d..fbfc8922 100644
--- a/types/shims-vue.d.ts
+++ b/types/shims-vue.d.ts
@@ -4,4 +4,5 @@ declare module '*.vue' {
export default component
}
-declare module 'lodash/*'
\ No newline at end of file
+declare module 'lodash/*'
+declare module 'dom-helpers'
\ No newline at end of file
+
+
+
+
+
+
+
+
-
-
+
+
-
-
-
-
-
-
+
+
-
+ }" :item="item" @click="mouseClickHandle($event, item)" @mousedown="mousedownHandle($event, item)"
+ @mouseenter="mouseenterHandle($event, item)" @mouseleave="mouseleaveHandle($event, item)"
+ @contextmenu="handleContextMenu($event, item, optionsHandle)">
+