@zat-design/sisyphus-react 3.13.18 → 3.13.19-beta.10

package/lib/ProTreeModal/index.js

@@ -12,17 +12,13 @@ require("antd/es/input/style");
 var _input = _interopRequireDefault(require("antd/es/input"));
 require("antd/es/checkbox/style");
 var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 require("antd/es/message/style");
 var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = require("../index");
@@ -32,10 +28,11 @@ var _index2 = require("../ProTable/components/RcTable/components/DraggableTable/
 var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
 var _locale = _interopRequireWildcard(require("../locale"));
 require("./style/index.less");
+var _jsxRuntime = require("react/jsx-runtime");
 var LIST = 'LIST';
 var TREE = 'TREE';
 var CASCADER = exports.CASCADER = 'CASCADER';
-var ProTreeModal = function ProTreeModal(props) {
+var ProTreeModal = props => {
   var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
   var _useProConfig = (0, _index.useProConfig)('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
@@ -50,7 +47,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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
+    title = _props$title === void 0 ? _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal = _locale.default.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,
@@ -75,9 +72,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,
@@ -94,6 +91,7 @@ var ProTreeModal = function ProTreeModal(props) {
       open: false,
       checkedValues: [],
       beforeClearAllValues: [],
+      // 点击清空全部并点击关闭、此时数据回显示不正确
       treeData: [],
       treeViewData: [],
       originalTreeData: [],
@@ -108,7 +106,7 @@ var ProTreeModal = function ProTreeModal(props) {
     setState = _useSetState2[1];
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
-    onSuccess: function onSuccess(res) {
+    onSuccess: res => {
       var _res$status = res.status,
         status = _res$status === void 0 ? 200 : _res$status,
         msg = res.message;
@@ -129,35 +127,35 @@ var ProTreeModal = function ProTreeModal(props) {
     },
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (dataSource && dataSource.length) {
       setState({
         treeData: dataSource,
-        originalTreeData: (0, _cloneDeep2.default)(dataSource),
+        originalTreeData: (0, _lodash.cloneDeep)(dataSource),
         flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
         allKeys: (0, _utils.getAllKeys)(dataSource, fieldNames)
       });
     } else if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       // transform dictEnum
-      if (transformResponse && (0, _isFunction2.default)(transformResponse)) {
+      if (transformResponse && (0, _lodash.isFunction)(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
       // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
         var _locale$ProTreeModal2;
-        console.error(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
+        console.error(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
         dictEnum = [];
       }
       setState({
         treeData: dictEnum,
-        originalTreeData: (0, _cloneDeep2.default)(dictEnum),
+        originalTreeData: (0, _lodash.cloneDeep)(dictEnum),
         flatTreeData: (0, _utils.getFlatTreeData)(dictEnum, fieldNames),
         allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames)
       });
     }
   }, [dataSource, enumCode]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (enumCode) {
       return undefined;
     }
@@ -174,12 +172,12 @@ var ProTreeModal = function ProTreeModal(props) {
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setState({
-      open: open
+      open
     });
   }, [open]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (value) {
       var checkedValues = [];
       var treeData = state.treeData,
@@ -188,9 +186,7 @@ var ProTreeModal = function ProTreeModal(props) {
       var treeViewData = [];
       if (allValue && typeof value === 'string' && allValue === value) {
         if (modeType === LIST) {
-          checkedValues = treeData.map(function (item) {
-            return item[fieldNameValue];
-          }) || [];
+          checkedValues = treeData.map(item => item[fieldNameValue]) || [];
         } else if (modeType === TREE) {
           checkedValues = allKeys;
         }
@@ -201,54 +197,49 @@ var ProTreeModal = function ProTreeModal(props) {
         }
         // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
         if (labelInValue) {
-          var isObjectArray = value.every(function (element) {
-            return (0, _typeof2.default)(element) === 'object' && element !== null;
-          });
+          var isObjectArray = value.every(element => typeof element === 'object' && element !== null);
           if (!isObjectArray) {
             console.error('Please enter an array object');
             checkedValues = [];
           }
-          checkedValues = value.map(function (item) {
-            return item[fieldNameValue];
-          });
+          checkedValues = value.map(item => item[fieldNameValue]);
         } else {
           checkedValues = value;
         }
       }
       treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
       setState({
-        checkedValues: checkedValues,
+        checkedValues,
         checkAll: checkedValues.length === allKeys.length,
-        treeViewData: treeViewData,
+        treeViewData,
         beforeClearAllValues: checkedValues
       });
     }
   }, [value, state.allKeys, state.open]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     var transformedTree = (0, _utils.addLevelAndParentId)(state.treeData, fieldNames);
     setState({
-      transformedTree: transformedTree
+      transformedTree
     });
   }, [state.treeData]);
-  var handleClick = function handleClick() {
+  var handleClick = () => {
     setState({
       open: true
     });
-    openChange === null || openChange === void 0 ? void 0 : openChange(true);
+    openChange === null || openChange === void 0 || openChange(true);
   };
+
   /**
    * close Drawer and onChange(values)
    */
-  var handleFinish = function handleFinish() {
+  var handleFinish = () => {
     // 全选的时候返回 allValue 标记即可
     // 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) {
-          return item[fieldNameValue];
-        }));
+        onChange === null || onChange === void 0 || onChange(state.flatTreeData.map(item => item[fieldNameValue]));
       }
     } else if (draggable && span) {
       var _listRef$current;
@@ -258,10 +249,8 @@ var ProTreeModal = function ProTreeModal(props) {
     } else {
       var values = [];
       if (labelInValue) {
-        state.checkedValues.forEach(function (val) {
-          var option = state.flatTreeData.find(function (item) {
-            return item[fieldNameValue] === val;
-          });
+        state.checkedValues.forEach(val => {
+          var option = state.flatTreeData.find(item => item[fieldNameValue] === val);
           option && values.push(option);
         });
       } else {
@@ -270,75 +259,69 @@ var ProTreeModal = function ProTreeModal(props) {
       if (min) {
         if (values.length < min) {
           var _locale$ProTreeModal3;
-          _message2.default.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
-            min: min
+          _message2.default.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+            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
    */
-  var handleClearAll = function handleClearAll() {
+  var handleClearAll = () => {
     var _state$flatTreeData$f;
     // 处理 ProTable 场景下 disabled 的不需要被清理
-    var _checkedValues = span ? (_state$flatTreeData$f = state.flatTreeData.filter(function (item) {
-      return item.disabled;
-    })) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(function (item) {
-      return item[fieldNameValue];
-    }) : [];
-    onChange === null || onChange === void 0 ? void 0 : onChange([]);
+    var _checkedValues = span ? (_state$flatTreeData$f = state.flatTreeData.filter(item => item.disabled)) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(item => item[fieldNameValue]) : [];
+    onChange === null || onChange === void 0 || onChange([]);
     setState({
       checkedValues: _checkedValues,
       beforeClearAllValues: state.checkedValues,
+      // 把清空全部之前的数据记录下
       treeViewData: [],
       checkAll: false
     });
   };
+
   /**
    * Drawer close
    */
-  var handleClose = function handleClose() {
+  var handleClose = () => {
     setState({
       open: false,
       checkedValues: state.beforeClearAllValues,
       beforeClearAllValues: []
     });
     // onChange?.(state.beforeClearAllValues);
-    openChange === null || openChange === void 0 ? void 0 : openChange(false);
+    openChange === null || openChange === void 0 || openChange(false);
   };
+
   /**
    * checkbox/list selected change values
    * @param values
    */
-  var handleListCheckChange = function handleListCheckChange(e, code) {
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
+  var handleListCheckChange = (e, code) => {
+    var checkedValues = [...state.checkedValues];
     var checked = e.target.checked;
     if (!checked) {
-      checkedValues = checkedValues.filter(function (value) {
-        return value !== code;
-      });
+      checkedValues = checkedValues.filter(value => value !== code);
     } else if (draggable && span) {
       // 固定在右侧的情况
-      var fixedOption = state.flatTreeData.find(function (item) {
-        return item.fixed === 'right';
-      }) || {};
-      var fixedIdx = checkedValues.findIndex(function (value) {
-        return value === fixedOption[fieldNameValue];
-      });
+      var fixedOption = state.flatTreeData.find(item => item.fixed === 'right') || {};
+      var fixedIdx = checkedValues.findIndex(value => value === fixedOption[fieldNameValue]);
       if (fixedIdx >= 0) {
         checkedValues.splice(fixedIdx, 0, code);
       } else {
@@ -350,57 +333,50 @@ var ProTreeModal = function ProTreeModal(props) {
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal4;
       _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
-        max: max
+        max
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
+        max
       }));
       return;
     }
     setState({
-      checkedValues: checkedValues,
+      checkedValues,
       checkAll: checkedValues.length === state.flatTreeData.length
     });
   };
-  var handleDragEndChange = function handleDragEndChange(checkedValues) {
+  var handleDragEndChange = checkedValues => {
     setState({
-      checkedValues: checkedValues
+      checkedValues
     });
   };
-  var onCheck = function onCheck(checkedKeys, info) {
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
+  var onCheck = (checkedKeys, info) => {
+    var checkedValues = [...state.checkedValues];
     var originalTreeData = state.originalTreeData;
+
     // 如果有检索则自管理
     if (state.searchStr) {
       var _transformTreeToArray;
       var node = info.node;
       // 从完整树中找到当前节点
-      var activeNode = (0, _index2.treeNodeFind)(state.transformedTree, function (t) {
-        return t[fieldNameValue] === node[fieldNameValue];
-      }, {
+      var activeNode = (0, _index2.treeNodeFind)(state.transformedTree, t => t[fieldNameValue] === node[fieldNameValue], {
         childrenKey: fieldNames.children
       });
       var allChildren = (_transformTreeToArray = (0, _index2.transformTreeToArray)([activeNode], {
         childrenKey: fieldNames.children
-      })) === null || _transformTreeToArray === void 0 ? void 0 : _transformTreeToArray.map(function (item) {
-        return item[fieldNameValue];
-      });
+      })) === null || _transformTreeToArray === void 0 ? void 0 : _transformTreeToArray.map(item => item[fieldNameValue]);
       // 子项合并勾选
       checkedValues = checkedValues.concat(allChildren);
       // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      var _recourse2 = function _recourse(findNode) {
+      var _recourse = findNode => {
         if (findNode.parentId) {
           var _transformTreeToArray2;
-          var parentNode = (0, _index2.treeNodeFind)(state.transformedTree, function (t) {
-            return t[fieldNameValue] === findNode.parentId;
-          }, {
+          var parentNode = (0, _index2.treeNodeFind)(state.transformedTree, t => t[fieldNameValue] === findNode.parentId, {
             childrenKey: fieldNames.children
           });
           var parentChildrenKeys = (_transformTreeToArray2 = (0, _index2.transformTreeToArray)([parentNode], {
             childrenKey: fieldNames.children
-          })) === null || _transformTreeToArray2 === void 0 ? void 0 : _transformTreeToArray2.map(function (item) {
-            return item[fieldNameValue];
-          });
-          var parentChildrenAllChecked = parentChildrenKeys.every(function (key) {
+          })) === null || _transformTreeToArray2 === void 0 ? void 0 : _transformTreeToArray2.map(item => item[fieldNameValue]);
+          var parentChildrenAllChecked = parentChildrenKeys.every(key => {
             return checkedValues.includes(key);
           });
           if (parentChildrenAllChecked) {
@@ -408,133 +384,120 @@ 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. 取消自身
       // 2. 把所有的子节点也要取消
       var childrenkeys = [];
       (0, _utils.getChildrenKeys)(info.node, childrenkeys, fieldNames, 'treeCheck');
-      checkedValues = checkedValues.filter(function (key) {
-        return !childrenkeys.includes(key);
-      });
+      checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
+
       // 3. 取消父节点
       var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, info.node.key, fieldNames);
-      var parentKeys = parentNodes.reduce(function (prev, curr) {
-        return prev.concat(curr[fieldNameValue]);
-      }, []);
-      checkedValues = checkedValues.filter(function (key) {
-        return !parentKeys.includes(key);
-      });
+      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNameValue]), []);
+      checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
     } else {
       // _checkStrictly 模式下取 checkedKeys.checked 或者自身的 key
       if (_checkStrictly) {
         if (!info.checked) {
-          checkedValues = checkedValues.filter(function (key) {
-            return key !== info.node.key;
-          });
+          checkedValues = checkedValues.filter(key => key !== info.node.key);
         }
         checkedKeys = checkedKeys.checked || [];
       }
-      checkedKeys.forEach(function (key) {
+      checkedKeys.forEach(key => {
         var exist = checkedValues.includes(key);
         if (info.checked && !exist) {
           checkedValues.push(key);
         }
       });
     }
+
     // 根据选中的筛选出 viewTreeData
     var treeViewData = [];
     if (!checkStrictly) {
       treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
     } else {
-      treeViewData = state.flatTreeData.filter(function (item) {
+      treeViewData = state.flatTreeData.filter(item => {
         return checkedValues.includes(item[fieldNameValue]);
       });
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal5;
       _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
-        max: max
+        max
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
+        max
       }));
       return;
     }
     setState({
-      checkedValues: checkedValues,
-      treeViewData: treeViewData,
+      checkedValues,
+      treeViewData,
       checkAll: state.allKeys.length === checkedValues.length
     });
   };
+
   /**
    * filter checkbox by fileNameValue
    * @param fileNameValue
    */
-  var handleFilterClose = function handleFilterClose(fileNameValue) {
+  var handleFilterClose = fileNameValue => {
     setState({
-      checkedValues: state.checkedValues.filter(function (value) {
-        return value !== fileNameValue;
-      }),
+      checkedValues: state.checkedValues.filter(value => value !== fileNameValue),
       checkAll: false
     });
   };
+
   /**
    * tree close
    * @param fileNamekey
    * @param node
    */
-  var treeFilterClose = function treeFilterClose(fileNamekey, node) {
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
+  var treeFilterClose = (fileNamekey, node) => {
+    var checkedValues = [...state.checkedValues];
     var treeViewData = [];
     var originalTreeData = state.originalTreeData;
     if (checkStrictly) {
-      checkedValues = checkedValues.filter(function (key) {
-        return key !== fileNamekey;
-      });
+      checkedValues = checkedValues.filter(key => key !== fileNamekey);
       // handleFilterClose
-      treeViewData = state.flatTreeData.filter(function (item) {
+      treeViewData = state.flatTreeData.filter(item => {
         return checkedValues.includes(item[fieldNameValue]);
       });
     } else {
       // 1. 取消自身
-      checkedValues = checkedValues.filter(function (key) {
-        return key !== fileNamekey;
-      });
+      checkedValues = checkedValues.filter(key => key !== fileNamekey);
       // 2. 把所有的子节点也要取消
       var childrenkeys = [];
       (0, _utils.getChildrenKeys)(node, childrenkeys, fieldNames, 'treeClose');
-      checkedValues = checkedValues.filter(function (key) {
-        return !childrenkeys.includes(key);
-      });
+      checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
+
       // 3. 取消父节点
       var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, fileNamekey, fieldNames);
-      var parentKeys = parentNodes.reduce(function (prev, curr) {
-        return prev.concat(curr[fieldNames.value]);
-      }, []);
-      checkedValues = checkedValues.filter(function (key) {
-        return !parentKeys.includes(key);
-      });
+      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNames.value]), []);
+      checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
+
       // 根据选中的筛选出 viewTreeData
       treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
     }
     setState({
-      checkedValues: checkedValues,
-      treeViewData: treeViewData,
+      checkedValues,
+      treeViewData,
       checkAll: false
     });
   };
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (str) {
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(str => {
       if (modeType === LIST || modeType === CASCADER) {
         var isCASCADER = modeType === CASCADER;
-        var data = state.flatTreeData.filter(function (item) {
+        var data = state.flatTreeData.filter(item => {
           var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
           return title.includes(str);
         });
@@ -546,47 +509,49 @@ var ProTreeModal = function ProTreeModal(props) {
       wait: 0
     }),
     onSearch = _useDebounceFn.run;
-  var handleSetSearchStr = function handleSetSearchStr(str) {
+  var handleSetSearchStr = str => {
     setState({
       searchStr: str
     });
     onSearch(str);
   };
+
   /**
    * 指定模式下的操作
    * @param appoint
    */
-  var appointChange = function appointChange(appoint) {
+  var 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>}
    * @returns
    */
-  var TriggerComponent = (0, _react.useMemo)(function () {
+  var TriggerComponent = (0, _react.useMemo)(() => {
     var _props$otherProps3;
     if (trigger && /*#__PURE__*/_react.default.isValidElement(trigger)) {
-      return (0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         onClick: handleClick,
         children: trigger
       });
     }
-    return (0, _jsxRuntime.jsx)(_components.Trigger, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Trigger, {
       checkedValues: state.checkedValues,
       value: value,
       checkAll: state.checkAll,
@@ -595,39 +560,34 @@ 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]);
+
   /**
    * 全选操作
    */
-  var handleAllCheck = function handleAllCheck(e) {
+  var handleAllCheck = e => {
     var checked = e.target.checked;
     var checkedValues = [];
     var treeViewData = [];
     if (modeType === LIST || modeType === CASCADER) {
       if (checked) {
-        checkedValues = state.flatTreeData.map(function (item) {
-          return item[fieldNameValue];
-        });
+        checkedValues = state.flatTreeData.map(item => item[fieldNameValue]);
       } else if (!checked && span) {
         // ProTable 场景下 disabled 不取消掉
-        checkedValues = state.flatTreeData.filter(function (item) {
-          return item.disabled;
-        }).map(function (item) {
-          return item[fieldNameValue];
-        });
+        checkedValues = state.flatTreeData.filter(item => item.disabled).map(item => item[fieldNameValue]);
       } else if (!checked) {
         checkedValues = [];
       }
     } else if (modeType === TREE) {
       checkedValues = checked ? state.allKeys : [];
       if (checkStrictly) {
-        treeViewData = (0, _toConsumableArray2.default)(state.flatTreeData);
+        treeViewData = [...state.flatTreeData];
       } else {
         treeViewData = (0, _utils.filterCheckedNodes)(state.originalTreeData, checkedValues, '', fieldNames);
       }
@@ -635,33 +595,34 @@ var ProTreeModal = function ProTreeModal(props) {
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal6;
       _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
-        max: max
+        max
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
+        max
       }));
       return;
     }
     setState({
-      checkedValues: checkedValues,
+      checkedValues,
       checkAll: checked,
-      treeViewData: treeViewData
+      treeViewData
     });
   };
+
   /**
    * 左侧容器、分为三种 list、tree、Cascader
    * @returns
    */
-  var renderContainer = function renderContainer() {
+  var renderContainer = () => {
     if (state.treeData.length === 0 && state.searchStr) {
       var _locale$ProTreeModal7;
-      return (0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal7 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
+        children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal7 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
       });
     }
     switch (modeType) {
       case LIST:
-        return (0, _jsxRuntime.jsx)(_components.ListView, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
           treeData: state.treeData,
           optionRender: optionRender,
           checkedValues: state.checkedValues,
@@ -673,7 +634,7 @@ var ProTreeModal = function ProTreeModal(props) {
           span: span
         });
       case TREE:
-        return (0, _jsxRuntime.jsx)(_components.TreeView, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TreeView, {
           treeData: state.transformedTree,
           originalTreeData: state.originalTreeData,
           flatTreeData: state.flatTreeData,
@@ -689,7 +650,7 @@ var ProTreeModal = function ProTreeModal(props) {
         });
       case CASCADER:
         if (state.searchStr && state.treeData.length) {
-          return (0, _jsxRuntime.jsx)(_components.ListView, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
             treeData: state.treeData,
             modeType: CASCADER,
             optionRender: optionRender,
@@ -701,7 +662,7 @@ var ProTreeModal = function ProTreeModal(props) {
             fieldNames: fieldNames
           });
         }
-        return (0, _jsxRuntime.jsx)(_components.Cascader, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Cascader, {
           dataSource: state.treeData,
           fieldNames: fieldNames,
           checkedValues: state.checkedValues,
@@ -714,34 +675,33 @@ var ProTreeModal = function ProTreeModal(props) {
         break;
     }
   };
-  var listTreeData = (0, _react.useMemo)(function () {
+  var listTreeData = (0, _react.useMemo)(() => {
     var checkListOptions = [];
-    state.checkedValues.forEach(function (key) {
-      var option = state.flatTreeData.find(function (item) {
-        return item[fieldNameValue] === key;
-      });
+    state.checkedValues.forEach(key => {
+      var option = state.flatTreeData.find(item => item[fieldNameValue] === key);
       if (option) {
         checkListOptions.push(option);
       }
     });
     return checkListOptions;
   }, [state.checkedValues, state.flatTreeData]);
+
   /**
    * 勾选后的右侧展示
    * @returns
    */
-  var renderView = function renderView() {
+  var renderView = () => {
     if (state.checkedValues.length === 0) {
       var _locale$ProTreeModal8;
-      return (0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal8 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
+        children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal8 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
       });
     }
     switch (modeType) {
       case LIST:
       case CASCADER:
-        return (0, _jsxRuntime.jsx)(_components.ListView, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ListView, {
           mode: "view",
           showCodeName: showCodeName,
           treeData: listTreeData,
@@ -756,7 +716,7 @@ var ProTreeModal = function ProTreeModal(props) {
           handleDragEndChange: handleDragEndChange
         });
       case TREE:
-        return (0, _jsxRuntime.jsx)(_components.TreeView, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TreeView, {
           mode: "view",
           checkStrictly: checkStrictly,
           showCodeName: showCodeName,
@@ -776,10 +736,10 @@ var ProTreeModal = function ProTreeModal(props) {
         break;
     }
   };
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-tree-modal",
-      children: [open === undefined && TriggerComponent, (0, _jsxRuntime.jsx)(_index.ProDrawerForm, {
+      children: [open === undefined && TriggerComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProDrawerForm, {
         onOk: handleFinish,
         onCancel: handleClose,
         okDisabled: disabled,
@@ -787,46 +747,44 @@ var ProTreeModal = function ProTreeModal(props) {
         title: title,
         showType: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? (0, _jsxRuntime.jsx)(_checkbox.default, {
+        extraLeft: allValue !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
-          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal9 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
+          children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal9 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
         }) : null,
-        children: (0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "pro-tree-modal-content",
-          children: [(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [(0, _jsxRuntime.jsx)(_input.default, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
+              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal10 = _locale.default.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: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+              onChange: e => handleSetSearchStr(e.target.value),
+              prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                 className: "pro-tree-modal-search-svg",
                 src: _inputSearch.default
               })
-            }), (0, _jsxRuntime.jsx)("div", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-tree-warp",
               children: renderContainer()
             })]
-          }), (0, _jsxRuntime.jsxs)("div", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box-view' : ''),
-            children: [(0, _jsxRuntime.jsxs)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "pro-tree-modal-box-header",
-              children: [(0, _jsxRuntime.jsxs)("span", {
-                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), (0, _jsxRuntime.jsx)(_button.default, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                children: [_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
+                children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
               })]
-            }), (0, _jsxRuntime.jsx)("div", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",
               children: renderView()
             })]