@chaoswise/ui 3.1.12 → 3.1.14
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.
- package/lib/CWTree/index.js +38 -20
- package/lib/CWTree/utils/index.js +1 -1
- package/package.json +1 -1
package/lib/CWTree/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
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); }
|
|
1
2
|
import _Dropdown from "@chaoswise/ui/lib/Dropdown";
|
|
2
3
|
import _Tooltip from "@chaoswise/ui/lib/Tooltip";
|
|
3
4
|
import _TooltipText from "@chaoswise/ui/lib/TooltipText";
|
|
@@ -6,6 +7,11 @@ import _Tree from "@chaoswise/ui/lib/Tree";
|
|
|
6
7
|
var _excluded = ["children", "treeData", "menuData", "extendType", "onClickMenu", "menuStyle", "menuRender", "extraFooter", "tooltipPlacement", "searchValue", "multiple", "selectedKeys", "defaultSelectedKeys", "onSelect", "searchHighlight", "draggable", "searchHighlightStyle", "className", "caseSensitive", "onExpand", "renderItem", "useTooltipText", "fieldNames"],
|
|
7
8
|
_excluded2 = ["key", "title", "children"],
|
|
8
9
|
_excluded3 = ["icon", "title", "key"];
|
|
10
|
+
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; }
|
|
11
|
+
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; }
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
14
|
+
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); }
|
|
9
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
10
16
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
11
17
|
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."); }
|
|
@@ -70,8 +76,7 @@ function CWTree(_ref) {
|
|
|
70
76
|
renderItem = _ref.renderItem,
|
|
71
77
|
_ref$useTooltipText = _ref.useTooltipText,
|
|
72
78
|
useTooltipText = _ref$useTooltipText === void 0 ? true : _ref$useTooltipText,
|
|
73
|
-
|
|
74
|
-
fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
|
|
79
|
+
fieldNames = _ref.fieldNames,
|
|
75
80
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
76
81
|
var _useConfigContext = useConfigContext(),
|
|
77
82
|
getPrefixCls = _useConfigContext.getPrefixCls;
|
|
@@ -320,30 +325,43 @@ function CWTree(_ref) {
|
|
|
320
325
|
var treeClassName = useMemo(function () {
|
|
321
326
|
return classnames("cw-tree", className);
|
|
322
327
|
}, [className]);
|
|
328
|
+
var hasChildren = useMemo(function () {
|
|
329
|
+
if (!children) return false;
|
|
330
|
+
return true;
|
|
331
|
+
}, [children]);
|
|
332
|
+
|
|
333
|
+
// 根据是否有children来决定渲染配置
|
|
334
|
+
var treeProps = useMemo(function () {
|
|
335
|
+
var baseProps = _objectSpread(_objectSpread(_objectSpread({
|
|
336
|
+
icon: null,
|
|
337
|
+
switcherIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
|
|
338
|
+
selectedKeys: selfSelectedKeys,
|
|
339
|
+
onSelect: selfOnSelect,
|
|
340
|
+
expandAction: false,
|
|
341
|
+
multiple: multiple,
|
|
342
|
+
className: treeClassName,
|
|
343
|
+
draggable: draggableConfig,
|
|
344
|
+
onExpand: handleExpand,
|
|
345
|
+
showIcon: true
|
|
346
|
+
}, expandedConfig), rest), {}, {
|
|
347
|
+
onMouseEnter: handleMouseEnter,
|
|
348
|
+
onMouseLeave: handleMouseLeave
|
|
349
|
+
});
|
|
350
|
+
|
|
351
|
+
// 当使用children时,不需要treeData和titleRender
|
|
352
|
+
// 当使用treeData时,需要添加数据处理和标题渲染
|
|
353
|
+
return hasChildren ? baseProps : _objectSpread(_objectSpread({}, baseProps), {}, {
|
|
354
|
+
treeData: processedTreeData,
|
|
355
|
+
titleRender: titleRender
|
|
356
|
+
});
|
|
357
|
+
}, [hasChildren, selfSelectedKeys, selfOnSelect, multiple, treeClassName, draggableConfig, handleExpand, handleMouseEnter, handleMouseLeave, expandedConfig, rest, processedTreeData, titleRender]);
|
|
323
358
|
return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
|
|
324
359
|
className: wrapperClassName
|
|
325
360
|
}, /*#__PURE__*/React.createElement("div", {
|
|
326
361
|
className: "cw-tree-inner-wrapper"
|
|
327
362
|
}, /*#__PURE__*/React.createElement("div", {
|
|
328
363
|
className: "cw-tree-location-box"
|
|
329
|
-
}, /*#__PURE__*/React.createElement(DirectoryTree,
|
|
330
|
-
icon: null,
|
|
331
|
-
switcherIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
|
|
332
|
-
selectedKeys: selfSelectedKeys,
|
|
333
|
-
onSelect: selfOnSelect,
|
|
334
|
-
expandAction: false,
|
|
335
|
-
multiple: multiple,
|
|
336
|
-
className: treeClassName,
|
|
337
|
-
draggable: draggableConfig,
|
|
338
|
-
onExpand: handleExpand
|
|
339
|
-
}, expandedConfig, {
|
|
340
|
-
showIcon: true,
|
|
341
|
-
treeData: processedTreeData,
|
|
342
|
-
titleRender: titleRender
|
|
343
|
-
}, rest, {
|
|
344
|
-
onMouseEnter: handleMouseEnter,
|
|
345
|
-
onMouseLeave: handleMouseLeave
|
|
346
|
-
}), children))), extraFooter && /*#__PURE__*/React.createElement("div", {
|
|
364
|
+
}, /*#__PURE__*/React.createElement(DirectoryTree, treeProps, children))), extraFooter && /*#__PURE__*/React.createElement("div", {
|
|
347
365
|
className: "cw-tree-footer"
|
|
348
366
|
}, extraFooter)));
|
|
349
367
|
}
|
|
@@ -127,7 +127,7 @@ export var processTreeData = function processTreeData(treeData) {
|
|
|
127
127
|
key: "key",
|
|
128
128
|
children: "children"
|
|
129
129
|
}, fieldNames);
|
|
130
|
-
if (!treeData
|
|
130
|
+
if (!treeData) {
|
|
131
131
|
return [];
|
|
132
132
|
}
|
|
133
133
|
var _processNodes = function processNodes(nodes) {
|