Feat graphical editor sentences hotkey

[ClodLingxi]

Sentence 和 AddSentence 快捷键

Sentence （不包括自定义）

(OUTER 为焦点在整个语句控件时触发)
(INNER 为焦点在语句控件内输入框时触发)

快捷键	动作	层级
Ctrl+Enter	执行该语句	INNER, OUTER
Alt+Enter	在该语句下插入新语句	INNER, OUTER
Shift+Enter	执行并跳转至下一句，如果没有则插入	INNER, OUTER
Ctrl+C	复制当前语句	OUTER
Ctrl+V	粘贴语句	OUTER
Ctrl+D	删除当前语句	OUTER
Ctrl+Shift+ArrowDown	与下方语句交换	OUTER
Ctrl+Shift+ArrowUp	与上方语句交换	OUTER
ArrowDown	向下移动	OUTER
ArrowUp	向上移动	OUTER

AddSentence （包括自定义，且储存至IEditorState）

在AddSentence左下角切换设置模组，并点击对应按钮调整其快捷键

属性	类型	描述	示例
shortcuts	string	代表快捷键组合的字符串。例如，"Ctrl+Enter" 或 "Alt+Enter"。	shortcuts: "Ctrl+Enter"
type	commandType | "custom"	指定快捷键触发的动作类型。它可以是预定义的命令类型（如 commandType 枚举中的值），也可以是自定义的 "custom"。	type: commandType.run_sentence
initialText	string? (可选)	当 type 为 "custom" 时，可以提供一个初始文本，用于快捷执行某指令（待写）。	initialText: "changeFigure:stand.png -left"

[ClodLingxi]

1、Ctrl+D 不符合通常的习惯，一般来说是复制一份当前语句到下一行 2、不建议使用 ArrowDown 和 ArrowDown，因为太过于常用，可能更常用于在文本框里面移动光标 3、需要一定的视觉提示当前被选中的语句，否则用户很难搞清楚快捷键将要操作的语句 4、不建议使用焦点获取将要操作的语句，这不是一般的使用习惯，一般来说以最后一次点击的语句为选中的将要操作的语句 5、既然 Ctrl+ Enter 是执行当前语句，Alt+Enter 是在该语句下插入新语句，那么，执行并跳转至下一句，如果没有则插入，应该是 Ctrl+Shift+Enter 或者 Ctrl+ Alt+ Enter

1. 已完成
2. 在Sentence内部通过 e.stopPropagation(); 阻止向Outer传递指令
3. 目前只有一个蓝色的框，之后得改，
   .sentenceEditorWrapper:focus {
   border: 1px solid blue;
   }
4. 准确是通过每个Sentence的Keydown将自己的index传出去。如果记录最后一个点击，需要读取整个界面的keydown，而不仅仅是export default function GraphicalEditor的，跨过的层很大，而且需要forwardRef调用GraphicalEditor内部的sentenceShortCutHandle
5. 默认不应该加个shift，键位太多。之后应该可以加上自定义键位

[MakinoharaShoko]

1、对设置添加语句的快捷键这个功能没有任何指引，用户很难理解如何操作。
2、边框的颜色应当是 WebGAL Terre 主题色 var(--primary)
3、边框的位置也不对

[nini22P]

这里样式改成像这样的

.sentenceEditorWrapper:focus {
  outline: none;
}

.sentenceEditorWrapper:focus .sentenceEditorContent {
  border: var(--border-primary-lg);
}

在 packages\origine2\src\config\themes\theme.css 可以查看常用的样式