# UI配置

# 设置全局配置

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

# 构成

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

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

# form

  • 类型Object

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

  • 默认值:

    {
        hideRequiredMark: false,
        layout: 'horizontal',
        labelAlign: 'right',
        labelCol: {
            span: 4
        },
        wrapperCol: {
            span: 20
        },
        colon: undefined,
        validateOnRuleChange: true
    }
    
  • 参考: Form props

# row

  • 类型Object

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

  • 默认值:

    {
        gutter: 0,
        type: undefined,
        align: undefined,
        justify: undefined
    }
    
  • 参考: Row props

# 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

# 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

# info 0.0.4+

  • 类型Object

  • 说明:组件提示消息配置

  • 默认值:

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

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

  • 提示组件: Popover_props | Tooltip_props