# 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+

类型：Object
说明：组件提示消息配置

默认值:

{
  //提示消息类型,popover,tooltip
  type: "popover",
  placement: 'topLeft',
  icon: 'question-circle-o'
}

可以在info配置项中设置提示组件的属性

提示组件: Popover_props (opens new window) | Tooltip_props (opens new window)

# option.wrap v2.5.0+

类型：Object
说明：配置FormItem
提示组件: FormItem_props (opens new window)

← 安装 col 布局规则 →