List.js 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = void 0;
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  10. var React = _interopRequireWildcard(require("react"));
  11. var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
  12. var _FieldContext = _interopRequireDefault(require("./FieldContext"));
  13. var _Field = _interopRequireDefault(require("./Field"));
  14. var _valueUtil = require("./utils/valueUtil");
  15. var _ListContext = _interopRequireDefault(require("./ListContext"));
  16. function List(_ref) {
  17. var name = _ref.name,
  18. initialValue = _ref.initialValue,
  19. children = _ref.children,
  20. rules = _ref.rules,
  21. validateTrigger = _ref.validateTrigger,
  22. isListField = _ref.isListField;
  23. var context = React.useContext(_FieldContext.default);
  24. var wrapperListContext = React.useContext(_ListContext.default);
  25. var keyRef = React.useRef({
  26. keys: [],
  27. id: 0
  28. });
  29. var keyManager = keyRef.current;
  30. var prefixName = React.useMemo(function () {
  31. var parentPrefixName = (0, _valueUtil.getNamePath)(context.prefixName) || [];
  32. return [].concat((0, _toConsumableArray2.default)(parentPrefixName), (0, _toConsumableArray2.default)((0, _valueUtil.getNamePath)(name)));
  33. }, [context.prefixName, name]);
  34. var fieldContext = React.useMemo(function () {
  35. return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, context), {}, {
  36. prefixName: prefixName
  37. });
  38. }, [context, prefixName]);
  39. // List context
  40. var listContext = React.useMemo(function () {
  41. return {
  42. getKey: function getKey(namePath) {
  43. var len = prefixName.length;
  44. var pathName = namePath[len];
  45. return [keyManager.keys[pathName], namePath.slice(len + 1)];
  46. }
  47. };
  48. }, [prefixName]);
  49. // User should not pass `children` as other type.
  50. if (typeof children !== 'function') {
  51. (0, _warning.default)(false, 'Form.List only accepts function as children.');
  52. return null;
  53. }
  54. var shouldUpdate = function shouldUpdate(prevValue, nextValue, _ref2) {
  55. var source = _ref2.source;
  56. if (source === 'internal') {
  57. return false;
  58. }
  59. return prevValue !== nextValue;
  60. };
  61. return /*#__PURE__*/React.createElement(_ListContext.default.Provider, {
  62. value: listContext
  63. }, /*#__PURE__*/React.createElement(_FieldContext.default.Provider, {
  64. value: fieldContext
  65. }, /*#__PURE__*/React.createElement(_Field.default, {
  66. name: [],
  67. shouldUpdate: shouldUpdate,
  68. rules: rules,
  69. validateTrigger: validateTrigger,
  70. initialValue: initialValue,
  71. isList: true,
  72. isListField: isListField !== null && isListField !== void 0 ? isListField : !!wrapperListContext
  73. }, function (_ref3, meta) {
  74. var _ref3$value = _ref3.value,
  75. value = _ref3$value === void 0 ? [] : _ref3$value,
  76. onChange = _ref3.onChange;
  77. var getFieldValue = context.getFieldValue;
  78. var getNewValue = function getNewValue() {
  79. var values = getFieldValue(prefixName || []);
  80. return values || [];
  81. };
  82. /**
  83. * Always get latest value in case user update fields by `form` api.
  84. */
  85. var operations = {
  86. add: function add(defaultValue, index) {
  87. // Mapping keys
  88. var newValue = getNewValue();
  89. if (index >= 0 && index <= newValue.length) {
  90. keyManager.keys = [].concat((0, _toConsumableArray2.default)(keyManager.keys.slice(0, index)), [keyManager.id], (0, _toConsumableArray2.default)(keyManager.keys.slice(index)));
  91. onChange([].concat((0, _toConsumableArray2.default)(newValue.slice(0, index)), [defaultValue], (0, _toConsumableArray2.default)(newValue.slice(index))));
  92. } else {
  93. if (process.env.NODE_ENV !== 'production' && (index < 0 || index > newValue.length)) {
  94. (0, _warning.default)(false, 'The second parameter of the add function should be a valid positive number.');
  95. }
  96. keyManager.keys = [].concat((0, _toConsumableArray2.default)(keyManager.keys), [keyManager.id]);
  97. onChange([].concat((0, _toConsumableArray2.default)(newValue), [defaultValue]));
  98. }
  99. keyManager.id += 1;
  100. },
  101. remove: function remove(index) {
  102. var newValue = getNewValue();
  103. var indexSet = new Set(Array.isArray(index) ? index : [index]);
  104. if (indexSet.size <= 0) {
  105. return;
  106. }
  107. keyManager.keys = keyManager.keys.filter(function (_, keysIndex) {
  108. return !indexSet.has(keysIndex);
  109. });
  110. // Trigger store change
  111. onChange(newValue.filter(function (_, valueIndex) {
  112. return !indexSet.has(valueIndex);
  113. }));
  114. },
  115. move: function move(from, to) {
  116. if (from === to) {
  117. return;
  118. }
  119. var newValue = getNewValue();
  120. // Do not handle out of range
  121. if (from < 0 || from >= newValue.length || to < 0 || to >= newValue.length) {
  122. return;
  123. }
  124. keyManager.keys = (0, _valueUtil.move)(keyManager.keys, from, to);
  125. // Trigger store change
  126. onChange((0, _valueUtil.move)(newValue, from, to));
  127. }
  128. };
  129. var listValue = value || [];
  130. if (!Array.isArray(listValue)) {
  131. listValue = [];
  132. if (process.env.NODE_ENV !== 'production') {
  133. (0, _warning.default)(false, "Current value of '".concat(prefixName.join(' > '), "' is not an array type."));
  134. }
  135. }
  136. return children(listValue.map(function (__, index) {
  137. var key = keyManager.keys[index];
  138. if (key === undefined) {
  139. keyManager.keys[index] = keyManager.id;
  140. key = keyManager.keys[index];
  141. keyManager.id += 1;
  142. }
  143. return {
  144. name: index,
  145. key: key,
  146. isListField: true
  147. };
  148. }), operations, meta);
  149. })));
  150. }
  151. var _default = exports.default = List;