Skip to content

WetFormDependencys 数据联动

基本介绍

Form 中的数据联动非常常见,所以我们封装了一个组件来进行数据处理。

引入方法: `import { WetProForm } from '@wetspace/pro-components

WetFormDependencys 只需要配置 relyprops WetFormDependencys 会自动处理并且从表单中提取相应的值。

relyprops 参数必须要是一个数组,如果是嵌套的结构可以这样配置relyprops={['name', ['name2', 'text']]}。配置的 relyprops 的值会在 slot的scope作用域中传入。relyprops={['name', ['name2', 'text']]} 传入的 relyValues 的值 为 [any,any],假设依赖数据为obj,数组第一个成员代指的是依赖数据obj.name的值,数组的第二个成员是依赖数据obj.name2.text的值

值得注意的是,如果依赖项只有一个数据源,那么relyValues将直接是这个数据源的值

基本使用

属性

通用属性请参考WetProForm的配置

属性描述类型默许值
relyprops数据依赖项配置string[] | (string | string[])[]-
dependencyChange依赖数据发生变化DependencyChangeType-

插槽

名称说明类型
default默认渲染区域{relyprops:any|any[],setValue:(prop: string | string[], v: any) => void,getValue: (prop?: string | string[]) => void,parames:any}

类型参考

ts
type DependencyChangeType = (p:{
    relyValues: any|any[],
    setValue: (p: string | string[], v: any) => void,
    getValue: (prop?: string | string[]) => void,
}) =>(Partial<WetSchemaItemType> | void)

WetProElement