@qsxy/element-plus-react 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/dist/Alert/Alert.d.ts +7 -0
  2. package/dist/Alert/Alert.js +98 -0
  3. package/dist/Alert/index.d.ts +2 -0
  4. package/dist/Alert/index.js +1 -0
  5. package/dist/Alert/typings.d.ts +45 -0
  6. package/dist/Alert/typings.js +1 -0
  7. package/dist/Card/Card.js +5 -3
  8. package/dist/Cascader/useCascader.d.ts +0 -14
  9. package/dist/Cascader/useCascader.js +33 -32
  10. package/dist/Checkbox/Checkbox.js +3 -2
  11. package/dist/ConfigProvider/ConfigProvider.js +2 -24
  12. package/dist/ConfigProvider/ConfigProviderContext.js +1 -1
  13. package/dist/ConfigProvider/typings.d.ts +1 -1
  14. package/dist/Container/Main.d.ts +1 -1
  15. package/dist/Container/typings.d.ts +1 -1
  16. package/dist/Dialog/Dialog.js +5 -12
  17. package/dist/Input/Input.js +68 -43
  18. package/dist/Input/TextArea.js +1 -1
  19. package/dist/Input/typings.d.ts +42 -1
  20. package/dist/Input/utils.d.ts +1 -0
  21. package/dist/Input/utils.js +5 -1
  22. package/dist/InputNumber/InputNumber.js +351 -141
  23. package/dist/InputNumber/typings.d.ts +15 -1
  24. package/dist/Loading/Loading.js +5 -2
  25. package/dist/Menu/Menu.js +25 -1
  26. package/dist/Menu/MenuItem.js +4 -2
  27. package/dist/Menu/SubMenu.js +2 -2
  28. package/dist/Menu/SubMenuCollapseTransition.js +14 -9
  29. package/dist/Menu/typings.d.ts +2 -1
  30. package/dist/Message/Message.js +51 -23
  31. package/dist/Message/index.js +8 -10
  32. package/dist/Message/typings.d.ts +8 -5
  33. package/dist/MessageBox/MessageBox.js +52 -30
  34. package/dist/MessageBox/index.d.ts +2 -1
  35. package/dist/MessageBox/index.js +4 -2
  36. package/dist/MessageBox/typings.d.ts +3 -0
  37. package/dist/Notification/Notification.js +26 -19
  38. package/dist/Select/SelectContext.d.ts +2 -1
  39. package/dist/Select/SelectContext.js +2 -1
  40. package/dist/Select/SelectCore.js +13 -7
  41. package/dist/Select/SelectDropdown.js +23 -15
  42. package/dist/Select/index.d.ts +1 -1
  43. package/dist/Select/typings.d.ts +13 -9
  44. package/dist/Select/useSelect.d.ts +13 -10
  45. package/dist/Select/useSelect.js +34 -26
  46. package/dist/Space/Space.d.ts +4 -0
  47. package/dist/Space/Space.js +128 -0
  48. package/dist/Space/SpaceItem.d.ts +7 -0
  49. package/dist/Space/SpaceItem.js +14 -0
  50. package/dist/Space/index.d.ts +3 -0
  51. package/dist/Space/index.js +2 -0
  52. package/dist/Space/typings.d.ts +26 -0
  53. package/dist/Space/typings.js +1 -0
  54. package/dist/Space/useSpace.d.ts +7 -0
  55. package/dist/Space/useSpace.js +104 -0
  56. package/dist/Statistic/Statistic.d.ts +4 -0
  57. package/dist/Statistic/Statistic.js +92 -0
  58. package/dist/Statistic/index.d.ts +2 -0
  59. package/dist/Statistic/index.js +1 -0
  60. package/dist/Statistic/typings.d.ts +28 -0
  61. package/dist/Statistic/typings.js +1 -0
  62. package/dist/Switch/Switch.js +2 -2
  63. package/dist/Table/Table.js +3 -0
  64. package/dist/Table/typings.d.ts +2 -0
  65. package/dist/Tag/typings.d.ts +1 -1
  66. package/dist/Text/Text.d.ts +4 -0
  67. package/dist/Text/Text.js +84 -0
  68. package/dist/Text/index.d.ts +2 -0
  69. package/dist/Text/index.js +1 -0
  70. package/dist/Text/typings.d.ts +15 -0
  71. package/dist/Text/typings.js +1 -0
  72. package/dist/Tree/CollapseTransition.d.ts +7 -0
  73. package/dist/Tree/CollapseTransition.js +60 -0
  74. package/dist/Tree/Tree.d.ts +3 -140
  75. package/dist/Tree/Tree.js +350 -77
  76. package/dist/Tree/TreeContext.d.ts +9 -0
  77. package/dist/Tree/TreeContext.js +14 -0
  78. package/dist/Tree/TreeNode.d.ts +5 -3
  79. package/dist/Tree/TreeNode.js +321 -331
  80. package/dist/Tree/TreeNodeContent.d.ts +9 -0
  81. package/dist/Tree/TreeNodeContent.js +22 -0
  82. package/dist/Tree/index.d.ts +3 -8
  83. package/dist/Tree/index.js +1 -4
  84. package/dist/Tree/model/node.d.ts +62 -0
  85. package/dist/Tree/model/node.js +601 -0
  86. package/dist/Tree/model/tree-store.d.ts +52 -0
  87. package/dist/Tree/model/tree-store.js +510 -0
  88. package/dist/Tree/model/useDragNode.d.ts +30 -0
  89. package/dist/Tree/model/useDragNode.js +293 -0
  90. package/dist/Tree/model/useKeydown.d.ts +0 -0
  91. package/dist/Tree/model/useKeydown.js +104 -0
  92. package/dist/Tree/model/useNodeExpandEventBroadcast.d.ts +15 -0
  93. package/dist/Tree/model/useNodeExpandEventBroadcast.js +54 -0
  94. package/dist/Tree/model/util.d.ts +7 -0
  95. package/dist/Tree/model/util.js +24 -0
  96. package/dist/Tree/typings.d.ts +225 -114
  97. package/dist/TreeSelect/TreeSelect.d.ts +2 -10
  98. package/dist/TreeSelect/TreeSelect.js +90 -566
  99. package/dist/TreeSelect/TreeSelectOption.d.ts +6 -0
  100. package/dist/TreeSelect/TreeSelectOption.js +62 -0
  101. package/dist/TreeSelect/cacheOptions.d.ts +9 -0
  102. package/dist/TreeSelect/cacheOptions.js +22 -0
  103. package/dist/TreeSelect/index.d.ts +0 -1
  104. package/dist/TreeSelect/typings.d.ts +11 -63
  105. package/dist/TreeSelect/useSelect.d.ts +125 -0
  106. package/dist/TreeSelect/useSelect.js +104 -0
  107. package/dist/TreeSelect/useTree.d.ts +130 -0
  108. package/dist/TreeSelect/useTree.js +285 -0
  109. package/dist/TreeSelect/utils.d.ts +10 -0
  110. package/dist/TreeSelect/utils.js +38 -0
  111. package/dist/Upload/UploadContent.js +2 -0
  112. package/dist/Upload/ajax.js +3 -0
  113. package/dist/Upload/typings.d.ts +4 -0
  114. package/dist/Util/aria.js +12 -12
  115. package/dist/Util/base.d.ts +5 -0
  116. package/dist/Util/base.js +140 -1
  117. package/dist/config/Constants.d.ts +3 -0
  118. package/dist/config/Constants.js +8 -0
  119. package/dist/hooks/index.d.ts +1 -0
  120. package/dist/hooks/index.js +1 -0
  121. package/dist/hooks/popperPropsUtils.js +1 -1
  122. package/dist/hooks/treePropsUtils.d.ts +3 -3
  123. package/dist/hooks/treePropsUtils.js +2 -2
  124. package/dist/hooks/useConfigProvider.d.ts +27 -0
  125. package/dist/hooks/useConfigProvider.js +78 -0
  126. package/dist/hooks/useResizeObserver.js +6 -6
  127. package/dist/index.css +1 -1
  128. package/dist/index.d.ts +18 -11
  129. package/dist/index.js +11 -5
  130. package/package.json +1 -1
  131. package/theme-chalk/alert.scss +115 -0
  132. package/theme-chalk/aside.scss +8 -8
  133. package/theme-chalk/button-group.scss +80 -80
  134. package/theme-chalk/button.scss +304 -304
  135. package/theme-chalk/calendar/date-table.scss +164 -164
  136. package/theme-chalk/checkbox.scss +34 -0
  137. package/theme-chalk/color/index.scss +20 -20
  138. package/theme-chalk/common/transition.scss +142 -142
  139. package/theme-chalk/container.scss +14 -14
  140. package/theme-chalk/dark/css-vars.scss +39 -39
  141. package/theme-chalk/dark/var.scss +225 -225
  142. package/theme-chalk/date-picker.scss +12 -12
  143. package/theme-chalk/drawer.scss +1 -0
  144. package/theme-chalk/footer.scss +12 -12
  145. package/theme-chalk/header.scss +12 -12
  146. package/theme-chalk/index.scss +4 -0
  147. package/theme-chalk/input/input-range.scss +2 -1
  148. package/theme-chalk/input/input.scss +439 -424
  149. package/theme-chalk/input-number.bak +172 -0
  150. package/theme-chalk/input-number.scss +192 -172
  151. package/theme-chalk/link.scss +87 -87
  152. package/theme-chalk/main.scss +14 -14
  153. package/theme-chalk/menu.scss +353 -353
  154. package/theme-chalk/message.scss +104 -178
  155. package/theme-chalk/mixins/_button.scss +224 -224
  156. package/theme-chalk/mixins/_col.scss +33 -33
  157. package/theme-chalk/mixins/_var.scss +67 -67
  158. package/theme-chalk/mixins/config.scss +5 -5
  159. package/theme-chalk/mixins/function.scss +99 -99
  160. package/theme-chalk/mixins/mixins.scss +240 -240
  161. package/theme-chalk/mixins/utils.scss +39 -39
  162. package/theme-chalk/notification.bak +156 -0
  163. package/theme-chalk/notification.scss +109 -156
  164. package/theme-chalk/popper.scss +104 -104
  165. package/theme-chalk/radio-button.scss +169 -169
  166. package/theme-chalk/select/index.scss +278 -272
  167. package/theme-chalk/space.scss +20 -0
  168. package/theme-chalk/statistic.scss +35 -0
  169. package/theme-chalk/switch.scss +300 -300
  170. package/theme-chalk/tag.scss +181 -181
  171. package/theme-chalk/text.scss +48 -0
  172. package/theme-chalk/transition.scss +34 -4
  173. package/theme-chalk/tree-select.scss +41 -25
  174. package/theme-chalk/tree.scss +136 -0
  175. package/theme-chalk/var.scss +83 -83
  176. package/dist/Input/Input.1.d.ts +0 -16
  177. package/dist/Input/Input.1.js +0 -376
  178. package/dist/Tree/DirectoryTree.d.ts +0 -15
  179. package/dist/Tree/DirectoryTree.js +0 -183
  180. package/dist/Tree/DropIndicator.d.ts +0 -8
  181. package/dist/Tree/DropIndicator.js +0 -34
  182. package/dist/Tree/Indent.d.ts +0 -9
  183. package/dist/Tree/Indent.js +0 -25
  184. package/dist/Tree/MotionTreeNode.d.ts +0 -14
  185. package/dist/Tree/MotionTreeNode.js +0 -125
  186. package/dist/Tree/NodeList.d.ts +0 -50
  187. package/dist/Tree/NodeList.js +0 -301
  188. package/dist/Tree/RCTree.d.ts +0 -248
  189. package/dist/Tree/RCTree.js +0 -1216
  190. package/dist/Tree/contextTypes.d.ts +0 -69
  191. package/dist/Tree/contextTypes.js +0 -9
  192. package/dist/Tree/typings.tsx--bak +0 -245
  193. package/dist/Tree/useUnmount.d.ts +0 -5
  194. package/dist/Tree/useUnmount.js +0 -34
  195. package/dist/Tree/util.d.ts +0 -51
  196. package/dist/Tree/util.js +0 -303
  197. package/dist/Tree/utils/conductUtil.d.ts +0 -17
  198. package/dist/Tree/utils/conductUtil.js +0 -209
  199. package/dist/Tree/utils/dictUtil.d.ts +0 -13
  200. package/dist/Tree/utils/dictUtil.js +0 -75
  201. package/dist/Tree/utils/diffUtil.d.ts +0 -7
  202. package/dist/Tree/utils/diffUtil.js +0 -48
  203. package/dist/Tree/utils/dropIndicator.d.ts +0 -11
  204. package/dist/Tree/utils/dropIndicator.js +0 -36
  205. package/dist/Tree/utils/iconUtil.d.ts +0 -5
  206. package/dist/Tree/utils/iconUtil.js +0 -62
  207. package/dist/Tree/utils/keyUtil.d.ts +0 -2
  208. package/dist/Tree/utils/keyUtil.js +0 -3
  209. package/dist/Tree/utils/motion.d.ts +0 -10
  210. package/dist/Tree/utils/motion.js +0 -54
  211. package/dist/Tree/utils/pickAttrs.d.ts +0 -11
  212. package/dist/Tree/utils/pickAttrs.js +0 -51
  213. package/dist/Tree/utils/treeUtil.d.ts +0 -86
  214. package/dist/Tree/utils/treeUtil.js +0 -364
  215. package/dist/TreeSelect/Utils.d.ts +0 -3
  216. package/dist/TreeSelect/Utils.js +0 -20
@@ -1,183 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
3
- _excluded2 = ["className", "showIcon", "expandAction"];
4
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
5
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
6
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
8
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
9
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
14
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
16
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
18
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
19
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
- import classNames from 'classnames';
23
- import * as React from 'react';
24
- import Icon from "../Icon/Icon";
25
- import Tree from "./Tree";
26
- import { conductExpandParent } from "./util";
27
- import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil";
28
- import { convertDataToEntities, convertTreeToData } from "./utils/treeUtil";
29
- function getIcon(props) {
30
- var isLeaf = props.isLeaf,
31
- expanded = props.expanded;
32
- if (isLeaf) {
33
- return /*#__PURE__*/React.createElement(Icon, {
34
- name: "file-lines",
35
- prefix: "far"
36
- });
37
- }
38
- return expanded ? /*#__PURE__*/React.createElement(Icon, {
39
- name: "folder-open",
40
- prefix: "far"
41
- }) : /*#__PURE__*/React.createElement(Icon, {
42
- name: "folder-closed",
43
- prefix: "fas"
44
- });
45
- }
46
- function getTreeData(_ref) {
47
- var treeData = _ref.treeData,
48
- children = _ref.children;
49
- return treeData || convertTreeToData(children);
50
- }
51
- var DirectoryTree = function DirectoryTree(_ref2, ref) {
52
- var defaultExpandAll = _ref2.defaultExpandAll,
53
- defaultExpandParent = _ref2.defaultExpandParent,
54
- defaultExpandedKeys = _ref2.defaultExpandedKeys,
55
- props = _objectWithoutProperties(_ref2, _excluded);
56
- // Shift click usage
57
- var lastSelectedKey = React.useRef(null);
58
- var cachedSelectedKeys = React.useRef(null);
59
- var getInitExpandedKeys = function getInitExpandedKeys() {
60
- var _convertDataToEntitie = convertDataToEntities(getTreeData(props)),
61
- keyEntities = _convertDataToEntitie.keyEntities;
62
- var initExpandedKeys;
63
-
64
- // Expanded keys
65
- if (defaultExpandAll) {
66
- initExpandedKeys = Object.keys(keyEntities);
67
- } else if (defaultExpandParent) {
68
- initExpandedKeys = conductExpandParent(props.expandedKeys || defaultExpandedKeys || [], keyEntities);
69
- } else {
70
- initExpandedKeys = props.expandedKeys || defaultExpandedKeys || [];
71
- }
72
- return initExpandedKeys;
73
- };
74
- var _React$useState = React.useState(props.selectedKeys || props.defaultSelectedKeys || []),
75
- _React$useState2 = _slicedToArray(_React$useState, 2),
76
- selectedKeys = _React$useState2[0],
77
- setSelectedKeys = _React$useState2[1];
78
- var _React$useState3 = React.useState(function () {
79
- return getInitExpandedKeys();
80
- }),
81
- _React$useState4 = _slicedToArray(_React$useState3, 2),
82
- expandedKeys = _React$useState4[0],
83
- setExpandedKeys = _React$useState4[1];
84
- React.useEffect(function () {
85
- if ('selectedKeys' in props) {
86
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
87
- setSelectedKeys(props.selectedKeys);
88
- }
89
- // eslint-disable-next-line react-hooks/exhaustive-deps
90
- }, [props.selectedKeys]);
91
- React.useEffect(function () {
92
- if ('expandedKeys' in props) {
93
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
94
- setExpandedKeys(props.expandedKeys);
95
- }
96
- // eslint-disable-next-line react-hooks/exhaustive-deps
97
- }, [props.expandedKeys]);
98
- var onExpand = function onExpand(keys, info) {
99
- var _props$onExpand;
100
- if (!('expandedKeys' in props)) {
101
- setExpandedKeys(keys);
102
- }
103
- // Call origin function
104
- return (_props$onExpand = props.onExpand) === null || _props$onExpand === void 0 ? void 0 : _props$onExpand.call(props, keys, info);
105
- };
106
- var onSelect = function onSelect(keys, event) {
107
- var _props$onSelect;
108
- var multiple = props.multiple,
109
- fieldNames = props.fieldNames;
110
- var node = event.node,
111
- nativeEvent = event.nativeEvent;
112
- var _node$key = node.key,
113
- key = _node$key === void 0 ? '' : _node$key;
114
- var treeData = getTreeData(props);
115
- // const newState: DirectoryTreeState = {};
116
-
117
- // We need wrap this event since some value is not same
118
- var newEvent = _objectSpread(_objectSpread({}, event), {}, {
119
- selected: true // Directory selected always true
120
- });
121
-
122
- // Windows / Mac single pick
123
- var ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey);
124
- var shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey;
125
-
126
- // Generate new selected keys
127
- var newSelectedKeys;
128
- if (multiple && ctrlPick) {
129
- // Control click
130
- newSelectedKeys = keys;
131
- lastSelectedKey.current = key;
132
- cachedSelectedKeys.current = newSelectedKeys;
133
- newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
134
- } else if (multiple && shiftPick) {
135
- // Shift click
136
- newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeys.current || []), _toConsumableArray(calcRangeKeys({
137
- treeData: treeData,
138
- expandedKeys: expandedKeys,
139
- startKey: key,
140
- endKey: lastSelectedKey.current,
141
- fieldNames: fieldNames
142
- })))));
143
- newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
144
- } else {
145
- // Single click
146
- newSelectedKeys = [key];
147
- lastSelectedKey.current = key;
148
- cachedSelectedKeys.current = newSelectedKeys;
149
- newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
150
- }
151
- (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 || _props$onSelect.call(props, newSelectedKeys, newEvent);
152
- if (!('selectedKeys' in props)) {
153
- setSelectedKeys(newSelectedKeys);
154
- }
155
- };
156
- var className = props.className,
157
- _props$showIcon = props.showIcon,
158
- showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
159
- _props$expandAction = props.expandAction,
160
- expandAction = _props$expandAction === void 0 ? 'click' : _props$expandAction,
161
- otherProps = _objectWithoutProperties(props, _excluded2);
162
- var prefixCls = 'el-tree';
163
- var connectClassName = classNames("".concat(prefixCls, "-directory"), className);
164
- return /*#__PURE__*/React.createElement(Tree, _extends({
165
- icon: getIcon,
166
- ref: ref,
167
- blockNode: true
168
- }, otherProps, {
169
- showIcon: showIcon,
170
- expandAction: expandAction,
171
- prefixCls: prefixCls,
172
- className: connectClassName,
173
- expandedKeys: expandedKeys,
174
- selectedKeys: selectedKeys,
175
- onSelect: onSelect,
176
- onExpand: onExpand
177
- }));
178
- };
179
- var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
180
- if (process.env.NODE_ENV !== 'production') {
181
- ForwardDirectoryTree.displayName = 'DirectoryTree';
182
- }
183
- export default ForwardDirectoryTree;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface DropIndicatorProps {
3
- dropPosition: -1 | 0 | 1;
4
- dropLevelOffset: number;
5
- indent: number;
6
- }
7
- declare const DropIndicator: React.FC<Readonly<DropIndicatorProps>>;
8
- export default DropIndicator;
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- var DropIndicator = function DropIndicator(props) {
3
- var dropPosition = props.dropPosition,
4
- dropLevelOffset = props.dropLevelOffset,
5
- indent = props.indent;
6
- var style = {
7
- pointerEvents: 'none',
8
- position: 'absolute',
9
- right: 0,
10
- backgroundColor: 'red',
11
- height: 2
12
- };
13
- switch (dropPosition) {
14
- case -1:
15
- style.top = 0;
16
- style.left = -dropLevelOffset * indent;
17
- break;
18
- case 1:
19
- style.bottom = 0;
20
- style.left = -dropLevelOffset * indent;
21
- break;
22
- case 0:
23
- style.bottom = 0;
24
- style.left = indent;
25
- break;
26
- }
27
- return /*#__PURE__*/React.createElement("div", {
28
- style: style
29
- });
30
- };
31
- if (process.env.NODE_ENV !== 'production') {
32
- DropIndicator.displayName = 'DropIndicator';
33
- }
34
- export default DropIndicator;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- interface IndentProps {
3
- prefixCls: string;
4
- level: number;
5
- isStart: boolean[];
6
- isEnd: boolean[];
7
- }
8
- declare const _default: React.NamedExoticComponent<IndentProps>;
9
- export default _default;
@@ -1,25 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- import classNames from 'classnames';
6
- import * as React from 'react';
7
- var Indent = function Indent(_ref) {
8
- var prefixCls = _ref.prefixCls,
9
- level = _ref.level,
10
- isStart = _ref.isStart,
11
- isEnd = _ref.isEnd;
12
- var baseClassName = "".concat(prefixCls, "-indent-unit");
13
- var list = [];
14
- for (var i = 0; i < level; i += 1) {
15
- list.push( /*#__PURE__*/React.createElement("span", {
16
- key: i,
17
- className: classNames(baseClassName, _defineProperty(_defineProperty({}, "".concat(baseClassName, "-start"), isStart[i]), "".concat(baseClassName, "-end"), isEnd[i]))
18
- }));
19
- }
20
- return /*#__PURE__*/React.createElement("span", {
21
- "aria-hidden": "true",
22
- className: "".concat(prefixCls, "-indent")
23
- }, list);
24
- };
25
- export default /*#__PURE__*/React.memo(Indent);
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import type { FlattenNode, TreeNodeProps } from './typings';
3
- import { type TreeNodeRequiredProps } from './utils/treeUtil';
4
- interface MotionTreeNodeProps extends Omit<TreeNodeProps, 'domRef'> {
5
- active: boolean;
6
- motion?: any;
7
- motionNodes?: FlattenNode[];
8
- onMotionStart: () => void;
9
- onMotionEnd: () => void;
10
- motionType?: 'show' | 'hide';
11
- treeNodeRequiredProps: TreeNodeRequiredProps;
12
- }
13
- declare const MotionTreeNode: React.ForwardRefExoticComponent<MotionTreeNodeProps & React.RefAttributes<HTMLDivElement>>;
14
- export default MotionTreeNode;
@@ -1,125 +0,0 @@
1
- var _excluded = ["className", "style", "motion", "motionNodes", "motionType", "onMotionStart", "onMotionEnd", "active", "treeNodeRequiredProps"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
4
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
8
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
9
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
11
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
12
- import classNames from 'classnames';
13
- import { useComposeRef } from 'rc-util';
14
- import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
15
- import * as React from 'react';
16
- import { useRef } from 'react';
17
- import Transition from "../Transition/Transition";
18
- import TreeNode from "./TreeNode";
19
- import { TreeContext } from "./contextTypes";
20
- import useUnmount from "./useUnmount";
21
- import { getTreeNodeProps } from "./utils/treeUtil";
22
- var MotionTreeNode = /*#__PURE__*/React.forwardRef(function (oriProps, ref) {
23
- var className = oriProps.className,
24
- style = oriProps.style,
25
- motion = oriProps.motion,
26
- motionNodes = oriProps.motionNodes,
27
- motionType = oriProps.motionType,
28
- onOriginMotionStart = oriProps.onMotionStart,
29
- onOriginMotionEnd = oriProps.onMotionEnd,
30
- active = oriProps.active,
31
- treeNodeRequiredProps = oriProps.treeNodeRequiredProps,
32
- props = _objectWithoutProperties(oriProps, _excluded);
33
- var _React$useState = React.useState(true),
34
- _React$useState2 = _slicedToArray(_React$useState, 2),
35
- visible = _React$useState2[0],
36
- setVisible = _React$useState2[1];
37
- var _React$useContext = React.useContext(TreeContext),
38
- prefixCls = _React$useContext.prefixCls;
39
-
40
- // Calculate target visible here.
41
- // And apply in effect to make `leave` motion work.
42
- var targetVisible = motionNodes && motionType !== 'hide';
43
- var motionedRef = useRef(false);
44
- var containerRef = useRef(null);
45
- var mergedRef = useComposeRef(ref, containerRef);
46
- var onMotionEnd = function onMotionEnd() {
47
- if (!motionedRef.current) {
48
- onOriginMotionEnd();
49
- }
50
- motionedRef.current = true;
51
- };
52
- useLayoutEffect(function () {
53
- if (motionNodes) {
54
- if (targetVisible !== visible) {
55
- setVisible(targetVisible);
56
- }
57
- }
58
- // eslint-disable-next-line react-hooks/exhaustive-deps
59
- }, [motionNodes]);
60
- var triggerMotionStart = function triggerMotionStart() {
61
- if (motionNodes) {
62
- onOriginMotionStart();
63
- }
64
- };
65
-
66
- // Should only trigger once
67
- var triggerMotionEndRef = React.useRef(false);
68
- var triggerMotionEnd = function triggerMotionEnd() {
69
- if (motionNodes && !triggerMotionEndRef.current) {
70
- triggerMotionEndRef.current = true;
71
- onOriginMotionEnd();
72
- }
73
- };
74
-
75
- // Effect if unmount
76
- useUnmount(triggerMotionStart, triggerMotionEnd);
77
-
78
- // Motion end event
79
- var onVisibleChanged = function onVisibleChanged(nextVisible) {
80
- if (targetVisible === nextVisible) {
81
- triggerMotionEnd();
82
- }
83
- };
84
- if (motionNodes) {
85
- return /*#__PURE__*/React.createElement(Transition, _extends({
86
- nodeRef: containerRef,
87
- visible: visible
88
- }, motion, {
89
- transitionAppear: motionType === 'show',
90
- afterEnter: onMotionEnd,
91
- afterLeave: onMotionEnd
92
- }), /*#__PURE__*/React.createElement("div", {
93
- ref: mergedRef,
94
- className: classNames("".concat(prefixCls, "-treenode-motion"), className),
95
- style: style
96
- }, motionNodes.map(function (treeNode) {
97
- var restProps = Object.assign({}, (_objectDestructuringEmpty(treeNode.data), treeNode.data)),
98
- title = treeNode.title,
99
- key = treeNode.key,
100
- isStart = treeNode.isStart,
101
- isEnd = treeNode.isEnd;
102
- delete restProps.children;
103
- var treeNodeProps = getTreeNodeProps(key, treeNodeRequiredProps);
104
- return /*#__PURE__*/React.createElement(TreeNode, _extends({}, restProps, treeNodeProps, {
105
- title: title,
106
- active: active,
107
- data: treeNode.data,
108
- key: key,
109
- isStart: isStart,
110
- isEnd: isEnd
111
- }));
112
- })));
113
- }
114
- return /*#__PURE__*/React.createElement(TreeNode, _extends({
115
- domRef: ref,
116
- className: className,
117
- style: style
118
- }, props, {
119
- active: active
120
- }));
121
- });
122
- if (process.env.NODE_ENV !== 'production') {
123
- MotionTreeNode.displayName = 'MotionTreeNode';
124
- }
125
- export default MotionTreeNode;
@@ -1,50 +0,0 @@
1
- /**
2
- * Handle virtual list of the TreeNodes.
3
- */
4
- import * as React from 'react';
5
- import type { BasicDataNode, DataEntity, DataNode, FlattenNode, Key, KeyEntities, ScrollTo } from './typings';
6
- export declare const MOTION_KEY: string;
7
- export declare const MotionEntity: DataEntity;
8
- export interface NodeListRef {
9
- scrollTo: ScrollTo;
10
- getIndentWidth: () => number;
11
- }
12
- interface NodeListProps<TreeDataType extends BasicDataNode> {
13
- prefixCls: string;
14
- style: React.CSSProperties;
15
- data: FlattenNode<TreeDataType>[];
16
- motion: any;
17
- focusable?: boolean;
18
- activeItem: FlattenNode<TreeDataType>;
19
- focused?: boolean;
20
- tabIndex: number;
21
- checkable?: boolean;
22
- selectable?: boolean;
23
- disabled?: boolean;
24
- expandedKeys: Key[];
25
- selectedKeys: Key[];
26
- checkedKeys: Key[];
27
- loadedKeys: Key[];
28
- loadingKeys: Key[];
29
- halfCheckedKeys: Key[];
30
- keyEntities: KeyEntities;
31
- dragging: boolean;
32
- dragOverNodeKey: Key;
33
- dropPosition: number;
34
- height: number;
35
- itemHeight: number;
36
- virtual?: boolean;
37
- scrollWidth?: number;
38
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
39
- onFocus?: React.FocusEventHandler<HTMLDivElement>;
40
- onBlur?: React.FocusEventHandler<HTMLDivElement>;
41
- onActiveChange: (key: Key) => void;
42
- onListChangeStart: () => void;
43
- onListChangeEnd: () => void;
44
- }
45
- /**
46
- * We only need get visible content items to play the animation.
47
- */
48
- export declare function getMinimumRangeTransitionRange(list: FlattenNode[], virtual: boolean, height: number, itemHeight: number): FlattenNode<DataNode>[];
49
- declare const NodeList: React.ForwardRefExoticComponent<NodeListProps<any> & React.RefAttributes<NodeListRef>>;
50
- export default NodeList;