tmagic-editor/docs/api/form/form-dialog-props.md

FormDialog组件 props

config

• 详情： 表单配置

• 默认值： []

• 类型： FormConfig

• 示例：

<template>
  <m-form-dialog :config="config"></m-form-dialog>
</template>

<script setup>
import { ref } from 'Vue';

const config = ref([
  {
    name: 'text',
    text: '文本',
  },
  {
    name: 'multiple',
    text: '多行文本',
    type: 'switch',
  },
]);
</script>

values

• 详情： 表单初始化值

• 默认值： {}

• 类型： Object

• 示例：

<template>
  <m-form-dialog :values="values"></m-form-dialog>
</template>

<script setup>
import { ref } from 'Vue';

const values = ref([
  text: 'text',
  multiply: true,
]);
</script>

width

• 详情： 弹窗宽度

• 类型： string | number

labelWidth

• 详情：

表单域标签的宽度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 支持 auto

• 默认值： '200px'

• 类型： string | number

fullscreen

• 详情： 弹出是否全屏

• 默认值： false

• 类型： boolean

disabled

• 详情： 是否禁用该表单内的所有组件。 若设置为 true，则表单内组件上的 disabled 属性不再生效

• 默认值： false

• 类型： boolean

title

• 详情： 弹出标题

• 类型： string

size

• 详情： 用于控制该表单内组件的尺寸

• 类型： 'small' | 'default' | 'large'

confirmText

• 详情： 提交按钮文案

• 默认值： '确定'

• 类型： string