WARNING
#v.0.3.30 版本重构了部分代码,有破坏性更新,请按照升级提示操作。
# v.0.3.44 ( #2025-04-14 )
# agel-upload
- 修复文件名称后缀名显示异常的问题
# v.0.3.43 ( #2024-11-29 )
# agel-dynamic-tags
- 新增 button-text 属性用于自定义按钮文本,添加 margin-bottom 样式
- 修复语法错误 issuse (opens new window)
# v.0.3.42 ( #2024-08-19 )
# agel-upload
bug修复 value 在 onRemove 时候存在其他自定义字段丢失的问题
# agel-map-input
bug修复 keywordSearch 无效
# v.0.3.41 ( #2023-02-15 )
# agel-map-input
new添加高德地图 2.0 的适配
# agel-select
bug修复在 change 时,点击 clearable,getValueOption 还能获取到值的问题
# v.0.3.40 ( #2023-02-03 )
# agel-dynamic-tags
bug修复repeatable属性为生效的问题
# v.0.3.39 ( #2022-11-01 )
# agel-upload
bug当 value 为空字符串,limitHide 显示异常newlimitHide 支持 limit 为 0 的情况
# v.0.3.38 ( #2022-10-30 )
# tableditor-menu-column
bugdel 设置 false 失效
# v.0.3.37 ( #2022-10-29 )
# agel-upload
bugonRemove 回调函数报错newfile.name 不再是必须,默认取 fiel.url 文件后缀作为 namenew新增支持 string 类型 vlauechange移除了附件列表的过渡效果
# v.0.3.36 ( #2022-09-28 )
# agel-form
bugdisabled 失效 优先级调整bugplaceholder 优先级调整new支持动态增减表单 display show 取到当前行数据 (tableditor display 除外)
# v.0.3.35 ( #2022-09-25 )
# agel-form
bug修复渲染 Array[Vnode] 类型插槽报错new新增支持 placeholder 属性在全局配置new新增支持 disabled 属性在全局配置
# v.0.3.34 ( #2022-01-12 )
# agel-form
new新增在验证错误时返回验证信息 form.validate(call,errCall(errorInfo))
# agel-slect,agel-radio,agel-checkbox
buggetValueOption 方法新增 value 参数,修复在 input change 事件获取异常;修复在多选时偶发性获取异常;修复 agel-slect 在分组下获取失败
# agel-search-panel
bug修复折叠报错的问题new新增 getRef 方法
# v.0.3.33( #2022-01-10 )
# agel-form
bug修复 form.data 被赋值新对象时回填默认值未生效 [bug by v.0.3.3]bug修复回填组件默认值为数组时,引用对象地址相同的问题 [bug by v.0.3.3]bug修复使用 vite 启动项目报错issues[6] (opens new window)newform.data 被赋值新对象时会清空表单验证信息new新增动态表单功能,支持所有布局new新增视图模式功能,支持所有布局,新增 item.viewModel, item.viewFormat data.view 属性changetableditor inlien grid descriptions 布局组件移除 value 参数,不必要的参数
# agel-form-tableditor
bug修复被删除行的验证信息继承到下一行的问题
# tableditor-menu-column
bug修复编辑保存需要点击两次的问题newadd edit del 属性支持函数回调new新增 delConfirm 删除确认属性
# agel-dynamic-tags
bug修复 rule 验证在 change 时没有实时触发的问题new新增 create 事件
# agel-uplaod
bug修复 rule 验证在 change 时没有实时触发的问题bug修复调用 clearFiles 方法报错
# v.0.3.32( #2022-01-06 )
# agel-select
bug修复开启 remote remote-method 异常展示的问题 issues[5] (opens new window)
# agel-select,agel-tree-select,agel-checkbox,agel-radio
bug修复 :value="xx" 时未绑定事件报错的问题bug修复 :value="xx" 时未绑定 @input,@change 值为空的问题
# v.0.3.30 ( #2022-01-04 )
# agel-form
bug修复 agel-radio 组件因初始值为 undefined 时触发表单 rules,初始值调整为 ""bug修复 el-descriptions-item 的属性被注入到 component 中new新增 表格编辑器布局new新增(拆分) inline grid descriptions tableditor 四个布局子组件newitem.prop 支持深层级深结构绑定newitem.vmodel 支持 .number .trim 修饰符newitem.componet 支持组件实例,异步组件newitem.slot slots label 插槽支持组件实例changeel-input-number 默认值由 0 调整为 undefined;changeel-date-picker el-time-select 默认值由 null 调整为 ""changedescriptions 布局默认开启 border 样式,优化在 border:false 时排版changegrid 布局自适应规则调整,只支持响应 el-col 参数change修改组件导入逻辑, Vue.use(agelForm) 会默认注册核心组件到全局
const coreComponents = [
agelForm,
agelFormItem,
agelFormGrid,
agelFormInline,
agelFormTableditor,
agelFormDescriptions,
agelRadio,
agelCheckbox,
agelSelect,
agelTreeSelect,
agelUpload,
agelText,
];
破坏性全局配置逻辑修改,单组件配置必须使用函数返回配置,移除 prop form 参数,新增可配置组件初始值 defaultValue
// old
"el-input":{ clearable:true }
"el-input":(prop,item,form)=> return { clearable:true }
// new
"el-input":(item)=> return { clearable:true }
破坏性agel-form 转为包装组件,布局由 form.layout 属性来支持
// old
const form = { inline: true } || { descriptions: true };
// new
const form = { layout: "inline" } || { layout: "descriptions" };
# agel-search-panel
bug修复自定义表单插槽时 input v-model 失效new在点击查询按钮时验证表单规则change默认折叠调整为 true破坏性移除了按钮属性配置,调整为在全局配置提供按钮 render破坏性移除了 form 参数,调整为从组件中获取 props 参数,把 :form 改成 v-bind 可快速兼容
<!--old--->
<agel-search-panel :form="{data,items,....}" /> ||
<agel-search-panel :form="form" />
<!--new--->
<agel-search-panel :data="data" :items="items" /> ||
<agel-search-panel v-bind="form" />
# agel-map-input
new新增地图选择器组件
# agel-dynamic-tags
new新增动态标签组件
# agel-checkbox
new新增 active-value inactive-value 属性
# agel-tree-select
new新增 closableTags 属性
# agel-form-dialog
new开启 loading 时 dialog footer 插槽中所有按钮都会禁用changeloading 开启时确定按钮由 loading 调整为禁用状态,避免场景歧义
# agel-upload
new文件预览兼容大写后缀名
# v.0.3.2
# agel-form
bug修复必填 required 在部分组件中未生效new新增 descriptions 属性,支持 el-descriptions 组件布局new新增 item.vmodel 属性,控制是否双向绑定new新增 agel-text 内置组件change移除 item.ignore 属性
# agel-upload
bugbeforeUpload 钩子函数未生效bug修复手动上传错误,样式不可调整bugabort 方法失效
# agel-form-dialog
new新增表单弹窗组件
# v.0.3.1
# agel-form
newel-autocomplete 组件支持 placeholder value 回填
# agel-select,agel-tree-select,agel-checkbox,agel-radio
bug修复 options 变化未触发响应式更新bug修复多选时 value[string(1,2,3)] 与 option value[number(1)] 类型不一致导致匹配异常的问题,bug修复 change 事件与 input 事件回调参数不一致的问题newoption 支持 class,style 配置
# agel-select,agel-tree-select
bug修复多选时 loading 图标和 loading-placeholder 被 tags 遮挡,调整为 v-loading 实现加载效果,取消 loading-placeholder 展示
# agel-checkbox,agel-radio
bug修复内联表单下设置 style 固定宽度,loading 图标旋转展示异常的问题
# agel-tree-select
bug修复 value 存在 options 为空时报错bug修复 value 未找到对应树节点时报错bug修复懒加载 value 关联异常的问题new新增 prefix 插槽new新增 option 插槽,以支持模板写法change选中树节点,勾选树节点相关逻辑,value,代理 value,展示 value 相关逻辑
# v.0.3.0
# agel-select
bug修复 filter 属性在开启组配置时过滤失效bug修复 loading-placeholder 导致异步请求 options 时触发表单 rules
# v.0.2.9
# agel-tree-select
bug修复 options 配置异常
# v.0.2.8
# agel-tree-select
bugvalue 发生变化,自动触发更新 tree 选中状态和 el-select 的 value
# v.0.2.7
# agel-form
bugplaceholder 智能回填
# agel-search-panel
bugitems 为对象时折叠失败changebutton 插槽调整为默认
# v.0.2.6
# agel-form
new添加搜索面板组件 agel-search-panelnew添加 item.show 属性, 支持函数配置new添加 form.itemExtendKeys 属性, 便于二次封装change表单项在内联布局和栅格布局情况采用不同的排版优化change在 labelPosition 为 top 的情况下,对 radio checkbox 组件的布局排版优化
# v.0.2.5
# agel-form
new添加 prepend append 插槽,方便自定义标题按钮等changeagel-select,agel-tree-select 表单默认回填为 "" 空字符串changeitem.component 包含 agel-xxx 的情况下,智能回填失效的问题
# v.0.2.4
# agel-form
newitem.$component 属性,解决组件动态属性与现有属性产生冲突的问题
# agel-select,agel-tree-select,agel-checkbox,agel-radio
bug异步加载 options 刷新组件选中状态,不再每次刷新触发 input 事件newgetValueOption 方法
# agel-select,agel-tree-select
newsetSelected 方法, agel-tree-select 的 selected 方法名更改为 setSelected
# v.0.2.3
# agel-tree-select
buginput change 事件触发多次的问题
# v.0.2.2
# agel-form
bugplaceholder 智能回填失败的问题bug重构了部分逻辑change只有在栅格布局情况下,才会注入默认的栅格布局属性changeprop 属性取消必填,将默认生成 guid, 若未填写该字段将不与表单关联change动态增加表单项也能智能回填字段默认值
# agel-select,agel-tree-select,agel-checkbox,agel-radio
newagel-select,agel-tree-select,agel-checkbox,agel-radio options 属性支持字符串配置new多选时 value 可设置为字符串,逗号间隔
# agel-tree-select
newselected 方法
# v.0.2.1
# agel-form
bugdisplay 属性导致显示错误的问题
# v.0.2.0
# agel-form
change移除 item.custom 属性,重构自定义组件逻辑,更加方便纯粹change移除 item.show 属性changeslot render 函数不再传递 h($createElement) 参数new根据表单字段初始化 form.data,关联响应式newform.responsive form.responsiveMethod 根据父容器宽度自动响应式newitem.display 属性支持函数配置,实现表单联动newitem.disabled 属性支持函数配置,实现表单联动new单组件支持在项目中单独引入使用change全局配置支持对象,函数形式写法change使用文档重构
# agel-radio-group -> agel-radio
changeagel-radio-group 更改名称为 agel-radio,对 radio 和 radio-group 进行了合并
# agel-checkbox-group -> agel-checkbox
changeagel-checkbox-group 更改名称为 agel-checkbox,对 checkbox 和 checkbox-group 进行了合并
# agel-select,agel-tree-select,agel-checkbox,agel-radio
newoptions 属性支持字符串数组,异步函数,Promise
# v.0.1.2
bugagel-select 在开启 filter 且有分组的情况下,过滤报错的问题bugagel-tree-select,value change 的时候没有自动回填change取消打包为 lib.umd.js,包直接指向 srcchangeagel-input-tree 更改名称为 agel-tree-selectnewagel-upload 添加 limitHide 属性,超出限制隐藏上传按钮newagel-upload 添加 preview 属性可设置为函数new方便自定义组件,新增 item.custom 属性
# v.0.1.1
bugagel-upload 在外网预览 doc 文件失败,由 xdocin 转为 微软 officeapps 服务提供在线预览
# v.0.1.0
newitems 支持数组配置,添加 getItem 内置方法new支持 el-row el-col 所有属性new支持组件 label slot 配置new支持组件 slots 配置new自动添加 placeholder 属性new添加 item.ignore 属性newagel-upload 组件多种样式兼容,添加预览文件功能,添加钩子函数默认提醒change全局配置逻辑修改
# v.0.0.1 - v.0.0.3
new纯数据配置表单new封装 agel-input-tree 组件new封装 agel-upload 组件new封装 agel-select 组件,支持过滤,组配置new封装 agel-checkbox-group 组件new封装 agel-radio-group 组件new根据 required 生成必填 rules