@riil-frontend/component-riil-formily-rule-tree

规则树组件

Usage no npm install needed!

<script type="module">
  import riilFrontendComponentRiilFormilyRuleTree from 'https://cdn.skypack.dev/@riil-frontend/component-riil-formily-rule-tree';
</script>

README

规则树组件

@riil-frontend/component-riil-formily-rule-tree

规则树组件

CHANGE LOG

  • 2021-11-04 发布v1.0.0版
  • 2021-11-04 发布v1.0.1版 修改样式优先级问题
  • 2021-11-08 发布v1.0.2版 添加非空校验功能，修改 输入框改变失去焦点、添加一行不能赋默认值、多选下拉菜单默认选项不能删除等问题
  • 2021-11-09 发布v1.0.3版 onChangeItem事件添加返回values
  • 2021-11-10 发布v1.0.5版 修改开发方提出的6个问题
  • 2021-11-11 发布v1.0.6版 修改发现的状态bug
  • 2021-11-15 发布v1.0.8版 修改添加自定义卡片功能
  • 2021-11-16 发布v1.0.10版 回退修改添加自定义卡片功能
  • 2021-11-19 发布v1.0.11版 自定义卡片支持formily功能
  • 2021-12-06 发布v1.0.12版 修改结构add错误，换成and
  • 2021-12-06 发布v1.0.13版 修改发现的bug
  • 2021-12-07 发布v1.0.14版 修改样式冲突问题
  • 2021-12-08 发布v1.0.15版 背景样式调整

API

参数名 说明 必填 类型 默认值 备注
initValues 配置项初始值 - Array [{ relation: 'and', children: [{ key: '1' }] }] -
fields 每一行表达式的配置 是 Array - -
onChange 配置项改变的回调事件

签名:
Function(dataSource: Array, changeValues : Array, index: Number, action: String) => void
参数:
dataSource: {Array} 所有配置项的值
changevalues: {Array} 当前修改的配置项的值
index: {Array} 当前修改的配置项的index
action:{string} 操作状态 add、delete、update		 - Function -
onChangeItem 配置项改变的回调事件(联动事件回调)

签名:
Function(path: String, value: Any, set: Function, setRow: Function, values: Array) => void
参数:
path: {String} 当前组件所在位置的路径
value: {Any} 当前组件的值
set: {Function} 设置组件状态方法,参数：path：要操作组件的路径
setRow: {Function} 设置行显隐方法,参数：groupIndex：组索引, CardID: 卡片索引, RowIndex: 组下行索引, isShow: true显示,false隐藏
values:当前组的值		 - Function - -
defaultAddRelation 新增条件组关系时的默认关系 - String 'and' 'and' 'or'
defaultAddFieldsValue 新增条件组关系时的默认值 - Object { relation: 'and', children: [{ key: 1 }] } -
ruleTreeProps RuleTree组件属性透传 - Object - -
components 注册组件 是 Object - -