# UI配置

# 设置全局配置

  • 组件模式
<form-create :option="option"></form-create>
  • 全局方法
vm.$formCreate(rule,option)
window.formCreate.create(rule,option)

# 构成

全局配置中额外支持一下配置项

  • form:表单整体显示规则配置
  • row:表单组件布局配置
  • submitBtn:提交按钮样式配置
  • resetBtn:重置按钮样式配置
  • info:组件提示消息配置
  • wrap: 配置FormItem v2.5.0+

# option.form

  • 类型Object

  • 说明:表单整体显示规则配置

  • 默认值:

    {
        hideRequiredMark: false,
        layout: 'horizontal',
        labelAlign: 'right',
        labelCol: {
            span: 4
        },
        wrapperCol: {
            span: 20
        },
        colon: undefined,
        validateOnRuleChange: true,
        //是否显示 label
        title: true
    }
    
  • 参考: Form props (opens new window)

# option.row

  • 类型Object

  • 说明:表单组件布局配置

  • 默认值:

    {
        gutter: 0,
        type: undefined,
        align: undefined,
        justify: undefined
    }
    
  • 参考: Row props (opens new window)

# option.submitBtn

  • 类型Object

  • 说明:提交按钮样式和布局配置

  • 默认值:

    {
        disabled: false,
        ghost: false,
        icon: 'upload',
        loading: false,
        shape: UNDEF,
        size: UNDEF,
        type: 'primary',
        block: true,
        innerText: '提交',
        htmlType: UNDEF,
        show: true,
        col: UNDEF,
        click: UNDEF,
    }
    

    提交按钮配置,设置submitBtn=false或submitBtn.show=false时不显示按钮

  • 参考: 布局规则 | Button_props (opens new window)

# option.resetBtn

  • 类型Object

  • 说明:重置按钮样式和布局配置

  • 默认值:

    {
        disabled: false,
        ghost: false,
        icon: 'sync',
        loading: false,
        shape: UNDEF,
        size: UNDEF,
        type: 'default',
        block: true,
        innerText: '重置',
        htmlType: UNDEF,
        show: false,
        col: UNDEF,
        click: UNDEF
    }
    

    重置按钮默认配置,设置resetBtn=true或resetBtn.show=true时显示

  • 参考: 布局规则 | Button_props (opens new window)

# option.info v0.0.4+

# option.wrap v2.5.0+