@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.7

package/es/ProTree/components/Tree.js

@@ -8,7 +8,6 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["checkedValues", "disabled", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "optionRender", "treeData", "showLine", "switcherIcon", "checkable", "menu", "innerExpandKeys", "selectedKey", "disabledMode", "isRadioSelect"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  *@Date: 2023-07-25 13:49:35
  * @LastEditTime: 2024-05-20 11:47:45
@@ -19,9 +18,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
-import SearchTitle from './SearchTitle';
-import { filterCheckedNodes, getParentKey } from '../utils';
-import locale from '../../locale';
+import SearchTitle from "./SearchTitle";
+import { filterCheckedNodes, getParentKey } from "../utils";
+import locale from "../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
 var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
 function List(props) {
@@ -45,7 +46,7 @@ function List(props) {
     _props$showLine = props.showLine,
     showLine = _props$showLine === void 0 ? true : _props$showLine,
     _props$switcherIcon = props.switcherIcon,
-    switcherIcon = _props$switcherIcon === void 0 ? _jsx(CaretDownOutlined, {}) : _props$switcherIcon,
+    switcherIcon = _props$switcherIcon === void 0 ? /*#__PURE__*/_jsx(CaretDownOutlined, {}) : _props$switcherIcon,
     _props$checkable = props.checkable,
     checkable = _props$checkable === void 0 ? false : _props$checkable,
     menu = props.menu,
@@ -69,31 +70,29 @@ function List(props) {
     currentClickTreeNode = _useSetState2$.currentClickTreeNode,
     handing = _useSetState2$.handing,
     setState = _useSetState2[1];
-  useEffect(function () {
+  useEffect(() => {
     if (searchStr) {
-      var newExpandedKeys = flatTreeData.map(function (item) {
+      var newExpandedKeys = flatTreeData.map(item => {
         var title = item[fieldNameValue] + item[fieldNameLabel];
         if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
           return getParentKey(item[fieldNameValue], originalTreeData, fieldNames);
         }
         return null;
-      }).filter(function (item, i, self) {
-        return item && self.indexOf(item) === i;
-      });
+      }).filter((item, i, self) => item && self.indexOf(item) === i);
       setState({
         expandedKeys: newExpandedKeys,
         autoExpandParent: true
       });
     }
   }, [searchStr]);
-  useEffect(function () {
+  useEffect(() => {
     if (innerExpandKeys) {
       setState({
         expandedKeys: innerExpandKeys
       });
     }
   }, [innerExpandKeys]);
-  useEffect(function () {
+  useEffect(() => {
     if (!checkable) {
       // 单选树，checkedValues为string，选中那个树节点
       setState({
@@ -101,7 +100,7 @@ function List(props) {
       });
     }
   }, [checkedValues]);
-  useEffect(function () {
+  useEffect(() => {
     // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
     if (checkable) {
       setState({
@@ -110,7 +109,7 @@ function List(props) {
     }
   }, [selectedKey]);
   var onSelect = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, item) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, item) {
       var _props$onSelect;
       var val;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -132,7 +131,7 @@ function List(props) {
               handing: true
             });
             _context.next = 7;
-            return props === null || props === void 0 ? void 0 : (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
+            return props === null || props === void 0 || (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
           case 7:
             setState({
               handing: false
@@ -147,7 +146,7 @@ function List(props) {
       return _ref.apply(this, arguments);
     };
   }();
-  var TreeNodeRow = function TreeNodeRow(props) {
+  var TreeNodeRow = props => {
     var nodeClass = props.nodeClass,
       item = props.item,
       index = props.index,
@@ -159,79 +158,79 @@ function List(props) {
       open = _useState2[0],
       setOpen = _useState2[1];
     var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item[fieldNameValue], item);
-    operateButton === null || operateButton === void 0 ? void 0 : operateButton.map(function (item, i) {
-      return _jsx(React.Fragment, {
+    operateButton === null || operateButton === void 0 || operateButton.map((item, i) => {
+      return /*#__PURE__*/_jsx(React.Fragment, {
         children: item
       }, i);
     });
-    var hide = function hide() {
+    var hide = () => {
       setOpen(false);
     };
-    var handleOpenChange = function handleOpenChange(newOpen) {
+    var handleOpenChange = newOpen => {
       setOpen(newOpen);
     };
-    var expandIcon = _jsx("span", {
+    var expandIcon = /*#__PURE__*/_jsx("span", {
       className: "icon-item",
-      children: _jsx("svg", {
+      children: /*#__PURE__*/_jsx("svg", {
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
         version: "1.1",
         className: "icon-item svg-icon-expand",
-        children: _jsx("g", {
+        children: /*#__PURE__*/_jsx("g", {
           id: "\u6811\u7ED3\u6784",
           stroke: "none",
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: _jsx("g", {
+          children: /*#__PURE__*/_jsx("g", {
             id: "\u6811\u7ED3\u6784\u4EA4\u4E92",
             transform: "translate(-2285.000000, -2413.000000)",
             fill: "currentColor",
-            children: _jsx("g", {
+            children: /*#__PURE__*/_jsx("g", {
               id: "\u6570\u636E\u5C55\u793A/\u6811\u5F62\u63A7\u4EF6/\u5E26\u8FDE\u63A5\u7EBF\u5907\u4EFD-3",
               transform: "translate(2065.000000, 2411.000000)",
-              children: _jsxs("g", {
+              children: /*#__PURE__*/_jsxs("g", {
                 id: "\u7F16\u7EC4-4",
                 transform: "translate(220.000000, 2.000000)",
-                children: [_jsxs("g", {
+                children: [/*#__PURE__*/_jsxs("g", {
                   id: "icon_more\u5907\u4EFD-9",
                   transform: "translate(7.000000, 3.000000)",
-                  children: [_jsx("rect", {
+                  children: [/*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62",
                     x: "0",
                     y: "0",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-3",
                     x: "0",
                     y: "4",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-4",
                     x: "0",
                     y: "8",
                     width: "2",
                     height: "2"
                   })]
-                }), _jsxs("g", {
+                }), /*#__PURE__*/_jsxs("g", {
                   id: "icon_more\u5907\u4EFD-9",
                   transform: "translate(7.000000, 3.000000)",
-                  children: [_jsx("rect", {
+                  children: [/*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62",
                     x: "0",
                     y: "0",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-3",
                     x: "0",
                     y: "4",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-4",
                     x: "0",
                     y: "8",
@@ -245,42 +244,42 @@ function List(props) {
         })
       })
     });
-    return _jsxs("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: nodeClass,
-      onClick: function onClick(e) {
+      onClick: e => {
         e.stopPropagation();
         onSelect(item === null || item === void 0 ? void 0 : item[fieldNameValue], {
           node: e === null || e === void 0 ? void 0 : e.target,
           event: e,
-          item: item,
+          item,
           selected: !isChecked
         });
       },
-      children: [tags && tags.length ? _jsx("div", {
+      children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
         className: "pro-tree-tree-node-tag",
         style: {
           backgroundColor: tagsBgColors[index],
           color: tagsColors[index]
         },
-        children: _jsx("span", {
+        children: /*#__PURE__*/_jsx("span", {
           children: tags[index]
         })
-      }) : null, _jsxs("div", {
+      }) : null, /*#__PURE__*/_jsxs("div", {
         className: "tree-node-show-text",
-        children: [_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "tree-node-show-text-label",
-          children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, _objectSpread({
+          children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, _objectSpread({
             label: title,
             searchStr: searchStr
           }, other))
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "operate-tree-node-btns",
-          onClick: function onClick(e) {
+          onClick: e => {
             e.stopPropagation();
           },
-          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? _jsx(_Popover, {
+          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/_jsx(_Popover, {
             overlayClassName: "pro-tree-operate-container",
-            content: _jsx("div", {
+            content: /*#__PURE__*/_jsx("div", {
               className: "pro-tree-operate-btn-popover",
               onClick: hide,
               children: operateButton
@@ -292,23 +291,23 @@ function List(props) {
             children: expandIcon
           }) : operateButton
         })]
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "brand-bg-opa-ten"
       })]
     }, onlyKey);
   };
   function fn() {
-    var _loop = function loop(data, index) {
+    var loop = (data, index) => {
       index++;
-      var treeRow = data.map(function (item) {
+      var treeRow = data.map(item => {
         var nodeClass = 'pro-tree-tree-node ';
         var isChecked = false;
         if (currentClickTreeNode === item[fieldNameValue]) {
           nodeClass += ' checked';
           isChecked = true;
         }
-        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-        var nodeTitle = _jsx(TreeNodeRow, {
+        var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+        var nodeTitle = /*#__PURE__*/_jsx(TreeNodeRow, {
           nodeClass: nodeClass,
           item: item,
           index: index,
@@ -320,7 +319,7 @@ function List(props) {
           return _objectSpread(_objectSpread({}, item), {}, {
             title: nodeTitle,
             key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
-            children: _loop(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -337,10 +336,10 @@ function List(props) {
     if (searchStr) {
       newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return _loop(newTreeData, -1);
+    return loop(newTreeData, -1);
   }
   var _treeData = fn();
-  var onExpand = function onExpand(newExpandedKeys, nextPara) {
+  var onExpand = (newExpandedKeys, nextPara) => {
     setState({
       expandedKeys: newExpandedKeys,
       autoExpandParent: false
@@ -354,9 +353,9 @@ function List(props) {
   if (expandedKeys) {
     additionProps.expandedKeys = expandedKeys;
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: (_treeData === null || _treeData === void 0 ? void 0 : _treeData.length) ? _jsx(_Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
+    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/_jsx(_Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
       disabled: disabled,
       style: {
         width: '100%'
@@ -373,9 +372,9 @@ function List(props) {
       checkable: checkable,
       onSelect: onSelect,
       blockNode: true
-    })) : _jsx("div", {
+    })) : /*#__PURE__*/_jsx("div", {
       className: "empty-tree",
-      children: locale === null || locale === void 0 ? void 0 : (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
+      children: locale === null || locale === void 0 || (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
     })
   });
 }

package/es/ProTree/components/index.js

@@ -1,5 +1,5 @@
-export { default as CloseIcon } from './CloseIcon';
+export { default as CloseIcon } from "./CloseIcon";
 // export { default as Trigger } from './Trigger';
-export { default as SearchTitle } from './SearchTitle';
-export { default as ListView } from './List';
-export { default as TreeView } from './Tree';
+export { default as SearchTitle } from "./SearchTitle";
+export { default as ListView } from "./List";
+export { default as TreeView } from "./Tree";

package/es/ProTree/index.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/anchor-is-valid */
 /*
  *@Date: 2023-07-11 16:07:12
@@ -7,9 +6,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *@Author: liudongliang
  *@Description: ProTree组件，集成了tree和treeSelect
  */
-import ProTree from './components/ProTree';
-import ProTreeSelect from './components/ProTreeSelect';
-var ProTreeHandle = function ProTreeHandle(props) {
+import ProTree from "./components/ProTree";
+import ProTreeSelect from "./components/ProTreeSelect";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProTreeHandle = props => {
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'tree' : _props$mode;
   if (mode === 'treeSelect') {
@@ -17,9 +17,9 @@ var ProTreeHandle = function ProTreeHandle(props) {
       treeCheckable: props === null || props === void 0 ? void 0 : props.checkable,
       treeCheckStrictly: props === null || props === void 0 ? void 0 : props.checkStrictly
     });
-    return _jsx(ProTreeSelect, _objectSpread({}, adaptorProps));
+    return /*#__PURE__*/_jsx(ProTreeSelect, _objectSpread({}, adaptorProps));
   }
-  return _jsx(ProTree, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(ProTree, _objectSpread(_objectSpread({}, props), {}, {
     checkedValues: props === null || props === void 0 ? void 0 : props.checkedKeys
   }));
 };

package/es/ProTree/utils.js

@@ -1,7 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/* eslint-disable no-restricted-syntax */
+
 /**
  * 树转成铺平的数组
  * @param originalTreeData
@@ -23,6 +23,7 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
   loop(originalTreeData);
   return dataList;
 }
+
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
@@ -43,6 +44,7 @@ export function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
+
 /**
  * 获取展开的key
  * @param key
@@ -50,28 +52,25 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-var _getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = (key, tree, fieldNames) => {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
     if (node[fieldNames.children]) {
-      if (node[fieldNames.children].some(function (item) {
-        return item[fieldNames.value] === key;
-      })) {
+      if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
         parentKey = node[fieldNames.value];
-      } else if (_getParentKey(key, node[fieldNames.children], fieldNames)) {
-        parentKey = _getParentKey(key, node[fieldNames.children], fieldNames);
+      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
+        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
       }
     }
   }
   return parentKey;
 };
-export { _getParentKey as getParentKey };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
   var result = [];
-  var _traverse = function traverse(node, parents) {
+  var traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
-      result.push.apply(result, [node].concat(_toConsumableArray(parents)));
+      result.push(node, ...parents);
       return true;
     }
     var children = node[fieldNames.children] || [];
@@ -80,7 +79,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var child = _step.value;
-        if (_traverse(child, [node].concat(_toConsumableArray(parents)))) {
+        if (traverse(child, [node, ...parents])) {
           return true;
         }
       }
@@ -96,7 +95,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var node = _step2.value;
-      _traverse(node, []);
+      traverse(node, []);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -105,6 +104,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   }
   return result;
 }
+
 /**
  * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
  * @param data
@@ -115,35 +115,40 @@ export function filterCheckedNodes(data, checkedKeys) {
   var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
   var result = [];
-  var _traverse2 = function traverse(node) {
+  var traverse = node => {
     var _node$fieldNames$chil3;
     var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
         var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(_traverse2).filter(Boolean)) || [];
-        return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
+        var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
+        return _objectSpread(_objectSpread({}, node), {}, {
+          [fieldNames.children]: _children
+        });
       }
     } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
       var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(_traverse2).filter(Boolean)) || [];
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
       return _objectSpread(_objectSpread({}, node), {}, {
         children: _children2
       });
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(_traverse2).filter(Boolean);
+    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, children));
+      return _objectSpread(_objectSpread({}, node), {}, {
+        [fieldNames.children]: children
+      });
     }
     return null;
   };
+
   // eslint-disable-next-line no-restricted-syntax
   var _iterator3 = _createForOfIteratorHelper(data),
     _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var node = _step3.value;
-      var filtered = _traverse2(node);
+      var filtered = traverse(node);
       if (filtered) {
         result.push(filtered);
       }
@@ -155,6 +160,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   }
   return result;
 }
+
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
@@ -165,7 +171,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   // 当为 tree 触发 onChck 此时就是 key 为 children
   if (type === 'treeCheck') {
     var _node$children;
-    node === null || node === void 0 ? void 0 : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (item) {
+    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(item => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -174,7 +180,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   } else {
     var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 ? void 0 : (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 ? void 0 : _node$fieldNames$chil4.forEach(function (item) {
+    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(item => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -182,6 +188,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
+
 /**
  * 如果默认全开展那么返回所有key，否则返回空[]
  * @param isExpand 是否全展开

package/es/ProTreeModal/components/Cascader.js

@@ -2,12 +2,14 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { useSetState } from 'ahooks';
 import classNames from 'classnames';
-import SearchTitle from './SearchTitle';
-var Cascader = function Cascader(props) {
+import SearchTitle from "./SearchTitle";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Cascader = props => {
   var _dataSource$, _dataSource$2, _state$options;
   var dataSource = props.dataSource,
     checkedValues = props.checkedValues,
@@ -21,69 +23,65 @@ var Cascader = function Cascader(props) {
   var fieldNameValue = fieldNames.value;
   var fieldNameChildren = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children';
   var _useSetState = useSetState({
-      category: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$[fieldNameValue],
-      options: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2[fieldNameChildren]
+      category: dataSource === null || dataSource === void 0 || (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$[fieldNameValue],
+      options: dataSource === null || dataSource === void 0 || (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2[fieldNameChildren]
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
-  useEffect(function () {
-    if (!state.category && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
+  useEffect(() => {
+    if (!state.category && dataSource !== null && dataSource !== void 0 && dataSource.length) {
       var _dataSource$3, _dataSource$4;
       setState({
-        category: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$3 = dataSource[0]) === null || _dataSource$3 === void 0 ? void 0 : _dataSource$3[fieldNameValue],
-        options: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$4 = dataSource[0]) === null || _dataSource$4 === void 0 ? void 0 : _dataSource$4[fieldNameChildren]
+        category: dataSource === null || dataSource === void 0 || (_dataSource$3 = dataSource[0]) === null || _dataSource$3 === void 0 ? void 0 : _dataSource$3[fieldNameValue],
+        options: dataSource === null || dataSource === void 0 || (_dataSource$4 = dataSource[0]) === null || _dataSource$4 === void 0 ? void 0 : _dataSource$4[fieldNameChildren]
       });
     }
   }, [dataSource]);
-  var handleClick = function handleClick(item) {
+  var handleClick = item => {
     setState({
       category: item[fieldNameValue],
       options: item[fieldNameChildren]
     });
   };
-  return _jsx(_Fragment, {
-    children: _jsxs("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal-cascader-flex",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-cascader-warp",
-        children: dataSource.map(function (item) {
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          return _jsx("div", {
-            onClick: function onClick() {
-              return handleClick(item);
-            },
+        children: dataSource.map(item => {
+          var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+          return /*#__PURE__*/_jsx("div", {
+            onClick: () => handleClick(item),
             className: classNames('pro-tree-modal-checkbox-content', 'pro-tree-modal-cascader-content', item[fieldNameValue] === state.category ? 'pro-tree-modal-check-cascader-content' : ''),
-            children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+            children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
               label: title,
               searchStr: searchStr
             })
           }, item[fieldNameValue]);
         })
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-cascader-warp",
-        children: _jsx(_Checkbox.Group, {
+        children: /*#__PURE__*/_jsx(_Checkbox.Group, {
           disabled: disabled,
           style: {
             width: '100%'
           },
           value: checkedValues,
-          children: state === null || state === void 0 ? void 0 : (_state$options = state.options) === null || _state$options === void 0 ? void 0 : _state$options.map(function (item) {
-            var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-            return _jsx("div", {
+          children: state === null || state === void 0 || (_state$options = state.options) === null || _state$options === void 0 ? void 0 : _state$options.map(item => {
+            var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+            return /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-checkbox-content pro-tree-modal-cascader-content",
-              children: item.checkable ? _jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+              children: item.checkable ? /*#__PURE__*/_jsx("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                   label: title,
                   searchStr: searchStr
                 })
-              }) : _jsx(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
-                onChange: function onChange(e) {
-                  return handleOnChange(e, item[fieldNameValue]);
-                },
+              }) : /*#__PURE__*/_jsx(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
+                onChange: e => handleOnChange(e, item[fieldNameValue]),
                 value: item[fieldNameValue],
-                children: _jsx("span", {
-                  children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                children: /*#__PURE__*/_jsx("span", {
+                  children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                     label: title,
                     searchStr: searchStr
                   })