控制表单配置显隐状态
通过 config.hiddenFormConfig 字段,您可以控制设计器中右侧表单配置项的显隐状态。这些配置可以帮助您更精细地管理表单设计器的用户界面,使其更加符合业务需求。
数据结构
ts
type Config = {
//隐藏表单的部分配置项
hiddenFormConfig?: string[];
}隐藏指定配置项
使用 hiddenItemConfig 隐藏右侧配置面板中的指定配置项。例如,隐藏所有组件的 disabled 配置项和输入框组件的 field 配置项:
vue
<template>
<fc-designer ref="designer" :config="config"/>
</template>
<script setup>
const config = {
hiddenFormConfig: ['event'],
}
</script>表单配置字段名
| 字段 ID | 说明 |
|---|---|
| formCreateFormName | 表单名称 |
| labelPosition | 标签位置 |
| size | 组件尺寸 |
| labelSuffix | 标签后缀 |
| labelWidth | 标签宽度 |
| wrap>style>marginBottom | 表单项下边距 |
| hideRequiredAsterisk | 隐藏必填字段的标签旁边的红色星号 |
| showMessage | 显示校验错误信息 |
| inlineMessage | 以行内形式展示校验信息 |
| _submitBtn>show | 显示提交按钮 |
| _resetBtn>show | 显示重置按钮 |
| formCreateIgnoreHiddenFields | 提交表单时忽略被隐藏的字段 |
| titleStyle | 组件标签样式 |
| event | 表单事件 |


