Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
xxadev
vscode
提交
b4a8131e
V
vscode
项目概览
xxadev
/
vscode
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vscode
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b4a8131e
编写于
3月 27, 2017
作者:
A
Alex Dima
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Allow to record chords in define keybinding widget
上级
1e17b324
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
71 addition
and
17 deletion
+71
-17
src/vs/workbench/parts/preferences/browser/keybindingWidgets.ts
.../workbench/parts/preferences/browser/keybindingWidgets.ts
+67
-17
src/vs/workbench/parts/preferences/browser/media/keybindings.css
...workbench/parts/preferences/browser/media/keybindings.css
+4
-0
未找到文件。
src/vs/workbench/parts/preferences/browser/keybindingWidgets.ts
浏览文件 @
b4a8131e
...
...
@@ -27,8 +27,12 @@ class KeybindingInputWidget extends Widget {
public
readonly
inputBox
:
InputBox
;
private
_onKeybinding
=
this
.
_register
(
new
Emitter
<
ResolvedKeybinding
>
());
public
readonly
onKeybinding
:
Event
<
ResolvedKeybinding
>
=
this
.
_onKeybinding
.
event
;
private
_acceptChords
:
boolean
;
private
_firstPart
:
ResolvedKeybinding
;
private
_chordPart
:
ResolvedKeybinding
;
private
_onKeybinding
=
this
.
_register
(
new
Emitter
<
[
ResolvedKeybinding
,
ResolvedKeybinding
]
>
());
public
readonly
onKeybinding
:
Event
<
[
ResolvedKeybinding
,
ResolvedKeybinding
]
>
=
this
.
_onKeybinding
.
event
;
private
_onEnter
=
this
.
_register
(
new
Emitter
<
void
>
());
public
readonly
onEnter
:
Event
<
void
>
=
this
.
_onEnter
.
event
;
...
...
@@ -44,10 +48,18 @@ class KeybindingInputWidget extends Widget {
super
();
this
.
inputBox
=
this
.
_register
(
new
InputBox
(
parent
,
this
.
contextViewService
,
this
.
options
));
this
.
_register
(
attachInputBoxStyler
(
this
.
inputBox
,
themeService
));
this
.
onkeydown
(
this
.
inputBox
.
inputElement
,
e
=>
this
.
onKeyDown
(
e
));
this
.
onkeydown
(
this
.
inputBox
.
inputElement
,
e
=>
this
.
_onKeyDown
(
e
));
this
.
_acceptChords
=
true
;
this
.
_firstPart
=
null
;
this
.
_chordPart
=
null
;
}
public
setAcceptChords
(
acceptChords
:
boolean
)
{
this
.
_acceptChords
=
acceptChords
;
this
.
_chordPart
=
null
;
}
private
onKeyDown
(
keyboardEvent
:
IKeyboardEvent
):
void
{
private
_
onKeyDown
(
keyboardEvent
:
IKeyboardEvent
):
void
{
keyboardEvent
.
preventDefault
();
keyboardEvent
.
stopPropagation
();
if
(
keyboardEvent
.
equals
(
KeyCode
.
Enter
))
{
...
...
@@ -63,9 +75,35 @@ class KeybindingInputWidget extends Widget {
private
printKeybinding
(
keyboardEvent
:
IKeyboardEvent
):
void
{
const
keybinding
=
this
.
keybindingService
.
resolveKeyboardEvent
(
keyboardEvent
);
this
.
inputBox
.
value
=
keybinding
.
getUserSettingsLabel
().
toLowerCase
();
this
.
inputBox
.
inputElement
.
title
=
'
keyCode:
'
+
keyboardEvent
.
browserEvent
.
keyCode
;
this
.
_onKeybinding
.
fire
(
keybinding
);
const
info
=
`code:
${
keyboardEvent
.
browserEvent
.
code
}
, keyCode:
${
keyboardEvent
.
browserEvent
.
keyCode
}
, key:
${
keyboardEvent
.
browserEvent
.
key
}
=> UI:
${
keybinding
.
getAriaLabel
()}
, user settings:
${
keybinding
.
getUserSettingsLabel
()}
, dispatch:
${
keybinding
.
getDispatchParts
()[
0
]}
`
;
if
(
this
.
_acceptChords
)
{
const
hasFirstPart
=
(
this
.
_firstPart
&&
this
.
_firstPart
.
getDispatchParts
()[
0
]
!==
null
);
const
hasChordPart
=
(
this
.
_chordPart
&&
this
.
_chordPart
.
getDispatchParts
()[
0
]
!==
null
);
if
(
hasFirstPart
&&
hasChordPart
)
{
// Reset
this
.
_firstPart
=
keybinding
;
this
.
_chordPart
=
null
;
}
else
if
(
!
hasFirstPart
)
{
this
.
_firstPart
=
keybinding
;
}
else
{
this
.
_chordPart
=
keybinding
;
}
}
else
{
this
.
_firstPart
=
keybinding
;
}
let
value
=
''
;
if
(
this
.
_firstPart
)
{
value
=
this
.
_firstPart
.
getUserSettingsLabel
();
}
if
(
this
.
_chordPart
)
{
value
=
value
+
'
'
+
this
.
_chordPart
.
getUserSettingsLabel
();
}
this
.
inputBox
.
value
=
value
;
this
.
inputBox
.
inputElement
.
title
=
info
;
this
.
_onKeybinding
.
fire
([
this
.
_firstPart
,
this
.
_chordPart
]);
}
}
...
...
@@ -78,7 +116,8 @@ export class DefineKeybindingWidget extends Widget {
private
_keybindingInputWidget
:
KeybindingInputWidget
;
private
_outputNode
:
HTMLElement
;
private
_resolvedKeybinding
:
ResolvedKeybinding
=
null
;
private
_firstPart
:
ResolvedKeybinding
=
null
;
private
_chordPart
:
ResolvedKeybinding
=
null
;
private
_isVisible
:
boolean
=
false
;
private
_onHide
=
this
.
_register
(
new
Emitter
<
void
>
());
...
...
@@ -103,14 +142,19 @@ export class DefineKeybindingWidget extends Widget {
this
.
_isVisible
=
true
;
this
.
_domNode
.
setDisplay
(
'
block
'
);
this
.
_resolvedKeybinding
=
null
;
this
.
_firstPart
=
null
;
this
.
_chordPart
=
null
;
this
.
_keybindingInputWidget
.
inputBox
.
value
=
''
;
dom
.
clearNode
(
this
.
_outputNode
);
this
.
_keybindingInputWidget
.
inputBox
.
focus
();
}
const
disposable
=
this
.
_onHide
.
event
(()
=>
{
if
(
this
.
_resolvedKeybinding
)
{
c
(
this
.
_resolvedKeybinding
.
getUserSettingsLabel
());
if
(
this
.
_firstPart
)
{
let
r
=
this
.
_firstPart
.
getUserSettingsLabel
();
if
(
this
.
_chordPart
)
{
r
=
r
+
'
'
+
this
.
_chordPart
.
getUserSettingsLabel
();
}
c
(
r
);
}
else
{
c
(
null
);
}
...
...
@@ -135,7 +179,7 @@ export class DefineKeybindingWidget extends Widget {
this
.
_domNode
.
setHeight
(
DefineKeybindingWidget
.
HEIGHT
);
dom
.
append
(
this
.
_domNode
.
domNode
,
dom
.
$
(
'
.message
'
,
null
,
nls
.
localize
(
'
defineKeybinding.initial
'
,
"
Press desired key combination and ENTER. ESCAPE to cancel.
"
)));
this
.
_keybindingInputWidget
=
this
.
instantiationService
.
createInstance
(
KeybindingInputWidget
,
this
.
_domNode
.
domNode
,
{}
);
this
.
_keybindingInputWidget
=
this
.
_register
(
this
.
instantiationService
.
createInstance
(
KeybindingInputWidget
,
this
.
_domNode
.
domNode
,
{})
);
this
.
_register
(
this
.
_keybindingInputWidget
.
onKeybinding
(
keybinding
=>
this
.
printKeybinding
(
keybinding
)));
this
.
_register
(
this
.
_keybindingInputWidget
.
onEnter
(()
=>
this
.
hide
()));
this
.
_register
(
this
.
_keybindingInputWidget
.
onEscape
(()
=>
this
.
onCancel
()));
...
...
@@ -144,15 +188,21 @@ export class DefineKeybindingWidget extends Widget {
this
.
_outputNode
=
dom
.
append
(
this
.
_domNode
.
domNode
,
dom
.
$
(
'
.output
'
));;
}
private
printKeybinding
(
keybinding
:
ResolvedKeybinding
):
void
{
this
.
_resolvedKeybinding
=
keybinding
;
private
printKeybinding
(
keybinding
:
[
ResolvedKeybinding
,
ResolvedKeybinding
]):
void
{
const
[
firstPart
,
chordPart
]
=
keybinding
;
this
.
_firstPart
=
firstPart
;
this
.
_chordPart
=
chordPart
;
dom
.
clearNode
(
this
.
_outputNode
);
let
htmlkb
=
this
.
_resolvedKeybinding
.
getHTMLLabel
();
htmlkb
.
forEach
((
item
)
=>
this
.
_outputNode
.
appendChild
(
renderHtml
(
item
)));
this
.
_firstPart
.
getHTMLLabel
().
forEach
((
item
)
=>
this
.
_outputNode
.
appendChild
(
renderHtml
(
item
)));
if
(
this
.
_chordPart
)
{
this
.
_outputNode
.
appendChild
(
document
.
createTextNode
(
'
'
+
nls
.
localize
(
'
defineKeybinding.chordsTo
'
,
"
chord to
"
)
+
'
'
));
this
.
_chordPart
.
getHTMLLabel
().
forEach
((
item
)
=>
this
.
_outputNode
.
appendChild
(
renderHtml
(
item
)));
}
}
private
onCancel
():
void
{
this
.
_resolvedKeybinding
=
null
;
this
.
_firstPart
=
null
;
this
.
_chordPart
=
null
;
this
.
hide
();
}
...
...
src/vs/workbench/parts/preferences/browser/media/keybindings.css
浏览文件 @
b4a8131e
...
...
@@ -22,6 +22,10 @@
text-align
:
center
;
}
.defineKeybindingWidget
.input
{
text-align
:
center
;
}
/* Theming */
.defineKeybindingWidget
{
background-color
:
#EFEFF2
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录