import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2"; import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray"; import * as React from 'react'; import warning from "rc-util/es/warning"; import FieldContext from "./FieldContext"; import Field from "./Field"; import { move as _move, getNamePath } from "./utils/valueUtil"; import ListContext from "./ListContext"; function List(_ref) { var name = _ref.name, initialValue = _ref.initialValue, children = _ref.children, rules = _ref.rules, validateTrigger = _ref.validateTrigger, isListField = _ref.isListField; var context = React.useContext(FieldContext); var wrapperListContext = React.useContext(ListContext); var keyRef = React.useRef({ keys: [], id: 0 }); var keyManager = keyRef.current; var prefixName = React.useMemo(function () { var parentPrefixName = getNamePath(context.prefixName) || []; return [].concat(_toConsumableArray(parentPrefixName), _toConsumableArray(getNamePath(name))); }, [context.prefixName, name]); var fieldContext = React.useMemo(function () { return _objectSpread(_objectSpread({}, context), {}, { prefixName: prefixName }); }, [context, prefixName]); // List context var listContext = React.useMemo(function () { return { getKey: function getKey(namePath) { var len = prefixName.length; var pathName = namePath[len]; return [keyManager.keys[pathName], namePath.slice(len + 1)]; } }; }, [prefixName]); // User should not pass `children` as other type. if (typeof children !== 'function') { warning(false, 'Form.List only accepts function as children.'); return null; } var shouldUpdate = function shouldUpdate(prevValue, nextValue, _ref2) { var source = _ref2.source; if (source === 'internal') { return false; } return prevValue !== nextValue; }; return /*#__PURE__*/React.createElement(ListContext.Provider, { value: listContext }, /*#__PURE__*/React.createElement(FieldContext.Provider, { value: fieldContext }, /*#__PURE__*/React.createElement(Field, { name: [], shouldUpdate: shouldUpdate, rules: rules, validateTrigger: validateTrigger, initialValue: initialValue, isList: true, isListField: isListField !== null && isListField !== void 0 ? isListField : !!wrapperListContext }, function (_ref3, meta) { var _ref3$value = _ref3.value, value = _ref3$value === void 0 ? [] : _ref3$value, onChange = _ref3.onChange; var getFieldValue = context.getFieldValue; var getNewValue = function getNewValue() { var values = getFieldValue(prefixName || []); return values || []; }; /** * Always get latest value in case user update fields by `form` api. */ var operations = { add: function add(defaultValue, index) { // Mapping keys var newValue = getNewValue(); if (index >= 0 && index <= newValue.length) { keyManager.keys = [].concat(_toConsumableArray(keyManager.keys.slice(0, index)), [keyManager.id], _toConsumableArray(keyManager.keys.slice(index))); onChange([].concat(_toConsumableArray(newValue.slice(0, index)), [defaultValue], _toConsumableArray(newValue.slice(index)))); } else { if (process.env.NODE_ENV !== 'production' && (index < 0 || index > newValue.length)) { warning(false, 'The second parameter of the add function should be a valid positive number.'); } keyManager.keys = [].concat(_toConsumableArray(keyManager.keys), [keyManager.id]); onChange([].concat(_toConsumableArray(newValue), [defaultValue])); } keyManager.id += 1; }, remove: function remove(index) { var newValue = getNewValue(); var indexSet = new Set(Array.isArray(index) ? index : [index]); if (indexSet.size <= 0) { return; } keyManager.keys = keyManager.keys.filter(function (_, keysIndex) { return !indexSet.has(keysIndex); }); // Trigger store change onChange(newValue.filter(function (_, valueIndex) { return !indexSet.has(valueIndex); })); }, move: function move(from, to) { if (from === to) { return; } var newValue = getNewValue(); // Do not handle out of range if (from < 0 || from >= newValue.length || to < 0 || to >= newValue.length) { return; } keyManager.keys = _move(keyManager.keys, from, to); // Trigger store change onChange(_move(newValue, from, to)); } }; var listValue = value || []; if (!Array.isArray(listValue)) { listValue = []; if (process.env.NODE_ENV !== 'production') { warning(false, "Current value of '".concat(prefixName.join(' > '), "' is not an array type.")); } } return children(listValue.map(function (__, index) { var key = keyManager.keys[index]; if (key === undefined) { keyManager.keys[index] = keyManager.id; key = keyManager.keys[index]; keyManager.id += 1; } return { name: index, key: key, isListField: true }; }), operations, meta); }))); } export default List;