快捷键

在表单设计过程中，快捷键可大幅提高效率。设计器内置一系列实用快捷键，并提供左侧「快捷键」面板，方便随时查看当前可用操作。

快捷键面板

左侧功能栏提供快捷键入口，点击后可查看当前支持的快捷键列表。面板会按系统自动展示 ⌘（Mac）或 Ctrl（Windows / Linux）。

说明：

• 快捷键仅在设计器画布区域生效；输入框聚焦时不会触发。
• 关闭快捷键功能（hotKey = false）后，快捷键面板入口也会一并隐藏。
• 仅隐藏面板入口时，可配置 showShortcut = false，不影响快捷键本身是否可用。

快捷键操作

以下是目前支持的快捷键操作及其作用：

基础操作

功能	快捷键	作用说明
复制规则	Command/Ctrl + C	复制当前选中组件的配置规则，便于快速复用相同配置组件。
剪切规则	Command/Ctrl + X	移除当前选中组件的配置规则并存入剪贴板，支持粘贴到其他位置。
粘贴规则	Command/Ctrl + V	将剪贴板中的配置规则粘贴到目标容器或表单末尾。
删除规则	Command/Ctrl + ⌫	删除当前选中组件及其配置规则。
撤销操作	Command/Ctrl + Z	回退到上一步操作状态，支持多级撤销（如删除、移动、配置修改等）。
重做操作	Command/Ctrl + Shift + Z	恢复最近一次撤销的操作，与撤销功能配套使用。

布局调整

功能	快捷键	作用说明
向上移动组件	Command/Ctrl + ↑	将选中组件在表单容器中上移一位。
向下移动组件	Command/Ctrl + ↓	将选中组件在表单容器中下移一位。

视图与面板

功能	快捷键	作用说明
预览/打印表单	Command/Ctrl + P	打开表单预览或打印窗口。
打开组件面板	Command/Ctrl + 1	切换到组件列表面板。
打开字段面板	Command/Ctrl + 2	切换到字段列表面板。
打开大纲面板	Command/Ctrl + 3	切换到大纲面板，便于定位嵌套组件。
打开 JSON 面板	Command/Ctrl + 4	切换到 JSON 预览面板。
打开多语言面板	Command/Ctrl + 5	切换到多语言配置面板。
打开全局配置面板	Command/Ctrl + 6	切换到全局配置面板。
打开模块管理面板	Command/Ctrl + 7	切换到模块管理面板。
切换模块	Command/Ctrl + Shift + [0-9]	快速切换至指定序号（0-9）的弹窗编辑界面。

关闭快捷键

如果希望暂时不使用快捷键功能，可通过设置 config.hotKey = false 关闭：

<template>
    <fc-designer ref="designer" :config="config"/>
</template>
<script setup>
    const config = {
        hotKey: false  // 关闭快捷键（快捷键面板也会隐藏）
    }
</script>

隐藏快捷键面板

如需保留快捷键能力，仅隐藏左侧快捷键面板入口，可配置：

<template>
    <fc-designer ref="designer" :config="config"/>
</template>
<script setup>
    const config = {
        showShortcut: false  // 隐藏快捷键面板入口
    }
</script>