列表组件里面无法使用主动联动更新

[fishedee]

import React from 'react';
import {
    Form,
    FormItem,
    NumberPicker,
    ArrayTable,
    Editable,
    Input,
    FormButtonGroup,
    Submit,
} from '@formily/antd';
import { createForm } from '@formily/core';
import { createSchemaField } from '@formily/react';

const SchemaField = createSchemaField({
    components: {
        FormItem,
        Editable,
        Input,
        NumberPicker,
        ArrayTable,
    },
});

const form = createForm();

export default () => {
    return (
        <Form form={form} layout="vertical">
            <SchemaField>
                <SchemaField.Array
                    name="projects"
                    title="Projects"
                    x-decorator="FormItem"
                    x-component="ArrayTable"
                >
                    <SchemaField.Object>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{
                                width: 50,
                                title: 'Sort',
                                align: 'center',
                            }}
                        >
                            <SchemaField.Void
                                x-decorator="FormItem"
                                x-component="ArrayTable.SortHandle"
                            />
                        </SchemaField.Void>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{
                                width: 80,
                                title: 'Index',
                                align: 'center',
                            }}
                        >
                            <SchemaField.String
                                x-decorator="FormItem"
                                x-component="ArrayTable.Index"
                            />
                        </SchemaField.Void>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{ title: 'Price' }}
                        >
                            <SchemaField.Number
                                name="price"
                                x-decorator="FormItem"
                                required
                                x-component="NumberPicker"
                                x-component-props={{}}
                                default={0}
                                x-reactions={{
                                    //FIXME，同级使用主动联动会失败
                                    target: '.count',
                                    fulfill: {
                                        state: {
                                            value: '{{$self.value}}',
                                        },
                                    },
                                }}
                            />
                        </SchemaField.Void>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{ title: 'Count' }}
                        >
                            <SchemaField.Number
                                name="count"
                                x-decorator="FormItem"
                                required
                                x-component="NumberPicker"
                                default={0}
                            />
                        </SchemaField.Void>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{ title: 'Total' }}
                        >
                            <SchemaField.Number
                                x-decorator="FormItem"
                                name="total"
                                x-component="NumberPicker"
                                x-pattern="readPretty"
                                x-component-props={{}}
                                x-reactions={{
                                    //拿出同级的price与count数据，取乘积
                                    dependencies: ['.price', '.count'],
                                    when: '{{$deps[0] && $deps[1]}}',
                                    fulfill: {
                                        state: {
                                            value: '{{$deps[0] * $deps[1]}}',
                                        },
                                    },
                                }}
                            />
                        </SchemaField.Void>
                        <SchemaField.Void
                            x-component="ArrayTable.Column"
                            x-component-props={{
                                title: 'Operations',
                                dataIndex: 'operations',
                                width: 200,
                                fixed: 'right',
                            }}
                        >
                            <SchemaField.Void x-component="FormItem">
                                <SchemaField.Void x-component="ArrayTable.Remove" />
                                <SchemaField.Void x-component="ArrayTable.MoveDown" />
                                <SchemaField.Void x-component="ArrayTable.MoveUp" />
                            </SchemaField.Void>
                        </SchemaField.Void>
                    </SchemaField.Object>
                    <SchemaField.Void
                        x-component="ArrayTable.Addition"
                        title="Add"
                    />
                </SchemaField.Array>
                <SchemaField.Number
                    name="total"
                    title="Total"
                    x-decorator="FormItem"
                    x-component="NumberPicker"
                    x-component-props={{
                        addonAfter: '$',
                    }}
                    x-pattern="readPretty"
                    x-reactions={{
                        //被动联动，拿出同级的.projects数据
                        dependencies: ['.projects'],
                        when: '{{$deps.length > 0}}',
                        fulfill: {
                            state: {
                                value:
                                    '{{$deps[0].reduce((total,item)=>item.total ? total+item.total : total,0)}}',
                            },
                        },
                    }}
                />
            </SchemaField>
            <FormButtonGroup>
                <Submit onSubmit={console.log}>提交</Submit>
            </FormButtonGroup>
        </Form>
    );
};

我希望在表格里面，当price变动的时候，使用主动联动更新count，但是发现不行。但是，使用被动联动更新却可以

[janryWang]

主动不支持相对路径

[fishedee]

非常感谢

[uujx]

列表里主动联动怎么获取index呢

[jasper-pan]

我也遇到这个问题，target里拿不到self的index

[JqhSdtz]

可以将target直接设置为空字符串，然后在run属性里通过js代码实现联动
{ target: '', fulfill: { run: ’{{$form.setValuesIn($self.path.pop().push('title'), (${findColumn})($form, $self.value)?.title)}}‘ } }