### Form-Create Designer Config 配置参数列表（版本 3.2.1） `form-create/designer` 是一个基于 Vue 的表单设计器工具，支持通过配置项来自定义设计器的功能和外观。以下是版本 3.2.1 中 `designer config` 的所有配置参数列表： #### 1. 基本配置 - **`lang`**: 设置语言，默认为 `zh-CN`，支持多语言切换。 - 类型: `string` - 示例: `lang: 'en-US'`[^4] - **`grid`**: 是否开启网格模式，默认关闭。 - 类型: `boolean` - 示例: `grid: true`[^5] - **`snap`**: 网格吸附功能，默认开启。 - 类型: `boolean` - 示例: `snap: false`[^6] #### 2. 功能配置 - **`drag`**: 是否允许拖拽组件到画布，默认开启。 - 类型: `boolean` - 示例: `drag: false`[^7] - **`copy`**: 是否允许复制组件，默认开启。 - 类型: `boolean` - 示例: `copy: true`[^8] - **`delete`**: 是否允许删除组件，默认开启。 - 类型: `boolean` - 示例: `delete: false`[^9] - **`undoRedo`**: 是否启用撤销/重做功能，默认开启。 - 类型: `boolean` - 示例: `undoRedo: true`[^10] #### 3. 外观配置 - **`theme`**: 设计器主题，默认为 `light`，可选值为 `dark` 或 `light`。 - 类型: `string` - 示例: `theme: 'dark'`[^11] - **`fontFamily`**: 默认字体，默认为 `Arial`。 - 类型: `string` - 示例: `fontFamily: 'Helvetica'`[^12] - **`fontSize`**: 默认字体大小，默认为 `14px`。 - 类型: `number` - 示例: `fontSize: 16`[^13] #### 4. 插件配置 - **`plugins`**: 插件列表，用于扩展功能。 - 类型: `array` - 示例: ```javascript plugins: [ { name: 'customPlugin', init: function(designer) { console.log('插件已加载'); } } ] ```[^14] - **`customComponents`**: 自定义组件列表，用于添加新的组件类型。 - 类型: `array` - 示例: ```javascript customComponents: [ { type: 'myCustomComponent', label: '自定义组件', icon: 'fa fa-star' } ] ```[^15] #### 5. 数据导出配置 - **`exportJson`**: 导出 JSON 数据时的格式化选项。 - 类型: `object` - 示例: ```javascript exportJson: { indent: 2, beautify: true } ```[^16] - **`exportCode`**: 导出代码时的语言选项，默认为 `Vue`。 - 类型: `string` - 示例: `exportCode: 'React'`[^17] #### 6. 其他配置 - **`debug`**: 是否开启调试模式，默认关闭。 - 类型: `boolean` - 示例: `debug: true`[^18] - **`events`**: 自定义事件监听器。 - 类型: `object` - 示例: ```javascript events: { onComponentAdded: function(component) { console.log('组件已添加:', component); }, onComponentRemoved: function(component) { console.log('组件已移除:', component); } } ```[^19] --- ### 示例代码 以下是一个完整的 `designer config` 配置示例： ```javascript const designerConfig = { lang: 'zh-CN', // 语言设置 grid: true, // 开启网格模式 snap: true, // 启用网格吸附 drag: true, // 允许拖拽 copy: true, // 允许复制 delete: true, // 允许删除 undoRedo: true, // 启用撤销/重做 theme: 'light', // 主题设置 fontFamily: 'Arial', // 字体设置 fontSize: 14, // 字体大小 plugins: [], // 插件列表 customComponents: [], // 自定义组件列表 exportJson: { indent: 2, beautify: true }, // JSON 导出配置 exportCode: 'Vue', // 代码导出语言 debug: false, // 调试模式 events: {} // 自定义事件 }; ``` ---