更新日志 (1.0.19)

# 当前版本 1.0.19

# 1.0.19 (2020-09-11)

新增 Group 组件 expand 属性,控制默认打开个数

新增通过 Group 组件监听子表单的事件

{
    type:'group',
    //...
    props: {
        rules: [
            {
                type: 'input',
                field: 'test',
                emit: ['change'],
                //...
            }   
        ]   
    },
    on: {
        ['test-change']: function () {
            //TODO input 组件 change 事件
        }
    }
}

修复 Group组件value可能会不同步问题
修复 upload 组件previewMask参数无效问题
优化 emit 事件触发
新增 emit-event 事件,有 emit 时触发

# 1.0.18 (2020-08-12)

修复 Group 组件可能出现赋值失效问题 #240
修复 ElmentUI.Upload组件可能出现报错问题 #207
修复 emit 事件可能会触发两次的问题
更新 TypeScript

# 1.0.17 (2020-07-16)

修复 hidden 可能会失效问题
修复 group 组件可能会额外生成多组的问题
修复 control 可能会失效的问题
修复 datePicker,timePicker组件 formatValue 可能导致报错的问题
新增 frame 组件支持通过previewMask配置预览图片弹窗的遮罩是否显示
优化 $emit 事件
优化表单销毁时可能报错
优化 frame组件助手方法加载时机

新增支持设置 title 的 class,style 等属性

let rule = {
  title:{
      class:'titleClass',
      style:'backgroundColor:red',
      title:'商品名称'
  }
  //title:'商品名称'    
}

# 1.0.16 (2020-06-17)

修复渲染时可能出现死循环
修复 antd.switch 组件修改值问题
修复 antd.select placeholder 不显示
更新 TypeScript
修复 group 组件remove事件修改值时UI可能不更新问题
修复 frame 组件预览可能无法正常显示问题
新增 group 组件支持控制按钮隐藏按钮大写和自定义按钮,
- 配置项 fontSize,button,
- 插槽 button,default

# 1.0.15 (2020-05-31)

优化 parseJson,toJson 方法,避免错误解析function
优化对生成规则的深拷贝
优化 group 组件生成的子表单自动跟随父表单的配置
新增 control.handle 方法增加第二个参数$f
新增 frame 组件支持reload,okBtn,closeBtn配置,form_create_helper增加onOk,onClose方法可设置页面关闭回调事件
重构 frame,upload 组件的弹出框,移除原有的modal
修复 upload 预览可能死循环问题
修复 group 组件验证可能不通过问题
修复 toJson 可能出现规则丢失问题
修复全局配置labelCol,wrapperCol不生效问题
修复 hidden 组件可能会渲染问题

# 1.0.14 (2020-05-14)

优化 frame 组件 value 类型
修复 frame 组件在safari浏览器下无法正常关闭问题

# 1.0.13 (2020-05-11)

优化 $f.append,$f.prepend方法
修改内置的copyRule方法
优化自动拷贝生成规则的条件
支持控制是否自动生成col,row组件和设置class

# 1.0.12 (2020-04-30)

修复局部挂载时fragment组件报错
修复 removeField可能无效问题
新增双向数据绑定的 formData $f.form
新增 control事件,control生效或移除时触发

# 1.0.11 (2020-04-21)

移除 ElementUI label多行的样式
修复 ts vue.use(formCreate)类型报错问题 #196
新增 maker 实例增加inject,model方法
新增内置fragment组件
修复 maker 二次追加属性不生效问题
支持 ant-design-vue 文档
```
npm i @form-create/ant-design-vue
```

# 1.0.10 (2020-04-18)

修复 timePicker组件偶尔无法选择问题
修复在ie10中可能报错问题
修复 parseJson方法可能报错问题
修复 control可能不生效问题
重构 vData类,支持事件重复监听
修复 onSubmit方法报错问题
修复 frame组件width,height属性类型错误问题
修复 checkbox组件可能报错问题
修复 control控制的规则多包裹一层div #199
新增 frame组件增加srcKey配置项,支持value为对象
新增 group 组件增加change事件
新增表单整体的change事件
优化 ElementUI label多行的样式
优化 ts #196

# 1.0.9 (2020-03-24)

修复 field 可能重复问题
修复 DatePicker 组件验证时可能报错问题

# 1.0.8 (2020-03-15)

修复合并公共布局规则时报错问题 #181
修复 group 组件有可能会报错的问题
修复 追加组件后验证失效问题
修复 DatePicker 组件值转换问题
更新 TypeScript
增加优化method方法,可拿到返回值
增加在group组件的事件中传入index #183
增加 增加control配置项,可用于控制其他组件显示
增加 options.form.className 配置项,支持设置表单的class

# 1.0.7 (2020-03-02)

修复初始化全局配置时的字段错误 #166
修复 DatePicker组件验证报错问题
更新 TypeScript
修复 frame组件src修改后,没有实时更新问题
增加 group组件,可实现数组组件,hash组件功能
优化组件生成规则复用
优化组件信息提示按钮位置

# 1.0.6 (2020-01-16)

支持TypeScript
修复elm.frame组件在input类型icon不显示问题
修复iview.tree组件首次渲染没有选中问题

# 1.0.5 (2019-12-7)

重构 hidden,visibility功能
生成规则增加 hidden,visibility 配置项
修复 value 可能会意外发生改变问题
修复 value 改变后,页面组件有可能没有渲染问题

# 1.0.4 (2019-11-21)

新增 formData配置项,可设置表单初始值
修复 type 未定义时可能出现死循环问题
修复 type 大写时可能未识别组件问题
支持 iview v4版本

npm i @form-create/iview4

# 1.0.3 (2019-08-26)

修复多次v-if后表单内控件绑定的事件失效 #125
修复 toJson方法函数转json
修复内置按钮不显示时,移除多余的布局 div
新增手动触发事件方法$f.trigger
新增获取组件vm方法$f.el
增强 props 中的函数支持事件注入
增强 removeField,updateRule返回当前规则
增强事件注入参数中增加self当前规则
增强 vm 参数支持设置为Function

{
    vm:function(){
        return new Vue;
    }
}

# 1.0.2 (2019-08-11)

修复样式被覆盖问题 #121
修复 datePicker,timePicker 组件验证问题,取值问题 #118
修复 append,prepend 方法报错
增强生成规则定义name后,可通过component方法获取
增加 on,off,once 方法绑定 emit 事件

# 1.0.1 (2019-07-29)

增加 $f.updateValidate,$f.updateValidates 方法 #116
修复输入框设置最大最小字符无效 #115
修复 upload组件同时上传多张图片报错问题
修复 ElementUI.upload组件加载动画不显示问题

# 1.0.0 (2019-07-21)

修复 timePicker 组件无法选择问题
修复 type为template时会引发栈溢出问题 #110
新增自定义组件props中自动注入$f,可以用props.formCreate接收
新增 $f.getRule方法,获取指定field的生成规则

# 0.0.5 (2019-07-07)

优化 $f.toJson 方法,不支持转换 template 组件
新增 $f.updateRule,$f.updateRules 方法

//更新 goods_name
$f.updateRule('goods_name',{
    props:{
        disabled:true
    }
})
//批量更新
$f.updateRules({
    'goods_name':{
        props:{
            disabled:true
        }
    }
})

新增 injectEvent 全局配置项,设置是否开启事件注入,注入$f,rule等参数.开启后事件的第一个参数为注入的参数

//注入参数的数据结构
{
    $f:Object,//api
    rule:Array,//生成规则
    option:Object,//全局配置
    inject:Any,//自定义注入的参数
}

//全局开启
{
    injectEvent:true
}
//指定事件开启
rule:{
    //inject为事件额外的自定义注入参数
    emit:[{name:'click',inject:true}]
}

修复移除组件的同时又新增field与移除组件相同的组件时组件收到值undefined问题

# 0.0.4 (2019-06-30)

新增 $f.toJson和formCreate.parseJson 方法, 将生成规则转为 json 和反转
新增 info 配置项,配置组件的提示信息
新增 option.info配置项,设置组件提示信息的相关配置
移除对时间组件,日期组件的值得二次处理
增加 $f.method 方法不存在时的错误提示
增加 frame 组件的 modal 配置项,可设置modal的属性
修复 element-ui 部分组件 placeholder 属性无效问题
更新 element-ui 时间组件,日期组件 maker 生成器

# 0.0.3

内部功能重构、功能精简和优化、扩展更简单

新功能

自定义组件可转换为表单组件,具有验证和内置组件的功能
增加组件的全局配置
增加 name配置项,自定义组件可配置
增加判断表单是否修改的方法 changeStatus
增加获取组件隐藏状态方法hiddenStatus
增加 rule.native 配置项
增加 $f.method 方法,可调用组件方法

修改

将 switch 组件 slot 配置,移动到 props.slot 中
修改 $f.validate 方法的参数
修改 $f.hidden,$f.visibility,$f.disabled 方法的参数顺序
修改方法名$f.submitStatus => $f.submitBtnProps
修改方法名$f.resetBtnStatus => $f.resetBtnProps
重构 frame 组件,移动event到 props 中

移除

移除自定义组件相关事件
移除 frame 组件 spin 配置项
移除全局配置中 upload 配置项
移除表单最外层的 margin 20px
移除 $f.btn.finish和$f.resetBtn.finish 方法
移除 defaultSlot 配置项
移除内置组件自动填充默认属性
移除组件规则中的hidden和visibility属性
移除 upload 组件 onSuccess 中返回 url 自动添加功能
移除 iview版 event 配置项自动添加on-前缀功能

← 在线示例 @form-create →