Form 表单组件

基于 fields 自动生成表单，可以使用 $.extend(configs:Object, entitys:Object[])函数增加字段自定义属性

组件属性

属性名	说明	类型	默认值
url	表单提交的接口地址	String	-
fields	表单选项配置	Array	-
data	表单初始化数据	Object	-
encrypt	接口是否加密	Boolean	-
type	表单类型	Enum	normal/steped/search
rules	表单验证规则	Object	-
beforeSubmit	提交前钩子函数，返回 false 可阻止提交	Function	-
labelWidth	表单 label 宽度	String/Number	100px
closable	是否关闭弹层或侧滑窗口	Boolean	true
inDrawer	是否Drawer组件内，会自动适配样式	Boolean	true

组件事件

事件名	说明
finish	表单接口数据返回后事件

默认插槽

插槽名	说明
${name}	动态插槽，替换同名 field

z-form-items 多个 field 组件

组件属性

属性名	说明	类型
title	分组名称	String
fields	选项配置	Array
value	初始化数据	Object
rules	验证规则	Array

z-form-item 单个 field 组件

属性名	说明	类型	默认值
label	字段标题	String	-
name	字段名称	String	-
type	表单类型	enum	-
code	字典 Code	String/Number	-
rules	验证规则	Array	-
tip	验证规则	String	-
value	表单初始化值	Object	继承父级 form 的 data 属性
default	默认值	Any	-
visible	字段是否显示	Boolean | Function(formdata)	-
readonly	字段是否只读	Boolean | Function(formdata)	-
onChange	值变化事件	Function(value,formData,name)	-

表单 type 说明

type 名	说明	其它属性
input	单行文本	微信端 scannable 属性支持扫码输入
inputTag	标签输入框	-
password	密码	-
textarea	多行文本	-
date	时间组件	参考
daterange	时间范围	参考
number	数字	-
tel	电话号码输入框	-
attach	附件	-
checkbox	多选	-
radiobox	单选	-
color	颜色	-
image	图片上传	native:是否原生上传，支持微信上传接口自动识别
map	键值对象	-
money	金额	-
moneyrange	金额区间	自动映射成 ${name}Start 与 ${name}End 两个字段
table	表格输入	fields：字段声明，noAction:无操作按钮，simple:boolean 简易模式，url：数据源
select	下拉框	Any
search	搜索下拉框	depend:指定依赖表，tenant 指定租户字段名，_ac 限制区域，以 title 字段为关键字
switch	开关	Any
monaco	代码编辑器	Any
json	JSON 编辑器	Any
${name}	应用全局组件	Any

search 属性

属性名	说明	类型	默认值	枚举值
depend	依赖表名	String	-	-
tenant	租户字段名	String	-	-
account	账户字段名	String	-	-
app	指定应用	String	-	-

switch 属性

属性名	说明	类型	默认值	枚举值
url	结果同步到后端	String	-	-
trueText	true 文案	String	是	-
falseText	false 文案	String	否	-

money 属性

属性名	说明	类型	默认值	枚举值
allowMinus	是否允许负数	Boolean	false	-
unit	币值单位	String	元	-

daterange 属性

属性名	说明	类型	默认值	枚举值
endKey	结束时间字段名	String	#{name}End	-