ArrayItems items之间联动

[boyrest]

items可以相互联动吗？比如第一个item有个下拉选项选择了某个值，新添加的item的下拉框就不能选择这个值，目前尝试了很多，都不能实现

[janryWang]

dependencies:["..[+].name","..[-].name"] 可以取到下一行数据和上一行数据

[boyrest]

就是每一条的下拉值都要和别的所有的item值互斥

[janryWang]

对呀，你依赖的是当前行的上一行和下一行数据，就能求出互斥结果了，跟数学公式一样 n != n+1 && n != n-1

[LilianShi]

@boyrest 请问实现了吗？我也有这个需求，，但是没实现。。。

[markyun]

我也有这个需求，没法实现

[huos77]

我也有这个需求，没法实现

我也有。。请问有最佳实践吗

[bysking]

import {
  ArrayItems,
  DatePicker,
  Editable,
  FormButtonGroup,
  FormItem,
  Input,
  Radio,
  Select,
  Space,
  Submit,
} from '@formily/antd';
import { createForm, onFieldValueChange } from '@formily/core';
import { createSchemaField, FormProvider } from '@formily/react';

const SchemaField = createSchemaField({
  components: {
    FormItem,
    Editable,
    DatePicker,
    Space,
    Radio,
    Input,
    Select,
    ArrayItems,
  },
});

const form = createForm({
  initialValues: {
    string_array: ['1', '2'],
  },
  effects: () => {
    onFieldValueChange('string_array.*.input', (field, form) => {
      console.log('name changed:', field.value, form);
      const index = field.path.segments[1]; // 获取当前字段在数组中的索引
      const nextIndex = index + 1; // 获取下一个字段的索引
      form.setFieldState(`string_array.${nextIndex}.input`, (state) => {
        state.value = field.value;
      });
    });
  },
});

const schema = {
  type: 'object',
  properties: {
    string_array: {
      type: 'array',
      'x-component': 'ArrayItems',
      'x-decorator': 'FormItem',
      title: '字符串数组',
      items: {
        type: 'void',
        'x-component': 'Space',
        properties: {
          input: {
            type: 'string',
            'x-decorator': 'FormItem',
            'x-component': 'Input',
            'x-reaction': "{{ console.log('123') }}",
            title: 'input',
          },
        },
      },
      properties: {
        add: {
          type: 'void',
          title: '添加条目',
          'x-component': 'ArrayItems.Addition',
        },
      },
    },
  },
};

export default () => {
  return (
    <FormProvider form={form}>
      <SchemaField schema={schema} />
      <FormButtonGroup>
        <Submit onSubmit={console.log}>提交</Submit>
      </FormButtonGroup>
    </FormProvider>
  );
};

[bysking]

实现了第一个值变化后，影响下一个值