useExpand.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof3 = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = useExpand;
  8. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  9. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  10. var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  11. var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
  12. var React = _interopRequireWildcard(require("react"));
  13. var _constant = require("../constant");
  14. var _expandUtil = require("../utils/expandUtil");
  15. var _legacyUtil = require("../utils/legacyUtil");
  16. function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
  17. function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
  18. function useExpand(props, mergedData, getRowKey) {
  19. var expandableConfig = (0, _legacyUtil.getExpandableProps)(props);
  20. var expandIcon = expandableConfig.expandIcon,
  21. expandedRowKeys = expandableConfig.expandedRowKeys,
  22. defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
  23. defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
  24. expandedRowRender = expandableConfig.expandedRowRender,
  25. onExpand = expandableConfig.onExpand,
  26. onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
  27. childrenColumnName = expandableConfig.childrenColumnName;
  28. var mergedExpandIcon = expandIcon || _expandUtil.renderExpandIcon;
  29. var mergedChildrenColumnName = childrenColumnName || 'children';
  30. var expandableType = React.useMemo(function () {
  31. if (expandedRowRender) {
  32. return 'row';
  33. }
  34. /* eslint-disable no-underscore-dangle */
  35. /**
  36. * Fix https://github.com/ant-design/ant-design/issues/21154
  37. * This is a workaround to not to break current behavior.
  38. * We can remove follow code after final release.
  39. *
  40. * To other developer:
  41. * Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
  42. */
  43. if (props.expandable && props.internalHooks === _constant.INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
  44. return record && (0, _typeof2.default)(record) === 'object' && record[mergedChildrenColumnName];
  45. })) {
  46. return 'nest';
  47. }
  48. /* eslint-enable */
  49. return false;
  50. }, [!!expandedRowRender, mergedData]);
  51. var _React$useState = React.useState(function () {
  52. if (defaultExpandedRowKeys) {
  53. return defaultExpandedRowKeys;
  54. }
  55. if (defaultExpandAllRows) {
  56. return (0, _expandUtil.findAllChildrenKeys)(mergedData, getRowKey, mergedChildrenColumnName);
  57. }
  58. return [];
  59. }),
  60. _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
  61. innerExpandedKeys = _React$useState2[0],
  62. setInnerExpandedKeys = _React$useState2[1];
  63. var mergedExpandedKeys = React.useMemo(function () {
  64. return new Set(expandedRowKeys || innerExpandedKeys || []);
  65. }, [expandedRowKeys, innerExpandedKeys]);
  66. var onTriggerExpand = React.useCallback(function (record) {
  67. var key = getRowKey(record, mergedData.indexOf(record));
  68. var newExpandedKeys;
  69. var hasKey = mergedExpandedKeys.has(key);
  70. if (hasKey) {
  71. mergedExpandedKeys.delete(key);
  72. newExpandedKeys = (0, _toConsumableArray2.default)(mergedExpandedKeys);
  73. } else {
  74. newExpandedKeys = [].concat((0, _toConsumableArray2.default)(mergedExpandedKeys), [key]);
  75. }
  76. setInnerExpandedKeys(newExpandedKeys);
  77. if (onExpand) {
  78. onExpand(!hasKey, record);
  79. }
  80. if (onExpandedRowsChange) {
  81. onExpandedRowsChange(newExpandedKeys);
  82. }
  83. }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
  84. // Warning if use `expandedRowRender` and nest children in the same time
  85. if (process.env.NODE_ENV !== 'production' && expandedRowRender && mergedData.some(function (record) {
  86. return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName]);
  87. })) {
  88. (0, _warning.default)(false, '`expandedRowRender` should not use with nested Table');
  89. }
  90. return [expandableConfig, expandableType, mergedExpandedKeys, mergedExpandIcon, mergedChildrenColumnName, onTriggerExpand];
  91. }