规则树

@aligov/gov-rule-tree

规则树组件，严重依赖于@alipay/tech-ui，源码版本：0.1.4。

API

RuleTree

该组件用于复杂规则场景。

| 参数 | 说明 | 类型 | 默认值 | | -------------------- | ------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ---------------------------------------------------------- | | value | 规则编辑器初始值，组件认为 value 不为 undefined 时代表初始值 | {relation: string; children: [...], [key: string]: any} | - | | onChange | 规则编辑器值变化回调， | (value: {relation: string; children: [...], [key: string]: any}) => void | - | | fields | 每一行表达式的配置 | {id: string; rules: Rule[]; element: ReactElement; render: (ctx) => ReactElement} | - | | disabled | 禁用模式/查看模式 | boolean | false | | rootRelations | 根节点下拉选择项 | {text: string, value: string}[] | [{text: 'And', value: 'and'}, {text: 'Or', value: 'or'}] | | relations | 非根节点下拉选择项 | {text: string, value: string}[] | [{text: 'And', value: 'and'}, {text: 'Or', value: 'or'}] | | cascades | 会产生级联的field id | string[] | - | | onCascade | 级联回调 | (ctx: {setValues, getValue}) => void | - | | canAddCondition | 是否可以添加条件 | (data: {level: number, ...}) => boolean | true | | canAddConditionGroup | 是否可以添加条件组 | (data: {level: number, ...}) => boolean | true | | children | 返回外部拖拽元素 | (dragItem: DragItem) => React.ReactFragment | - |

DragItem

| 参数 | 说明 | 类型 | 默认值 | | ------------ | ------------------ | -------------------------------- | ------ | | beginDrag | 开始拖拽时的回调 | (dragItem: DragItem) => void | - | | endDrop | 放置成功后的回调 | (dropProps: DropProps) => void | - | | type | 拖拽系统的共用标识 | string | - | | $$dragItem | 是否为外部拖拽元素 | boolean | true |

Field

| 参数 | 说明 | 类型 | 默认值 | | ------ | ------------------------------------------------------------------------------- | ---------------------------------------------- | ------ | | id | 一行表单元素中对应的单个表单元素 id | string | - | | render | 表单元素渲染 | (ctx: {setValues, getValue}) => ReactElement | - | | rules | 校验规则, 请参考 async-validator | Rule[] | - |

• setValues 支持 (string, any) => void 或 (Record<string, any>) => void
• getValue 支持 (string) => any