YForm

YForm基于element plus ui，对于form表单进行了二次封装。其主要目的是为了使开发人员进行避免重复的工作，更加专注于业务开发。

Form

columns

当前表单数组

formConfig

类型：Object

• inline：是否使用行内表单（true/false）
• labelPosition：标题位置（left/right）
• labelWidth：标题宽度（默认120px）
• size：表单大小（default/small/large）
• disabled：是否禁用表单（默认false）
• labelSuffix：标题后缀（默认" :"）

formModal

当前表单的v-modal

Methods 方法

getFormResults()

表单校验，返回结果集

getFormValues()

获取表单值

setValues()

表单赋值

FormItem 基本属性

field

类型：String
描述：字段Key

label

类型：String
描述：字段名称

component

类型：String
描述：组件名称，以下是目前支持的组件

[
    "input", // 输入框
    "select", // 选择框
    "api-select", // 动态选择框
    "tree-select", // 树级选择框
    "api-tree-select", // 动态树级选择框
    "button", // 按钮
    "autocomplete", // 自动补全输入框
    "cascader", // 级联选择器
    "checkbox", // 多选框
    "color-picker", // 颜色选择器
    "date-picker", // 日期选择器
    "input-number", // 数字输入框
    "radio", // 单选框
    "rate", // 评分
    "slider", // 滑块
    "switch", // 开关
    "time-picker", // 时间选择器
    "time-select", // 时间下拉选
    "transfer", // 穿梭框
    "upload" // 上传
]

required

类型：Boolean
描述：是否必填项

labelWidth

类型：String
描述：标题宽度

rules

类型：Rule
描述：校验规则

ruleType

类型：String
描述：快捷表单校验

[
    "idCard", // 身份证校验
    "phone", // 手机号校验
    "email", // 邮箱校验
    "int", // 正整数校验
    "url", // url校验
]

attrs

类型：Attrs
描述：组件属性，基于element plus

api

类型：Function
描述：调用接口Api，用于Api系列组件

slots

类型：String
描述：插槽

placeholder

类型：String
描述：填充文字

description

类型：String
描述：描述提示语，位于组件下方展示

ifShow

类型：Boolean | ((model: any) => Boolean)
描述：动态显隐

dynamicDisabled

类型：Boolean
描述：动态禁用组件

fieldNames

类型：Object
描述：用于下拉选自定义字段

formItem

类型：FormItem 描述：用于手动设置element plus的formItem属性

col

类型：number
描述：行内样式栅格化

formItem: {
    col: 2 // 数字为当前一行显示几列
}