Form Configuration Item Visibility

Use config options to control the visibility and disabled state of form configuration items in the designer. These configurations help you manage the designer's interface more precisely to align with business requirements.

Data Structure

type Config = {
    // Hide some form configuration items
    hiddenFormConfig?: string[];
    // Disable some form configuration items
    disabledFormConfig?: string[];
}

Hide Specified Configuration Items

<template>
    <fc-designer ref="designer" :config="config"/>
</template>
<script setup>
    const config = {
        hiddenFormConfig: ['event'],
        disabledFormConfig: ['formCreateFormName'],
    }
</script>

Form Configuration Field Names

Field ID	Description
formCreateFormName	Form name
labelPosition	Label position
size	Component size
labelSuffix	Label suffix
labelWidth	Label width
wrap>style>marginBottom	Form item bottom margin
hideRequiredAsterisk	Hide red asterisk next to required field label
showMessage	Display validation error messages
inlineMessage	Display validation information inline
_submitBtn>show	Show submit button
_resetBtn>show	Show reset button
formCreateIgnoreHiddenFields	Ignore hidden fields when submitting form
titleStyle	Component label style
event	Form events