@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.3

package/es/ProTreeModal/index.js

@@ -2,25 +2,26 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isFunction from "lodash/isFunction";
-import _cloneDeep from "lodash/cloneDeep";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useRef } from 'react';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc, useDebounceFn } from 'ahooks';
 import { Button, Checkbox, Input, message } from 'antd';
+import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import classNames from 'classnames';
-import { ProDrawerForm, useProConfig } from '../index';
-import { Trigger, ListView, TreeView, Cascader } from './components';
-import { getFlatTreeData, filterCheckedNodes, getChildrenKeys, findTreeNodeByKey, getAllKeys, transformMessage, addLevelAndParentId } from './utils';
-import { transformTreeToArray, treeNodeFind } from '../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index';
-import searchSVG from '../assets/input-search.svg';
-import locale, { formatMessage } from '../locale';
+import { ProDrawerForm, useProConfig } from "../index";
+import { Trigger, ListView, TreeView, Cascader } from "./components";
+import { getFlatTreeData, filterCheckedNodes, getChildrenKeys, findTreeNodeByKey, getAllKeys, transformMessage, addLevelAndParentId } from "./utils";
+import { transformTreeToArray, treeNodeFind } from "../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index";
+import searchSVG from "../assets/input-search.svg";
+import locale, { formatMessage } from "../locale";
+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 LIST = 'LIST';
 var TREE = 'TREE';
 export var CASCADER = 'CASCADER';
 var ProTreeModal = function ProTreeModal(props) {
-  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal0, _locale$ProTreeModal1, _locale$ProTreeModal10;
+  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
   var _useProConfig = useProConfig('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
@@ -34,7 +35,7 @@ var ProTreeModal = function ProTreeModal(props) {
     mode = _props$mode === void 0 ? 'tree' : _props$mode,
     enumCode = props.code,
     _props$title = props.title,
-    title = _props$title === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
+    title = _props$title === void 0 ? locale === null || locale === void 0 || (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
     useRequest = props.useRequest,
     _props$showCodeName = props.showCodeName,
     showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
@@ -59,9 +60,9 @@ var ProTreeModal = function ProTreeModal(props) {
       children: 'children'
     } : _props$fieldNames,
     _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? props.disabled || props.isView || (props === null || props === void 0 ? void 0 : (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.isView) || false : _props$disabled,
+    disabled = _props$disabled === void 0 ? props.disabled || props.isView || (props === null || props === void 0 || (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.isView) || false : _props$disabled,
     _props$isView = props.isView,
-    isView = _props$isView === void 0 ? props.isView || (props === null || props === void 0 ? void 0 : (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
+    isView = _props$isView === void 0 ? props.isView || (props === null || props === void 0 || (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
     transformResponse = props.transformResponse,
     optionRender = props.optionRender,
     openChange = props.openChange,
@@ -78,6 +79,7 @@ var ProTreeModal = function ProTreeModal(props) {
       open: false,
       checkedValues: [],
       beforeClearAllValues: [],
+      // 点击清空全部并点击关闭、此时数据回显示不正确
       treeData: [],
       treeViewData: [],
       originalTreeData: [],
@@ -117,25 +119,25 @@ var ProTreeModal = function ProTreeModal(props) {
     if (dataSource && dataSource.length) {
       setState({
         treeData: dataSource,
-        originalTreeData: _cloneDeep(dataSource),
+        originalTreeData: cloneDeep(dataSource),
         flatTreeData: getFlatTreeData(dataSource, fieldNames),
         allKeys: getAllKeys(dataSource, fieldNames)
       });
     } else if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       // transform dictEnum
-      if (transformResponse && _isFunction(transformResponse)) {
+      if (transformResponse && isFunction(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
       // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
         var _locale$ProTreeModal2;
-        console.error(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
+        console.error(locale === null || locale === void 0 || (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
         dictEnum = [];
       }
       setState({
         treeData: dictEnum,
-        originalTreeData: _cloneDeep(dictEnum),
+        originalTreeData: cloneDeep(dictEnum),
         flatTreeData: getFlatTreeData(dictEnum, fieldNames),
         allKeys: getAllKeys(dictEnum, fieldNames)
       });
@@ -218,8 +220,9 @@ var ProTreeModal = function ProTreeModal(props) {
     setState({
       open: true
     });
-    openChange === null || openChange === void 0 ? void 0 : openChange(true);
+    openChange === null || openChange === void 0 || openChange(true);
   };
+
   /**
    * close Drawer and onChange(values)
    */
@@ -228,9 +231,9 @@ var ProTreeModal = function ProTreeModal(props) {
     // 3.3.2 版本全选的时候返回所有值的合集 list
     if (allValue !== undefined && state.checkAll && !draggable) {
       if (labelInValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData);
+        onChange === null || onChange === void 0 || onChange(state.flatTreeData);
       } else {
-        onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData.map(function (item) {
+        onChange === null || onChange === void 0 || onChange(state.flatTreeData.map(function (item) {
           return item[fieldNameValue];
         }));
       }
@@ -254,25 +257,26 @@ var ProTreeModal = function ProTreeModal(props) {
       if (min) {
         if (values.length < min) {
           var _locale$ProTreeModal3;
-          message.error(formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+          message.error(formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
             min: min
           }));
           return;
         }
       }
-      onChange === null || onChange === void 0 ? void 0 : onChange(values);
+      onChange === null || onChange === void 0 || onChange(values);
     }
     // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
     if (!openChange || open === undefined) {
       setState({
         open: false
       });
-      openChange === null || openChange === void 0 ? void 0 : openChange(false);
+      openChange === null || openChange === void 0 || openChange(false);
     }
     if (openChange && open !== undefined) {
-      openChange === null || openChange === void 0 ? void 0 : openChange(true);
+      openChange === null || openChange === void 0 || openChange(true);
     }
   };
+
   /**
    * clear all checked
    */
@@ -287,10 +291,12 @@ var ProTreeModal = function ProTreeModal(props) {
     setState({
       checkedValues: _checkedValues,
       beforeClearAllValues: state.checkedValues,
+      // 把清空全部之前的数据记录下
       treeViewData: [],
       checkAll: false
     });
   };
+
   /**
    * Drawer close
    */
@@ -300,8 +306,9 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues: state.beforeClearAllValues,
       beforeClearAllValues: []
     });
-    openChange === null || openChange === void 0 ? void 0 : openChange(false);
+    openChange === null || openChange === void 0 || openChange(false);
   };
+
   /**
    * checkbox/list selected change values
    * @param values
@@ -333,7 +340,7 @@ var ProTreeModal = function ProTreeModal(props) {
       var _locale$ProTreeModal4;
       message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal4 = locale.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal4 = locale.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
         max: max
       }));
       return;
@@ -351,6 +358,7 @@ var ProTreeModal = function ProTreeModal(props) {
   var onCheck = function onCheck(checkedKeys, info) {
     var checkedValues = _toConsumableArray(state.checkedValues);
     var originalTreeData = state.originalTreeData;
+
     // 如果有检索则自管理
     if (state.searchStr) {
       var _transformTreeToArray;
@@ -369,7 +377,7 @@ var ProTreeModal = function ProTreeModal(props) {
       // 子项合并勾选
       checkedValues = checkedValues.concat(allChildren);
       // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      var _recourse2 = function _recourse(findNode) {
+      var _recourse = function _recourse(findNode) {
         if (findNode.parentId) {
           var _transformTreeToArray2;
           var parentNode = treeNodeFind(state.transformedTree, function (t) {
@@ -390,14 +398,15 @@ var ProTreeModal = function ProTreeModal(props) {
             checkedValues = checkedValues.concat([parentNode[fieldNameValue]]);
             // 继续向上查找
             if (parentNode.parentId) {
-              _recourse2(parentNode);
+              _recourse(parentNode);
             }
           }
         }
       };
-      _recourse2(activeNode);
+      _recourse(activeNode);
     }
     var _checkStrictly = state.searchStr ? true : checkStrictly;
+
     // 此时应该取消掉自身并包含它所有的子集
     if (!info.checked && !_checkStrictly) {
       // 1. 取消自身
@@ -407,6 +416,7 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues = checkedValues.filter(function (key) {
         return !childrenkeys.includes(key);
       });
+
       // 3. 取消父节点
       var parentNodes = findTreeNodeByKey(originalTreeData, info.node.key, fieldNames);
       var parentKeys = parentNodes.reduce(function (prev, curr) {
@@ -432,6 +442,7 @@ var ProTreeModal = function ProTreeModal(props) {
         }
       });
     }
+
     // 根据选中的筛选出 viewTreeData
     var treeViewData = [];
     if (!checkStrictly) {
@@ -445,7 +456,7 @@ var ProTreeModal = function ProTreeModal(props) {
       var _locale$ProTreeModal5;
       message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal5 = locale.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal5 = locale.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
         max: max
       }));
       return;
@@ -456,6 +467,7 @@ var ProTreeModal = function ProTreeModal(props) {
       checkAll: state.allKeys.length === checkedValues.length
     });
   };
+
   /**
    * filter checkbox by fileNameValue
    * @param fileNameValue
@@ -468,6 +480,7 @@ var ProTreeModal = function ProTreeModal(props) {
       checkAll: false
     });
   };
+
   /**
    * tree close
    * @param fileNamekey
@@ -496,6 +509,7 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues = checkedValues.filter(function (key) {
         return !childrenkeys.includes(key);
       });
+
       // 3. 取消父节点
       var parentNodes = findTreeNodeByKey(originalTreeData, fileNamekey, fieldNames);
       var parentKeys = parentNodes.reduce(function (prev, curr) {
@@ -504,6 +518,7 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues = checkedValues.filter(function (key) {
         return !parentKeys.includes(key);
       });
+
       // 根据选中的筛选出 viewTreeData
       treeViewData = filterCheckedNodes(originalTreeData, checkedValues, '', fieldNames);
     }
@@ -534,27 +549,29 @@ var ProTreeModal = function ProTreeModal(props) {
     });
     onSearch(str);
   };
+
   /**
    * 指定模式下的操作
    * @param appoint
    */
   var appointChange = function appointChange(appoint) {
     if (appoint) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(allValue);
+      onChange === null || onChange === void 0 || onChange(allValue);
       setState({
         checkAll: true
       });
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange([]);
+      onChange === null || onChange === void 0 || onChange([]);
       setState({
         checkAll: false,
         open: true
       });
       if (appoint) {
-        openChange === null || openChange === void 0 ? void 0 : openChange(true);
+        openChange === null || openChange === void 0 || openChange(true);
       }
     }
   };
+
   /**
    * Trigger the container opened by Drawer
    * default example and you can customize trigger={<Button>打开</Button>}
@@ -563,12 +580,12 @@ var ProTreeModal = function ProTreeModal(props) {
   var TriggerComponent = useMemo(function () {
     var _props$otherProps3;
     if (trigger && /*#__PURE__*/React.isValidElement(trigger)) {
-      return _jsx("div", {
+      return /*#__PURE__*/_jsx("div", {
         onClick: handleClick,
         children: trigger
       });
     }
-    return _jsx(Trigger, {
+    return /*#__PURE__*/_jsx(Trigger, {
       checkedValues: state.checkedValues,
       value: value,
       checkAll: state.checkAll,
@@ -577,13 +594,14 @@ var ProTreeModal = function ProTreeModal(props) {
       isView: isView,
       appoint: appoint,
       allValue: allValue,
-      label: props === null || props === void 0 ? void 0 : (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
+      label: props === null || props === void 0 || (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
       handleClick: handleClick,
       handleClearAll: handleClearAll,
       appointChange: appointChange,
       appointProps: appointProps
     });
   }, [state.checkedValues, state.checkAll, style, disabled, isView, value]);
+
   /**
    * 全选操作
    */
@@ -618,7 +636,7 @@ var ProTreeModal = function ProTreeModal(props) {
       var _locale$ProTreeModal6;
       message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal6 = locale.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal6 = locale.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
         max: max
       }));
       return;
@@ -629,6 +647,7 @@ var ProTreeModal = function ProTreeModal(props) {
       treeViewData: treeViewData
     });
   };
+
   /**
    * 左侧容器、分为三种 list、tree、Cascader
    * @returns
@@ -636,14 +655,14 @@ var ProTreeModal = function ProTreeModal(props) {
   var renderContainer = function renderContainer() {
     if (state.treeData.length === 0 && state.searchStr) {
       var _locale$ProTreeModal7;
-      return _jsx("div", {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal7 = locale.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
+        children: locale === null || locale === void 0 || (_locale$ProTreeModal7 = locale.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
       });
     }
     switch (modeType) {
       case LIST:
-        return _jsx(ListView, {
+        return /*#__PURE__*/_jsx(ListView, {
           treeData: state.treeData,
           optionRender: optionRender,
           checkedValues: state.checkedValues,
@@ -655,7 +674,7 @@ var ProTreeModal = function ProTreeModal(props) {
           span: span
         });
       case TREE:
-        return _jsx(TreeView, {
+        return /*#__PURE__*/_jsx(TreeView, {
           treeData: state.transformedTree,
           originalTreeData: state.originalTreeData,
           flatTreeData: state.flatTreeData,
@@ -671,7 +690,7 @@ var ProTreeModal = function ProTreeModal(props) {
         });
       case CASCADER:
         if (state.searchStr && state.treeData.length) {
-          return _jsx(ListView, {
+          return /*#__PURE__*/_jsx(ListView, {
             treeData: state.treeData,
             modeType: CASCADER,
             optionRender: optionRender,
@@ -683,7 +702,7 @@ var ProTreeModal = function ProTreeModal(props) {
             fieldNames: fieldNames
           });
         }
-        return _jsx(Cascader, {
+        return /*#__PURE__*/_jsx(Cascader, {
           dataSource: state.treeData,
           fieldNames: fieldNames,
           checkedValues: state.checkedValues,
@@ -708,6 +727,7 @@ var ProTreeModal = function ProTreeModal(props) {
     });
     return checkListOptions;
   }, [state.checkedValues, state.flatTreeData]);
+
   /**
    * 勾选后的右侧展示
    * @returns
@@ -715,15 +735,15 @@ var ProTreeModal = function ProTreeModal(props) {
   var renderView = function renderView() {
     if (state.checkedValues.length === 0) {
       var _locale$ProTreeModal8;
-      return _jsx("div", {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal8 = locale.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
+        children: locale === null || locale === void 0 || (_locale$ProTreeModal8 = locale.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
       });
     }
     switch (modeType) {
       case LIST:
       case CASCADER:
-        return _jsx(ListView, {
+        return /*#__PURE__*/_jsx(ListView, {
           mode: "view",
           showCodeName: showCodeName,
           treeData: listTreeData,
@@ -738,7 +758,7 @@ var ProTreeModal = function ProTreeModal(props) {
           handleDragEndChange: handleDragEndChange
         });
       case TREE:
-        return _jsx(TreeView, {
+        return /*#__PURE__*/_jsx(TreeView, {
           mode: "view",
           checkStrictly: checkStrictly,
           showCodeName: showCodeName,
@@ -758,10 +778,10 @@ var ProTreeModal = function ProTreeModal(props) {
         break;
     }
   };
-  return _jsx(_Fragment, {
-    children: _jsxs("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal",
-      children: [open === undefined && TriggerComponent, _jsx(ProDrawerForm, {
+      children: [open === undefined && TriggerComponent, /*#__PURE__*/_jsx(ProDrawerForm, {
         onOk: handleFinish,
         onCancel: handleClose,
         okDisabled: disabled,
@@ -769,46 +789,46 @@ var ProTreeModal = function ProTreeModal(props) {
         title: title,
         showType: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? _jsx(Checkbox, {
+        extraLeft: allValue !== undefined ? /*#__PURE__*/_jsx(Checkbox, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
-          children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal9 = locale.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
+          children: locale === null || locale === void 0 || (_locale$ProTreeModal9 = locale.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
         }) : null,
-        children: _jsxs("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "pro-tree-modal-content",
-          children: [_jsxs("div", {
+          children: [/*#__PURE__*/_jsxs("div", {
             className: classNames('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [_jsx(Input, {
+            children: [/*#__PURE__*/_jsx(Input, {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || (locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal0 = locale.ProTreeModal) === null || _locale$ProTreeModal0 === void 0 ? void 0 : _locale$ProTreeModal0.input),
+              placeholder: placeholder || (locale === null || locale === void 0 || (_locale$ProTreeModal10 = locale.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
               className: "pro-tree-modal-search",
               onChange: function onChange(e) {
                 return handleSetSearchStr(e.target.value);
               },
-              prefix: _jsx(ReactSVG, {
+              prefix: /*#__PURE__*/_jsx(ReactSVG, {
                 className: "pro-tree-modal-search-svg",
                 src: searchSVG
               })
-            }), _jsx("div", {
+            }), /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-tree-warp",
               children: renderContainer()
             })]
-          }), _jsxs("div", {
+          }), /*#__PURE__*/_jsxs("div", {
             className: classNames('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box-view' : ''),
-            children: [_jsxs("div", {
+            children: [/*#__PURE__*/_jsxs("div", {
               className: "pro-tree-modal-box-header",
-              children: [_jsxs("span", {
-                children: [locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal1 = locale.ProTreeModal) === null || _locale$ProTreeModal1 === void 0 ? void 0 : _locale$ProTreeModal1.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), _jsx(Button, {
+              children: [/*#__PURE__*/_jsxs("span", {
+                children: [locale === null || locale === void 0 || (_locale$ProTreeModal11 = locale.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+              }), /*#__PURE__*/_jsx(Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal10 = locale.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.clearAll
+                children: locale === null || locale === void 0 || (_locale$ProTreeModal12 = locale.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
               })]
-            }), _jsx("div", {
+            }), /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",
               children: renderView()
             })]

package/es/ProTreeModal/utils.js

@@ -30,6 +30,7 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
   loop(originalTreeData, '');
   return dataList;
 }
+
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
@@ -50,6 +51,7 @@ export function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
+
 /**
  * 获取展开的key
  * @param key
@@ -57,7 +59,7 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-var _getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = function getParentKey(key, tree, fieldNames) {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
@@ -66,17 +68,16 @@ var _getParentKey = function getParentKey(key, tree, fieldNames) {
         return 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 = function traverse(node, parents) {
     if (node[fieldNames.value] === key) {
       result.push.apply(result, [node].concat(_toConsumableArray(parents)));
       return true;
@@ -87,7 +88,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].concat(_toConsumableArray(parents)))) {
           return true;
         }
       }
@@ -103,7 +104,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);
@@ -112,6 +113,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   }
   return result;
 }
+
 /**
  * 根据所选的 checkedKeys 筛选出展示的 treeData
  * @param data
@@ -122,35 +124,36 @@ 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 = function 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)) || [];
+        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), {}, _defineProperty({}, fieldNames.children, _children));
       }
     } else if (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 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);
       }
@@ -162,6 +165,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   }
   return result;
 }
+
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
@@ -172,7 +176,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(function (item) {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -181,7 +185,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(function (item) {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -189,6 +193,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
+
 // 提示信息替换
 export var transformMessage = function transformMessage(obj, message) {
   var keys = Object.keys(obj);
@@ -198,7 +203,7 @@ export var transformMessage = function transformMessage(obj, message) {
   });
   return _message;
 };
-var _addLevelAndParentId = function addLevelAndParentId() {
+export var addLevelAndParentId = function addLevelAndParentId() {
   var tree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var fieldNames = arguments.length > 1 ? arguments[1] : undefined;
   var currentLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -212,9 +217,8 @@ var _addLevelAndParentId = function addLevelAndParentId() {
     newNode.level = currentLevel;
     newNode.parentId = currentParentId;
     if (node[children]) {
-      newNode[children] = _addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
+      newNode[children] = addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
     }
     return newNode;
   });
-};
-export { _addLevelAndParentId as addLevelAndParentId };
+};