DirectoryTree.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. "use strict";
  2. "use client";
  3. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  4. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  5. Object.defineProperty(exports, "__esModule", {
  6. value: true
  7. });
  8. exports.default = void 0;
  9. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  10. var React = _interopRequireWildcard(require("react"));
  11. var _FileOutlined = _interopRequireDefault(require("@ant-design/icons/FileOutlined"));
  12. var _FolderOpenOutlined = _interopRequireDefault(require("@ant-design/icons/FolderOpenOutlined"));
  13. var _FolderOutlined = _interopRequireDefault(require("@ant-design/icons/FolderOutlined"));
  14. var _classnames = _interopRequireDefault(require("classnames"));
  15. var _util = require("rc-tree/lib/util");
  16. var _treeUtil = require("rc-tree/lib/utils/treeUtil");
  17. var _configProvider = require("../config-provider");
  18. var _Tree = _interopRequireDefault(require("./Tree"));
  19. var _dictUtil = require("./utils/dictUtil");
  20. var __rest = void 0 && (void 0).__rest || function (s, e) {
  21. var t = {};
  22. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  23. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  24. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  25. }
  26. return t;
  27. };
  28. function getIcon(props) {
  29. const {
  30. isLeaf,
  31. expanded
  32. } = props;
  33. if (isLeaf) {
  34. return /*#__PURE__*/React.createElement(_FileOutlined.default, null);
  35. }
  36. return expanded ? /*#__PURE__*/React.createElement(_FolderOpenOutlined.default, null) : /*#__PURE__*/React.createElement(_FolderOutlined.default, null);
  37. }
  38. function getTreeData({
  39. treeData,
  40. children
  41. }) {
  42. return treeData || (0, _treeUtil.convertTreeToData)(children);
  43. }
  44. const DirectoryTree = (_a, ref) => {
  45. var {
  46. defaultExpandAll,
  47. defaultExpandParent,
  48. defaultExpandedKeys
  49. } = _a,
  50. props = __rest(_a, ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"]);
  51. // Shift click usage
  52. const lastSelectedKey = React.useRef(null);
  53. const cachedSelectedKeys = React.useRef(null);
  54. const getInitExpandedKeys = () => {
  55. const {
  56. keyEntities
  57. } = (0, _treeUtil.convertDataToEntities)(getTreeData(props));
  58. let initExpandedKeys;
  59. // Expanded keys
  60. if (defaultExpandAll) {
  61. initExpandedKeys = Object.keys(keyEntities);
  62. } else if (defaultExpandParent) {
  63. initExpandedKeys = (0, _util.conductExpandParent)(props.expandedKeys || defaultExpandedKeys || [], keyEntities);
  64. } else {
  65. initExpandedKeys = props.expandedKeys || defaultExpandedKeys || [];
  66. }
  67. return initExpandedKeys;
  68. };
  69. const [selectedKeys, setSelectedKeys] = React.useState(props.selectedKeys || props.defaultSelectedKeys || []);
  70. const [expandedKeys, setExpandedKeys] = React.useState(() => getInitExpandedKeys());
  71. React.useEffect(() => {
  72. if ('selectedKeys' in props) {
  73. setSelectedKeys(props.selectedKeys);
  74. }
  75. }, [props.selectedKeys]);
  76. React.useEffect(() => {
  77. if ('expandedKeys' in props) {
  78. setExpandedKeys(props.expandedKeys);
  79. }
  80. }, [props.expandedKeys]);
  81. const onExpand = (keys, info) => {
  82. var _a;
  83. if (!('expandedKeys' in props)) {
  84. setExpandedKeys(keys);
  85. }
  86. // Call origin function
  87. return (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, keys, info);
  88. };
  89. const onSelect = (keys, event) => {
  90. var _a;
  91. const {
  92. multiple,
  93. fieldNames
  94. } = props;
  95. const {
  96. node,
  97. nativeEvent
  98. } = event;
  99. const {
  100. key = ''
  101. } = node;
  102. const treeData = getTreeData(props);
  103. // const newState: DirectoryTreeState = {};
  104. // We need wrap this event since some value is not same
  105. const newEvent = Object.assign(Object.assign({}, event), {
  106. selected: true
  107. });
  108. // Windows / Mac single pick
  109. const ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey);
  110. const shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey;
  111. // Generate new selected keys
  112. let newSelectedKeys;
  113. if (multiple && ctrlPick) {
  114. // Control click
  115. newSelectedKeys = keys;
  116. lastSelectedKey.current = key;
  117. cachedSelectedKeys.current = newSelectedKeys;
  118. newEvent.selectedNodes = (0, _dictUtil.convertDirectoryKeysToNodes)(treeData, newSelectedKeys, fieldNames);
  119. } else if (multiple && shiftPick) {
  120. // Shift click
  121. newSelectedKeys = Array.from(new Set([].concat((0, _toConsumableArray2.default)(cachedSelectedKeys.current || []), (0, _toConsumableArray2.default)((0, _dictUtil.calcRangeKeys)({
  122. treeData,
  123. expandedKeys,
  124. startKey: key,
  125. endKey: lastSelectedKey.current,
  126. fieldNames
  127. })))));
  128. newEvent.selectedNodes = (0, _dictUtil.convertDirectoryKeysToNodes)(treeData, newSelectedKeys, fieldNames);
  129. } else {
  130. // Single click
  131. newSelectedKeys = [key];
  132. lastSelectedKey.current = key;
  133. cachedSelectedKeys.current = newSelectedKeys;
  134. newEvent.selectedNodes = (0, _dictUtil.convertDirectoryKeysToNodes)(treeData, newSelectedKeys, fieldNames);
  135. }
  136. (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, newSelectedKeys, newEvent);
  137. if (!('selectedKeys' in props)) {
  138. setSelectedKeys(newSelectedKeys);
  139. }
  140. };
  141. const {
  142. getPrefixCls,
  143. direction
  144. } = React.useContext(_configProvider.ConfigContext);
  145. const {
  146. prefixCls: customizePrefixCls,
  147. className,
  148. showIcon = true,
  149. expandAction = 'click'
  150. } = props,
  151. otherProps = __rest(props, ["prefixCls", "className", "showIcon", "expandAction"]);
  152. const prefixCls = getPrefixCls('tree', customizePrefixCls);
  153. const connectClassName = (0, _classnames.default)(`${prefixCls}-directory`, {
  154. [`${prefixCls}-directory-rtl`]: direction === 'rtl'
  155. }, className);
  156. return /*#__PURE__*/React.createElement(_Tree.default, Object.assign({
  157. icon: getIcon,
  158. ref: ref,
  159. blockNode: true
  160. }, otherProps, {
  161. showIcon: showIcon,
  162. expandAction: expandAction,
  163. prefixCls: prefixCls,
  164. className: connectClassName,
  165. expandedKeys: expandedKeys,
  166. selectedKeys: selectedKeys,
  167. onSelect: onSelect,
  168. onExpand: onExpand
  169. }));
  170. };
  171. const ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
  172. if (process.env.NODE_ENV !== 'production') {
  173. ForwardDirectoryTree.displayName = 'DirectoryTree';
  174. }
  175. var _default = exports.default = ForwardDirectoryTree;