DDei-Core-快捷键
DDei-Core-快捷键提供了剪切
、复制
、粘贴
、格式刷
、移动
、删除
等等常用功能的快捷键映射,支持同一快捷键在不同使用条件下触发不同的行为。通过快捷键,可以使设计器贴合满足大多数人的使用习惯,提升编辑效率。
如需了解详细的API教程以及参数说明,请参考DDei文档
使用说明
使用
本插件缺省包含在DDei包中,可以直接使用。如果不需要修改默认配置,则可以省略下面两个步骤。
引入
import { DDeiCoreHotkeys } from "ddei-editor";
import { DDeiKeyActionAllSelect } from "ddei-editor";
使用并修改设置
extensions: [
......
//通过插件名批量快捷键配置 // [!code ++:16]
DDeiCoreHotkeys.configuration({
"ddei-core-keyaction-all-select": {
'keys': [
{ keys: "68" },
]
},
}),
//单个快捷键的配置
DDeiKeyActionAllSelect.configuration({
'keys': [
{
ctrl: 1, keys: "66"
}
]
}),
],
配置说明
快捷键配置项必须全部满足才能触发,配置得越多触发条件约苛刻。
名称 | 说明 | 数据类型 | 范围 | 缺省值 | 备注 |
---|---|---|---|---|---|
keys | 快捷键列表 | Array | |||
keys[n].keys | 按键 | string | 键盘ascii码 | ||
keys[n].ctrl | ctrl/meta键是否按下 | number | 1按下/0未按下 | 0 | |
keys[n].shift | shift键是否按下 | number | 1按下/0未按下 | 0 | |
keys[n].alt | alt键是否按下 | number | 1按下/0未按下 | 0 | |
keys[n].modelType | 模型类别 | string | 0 | 来自图形定义中的modelType | |
keys[n].times | 连续按下次数 | number | |||
keys[n].interval | 连续按下判定时间 | number | |||
keys[n].editorState | 编辑器状态 | string | 枚举:DDeiEditorState |
快捷键清单
插件名 | 类名 | 默认键组合 | 说明 | 特殊激活条件 |
---|---|---|---|---|
ddei-core-keyaction-all-select | DDeiKeyActionAllSelect | ctrl+a | 全选当前画布 | 无 |
ddei-core-keyaction-copy | DDeiKeyActionCopy | ctrl+c | 复制当前选中控件到剪切板 | 无 |
ddei-core-keyaction-cut | DDeiKeyActionCut | ctrl+x | 剪切当前选中控件到剪切板 | 无 |
ddei-core-keyaction-paste | DDeiKeyActionPaste | ctrl+v | 粘贴剪切板到鼠标位置 | 无 |
ddei-core-keyaction-copy-image | DDeiKeyActionCopyImage | ctrl+i | 复制当前选中控件为图片 | 无 |
ddei-core-keyaction-save-file | DDeiKeyActionSaveFile | ctrl+s | 保存文件 | 无 |
ddei-core-keyaction-revoke | DDeiKeyActionRevoke | ctrl+z | 撤销 | 无 |
ddei-core-keyaction-rerevoke | DDeiKeyActionReRevoke | ctrl+y/ctrl+shift+z | 反撤销 | 无 |
ddei-core-keyaction-brush-data | DDeiKeyActionBrushData | ctrl+shift+c | 复制当前控件样式,激活格式刷 | 无 |
ddei-core-keyaction-remove-models | DDeiKeyActionRemoveModels | delete/backspace | 删除当前选中控件 | 无 |
ddei-core-keyaction-cancel-control-create | DDeiKeyActionCancelControlCreate | esc | 取消创建操作 | 无 |
ddei-core-keyaction-cancel-current-action | DDeiKeyActionCancelCurrentAction | esc | 取消操作 | 无 |
ddei-core-keyaction-close-dialog | DDeiKeyActionCancelCloseDialog | esc | 关闭弹框 | 无 |
ddei-core-keyaction-cancel-select | DDeiKeyActionCancelSelect | esc ✖️ 2 | 取消选择所有控件 | 300毫秒内,连续两次 |
ddei-core-keyaction-move-models | DDeiKeyActionMoveModels | ↑/↓/←/→ | 移动当前选中控件,按标尺大小 | 无 |
ddei-core-keyaction-move-models | DDeiKeyActionMoveModels | shift+↑/↓/←/→ | 移动当前选中控件,仅1像素 | 无 |
ddei-core-keyaction-push-models | DDeiKeyActionPushModels | ctrl+↑/↓ | 当前选中图形上移/下移一层 | 无 |
ddei-core-keyaction-push-models | DDeiKeyActionPushModels | ctrl+shift+↑/↓ | 当前选中图形移至顶层/底层 | 无 |
ddei-core-keyaction-compose | DDeiKeyActionCompose | ctrl+g | 组合图形 | 需选中两个至两个以上图形 |
ddei-core-keyaction-cancel-compose | DDeiKeyActionCancelCompose | ctrl+shift+g | 取消组合图形 | 需选中组合图形 |
ddei-core-keyaction-quickedit-start | DDeiKeyActionStartQuickEdit | F2 | 进入快速编辑文本 | 无 |
ddei-core-keyaction-quickedit-cancel | DDeiKeyActionCancelQuickEdit | esc | 退出快速文本编辑,取消编辑 | 快速文本编辑中 |
ddei-core-keyaction-quickedit-enter | DDeiKeyActionEnterQuickEdit | shift+回车 | 退出快速文本编辑,确认编辑 | 快速文本编辑中 |
仓库信息
源码: https://gitee.com/hoslay/ddei-editor
在线体验: https://www.ddei.top