@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/es/ProTree/components/ProTreeSelect/index.js

@@ -1,15 +1,21 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/tree-select/style";
+import _TreeSelect from "antd/es/tree-select";
 var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
   _excluded2 = ["children"];
 /* eslint-disable react/no-danger */
 /* eslint-disable react/jsx-closing-tag-location */
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
-import { Input, TreeSelect, message, Tooltip } from 'antd';
 import classnames from 'classnames';
 import React, { useImperativeHandle, forwardRef, useCallback } from 'react';
 import { cloneDeep, debounce } from 'lodash';
@@ -19,8 +25,8 @@ import Container from "../../../ProForm/components/Container";
 import AdaptiveTooltip from "../AdaptiveTooltip";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var SHOW_PARENT = TreeSelect.SHOW_PARENT;
-export var ProTreeSelect = function ProTreeSelect(props, ref) {
+var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
+export var ProTreeSelect = (props, ref) => {
   var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$styles, _selectProps$styles2;
   // 全局属性配置在ConfigProvider
   var _ref = useProConfig('ProTreeSelect') || {},
@@ -102,14 +108,14 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @param dictsEnum 原始数据
    * @returns 平铺或者原始数据
    */
-  var countChild = function countChild(dictsEnum) {
+  var countChild = dictsEnum => {
     if (treeCheckable) {
       return dictsEnum;
     }
     var count = 0;
     var result = [];
-    var loopCount = function loopCount(data) {
-      data.map(function (item) {
+    var loopCount = data => {
+      data.map(item => {
         count += 1;
         var children = item.children,
           other = _objectWithoutProperties(item, _excluded2);
@@ -136,11 +142,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @param showCodeAndName 是否展示code-name
    * @returns 转换结果
    */
-  var transferDataSource = function transferDataSource(dataArr, showCodeAndName) {
+  var transferDataSource = (dataArr, showCodeAndName) => {
     var copyData = cloneDeep(dataArr);
-    var loop = function loop(arr) {
-      arr.map(function (item) {
-        item[label] = "".concat(item[code], "-").concat(item[label]);
+    var loop = arr => {
+      arr.map(item => {
+        item[label] = `${item[code]}-${item[label]}`;
         if (item.children) {
           loop(item.children);
         }
@@ -152,13 +158,13 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return copyData;
   };
-  var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
+  var defaultOnSuccessFun = res => {
     var _res$status = res.status,
       status = _res$status === void 0 ? 200 : _res$status,
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     var resultData = transferDataSource(data, showCodeName);
@@ -167,7 +173,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       origDataSource: resultData || []
     });
   };
-  var successTransformDataHandle = useCallback(function (res) {
+  var successTransformDataHandle = useCallback(res => {
     if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
@@ -177,7 +183,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       msg = _ref4.message,
       data = _ref4.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     return data;
@@ -187,7 +193,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
     manual: true,
     debounceWait: 300,
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
         var resultData = transferDataSource(responseData, showCodeName);
@@ -201,14 +207,12 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
   var cacheList = useRequest !== null && useRequest !== void 0 && (_useRequest$options = useRequest.options) !== null && _useRequest$options !== void 0 && _useRequest$options.cacheKey ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
-  useImperativeHandle(ref, function () {
-    return {
-      useRequestRef: fetchFunction
-    };
-  });
+  useImperativeHandle(ref, () => ({
+    useRequestRef: fetchFunction
+  }));
 
   // 设置cacheKey后使用缓存的数据
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var _useRequest$options2;
     if (fetchFunction !== null && fetchFunction !== void 0 && fetchFunction.data, useRequest !== null && useRequest !== void 0 && (_useRequest$options2 = useRequest.options) !== null && _useRequest$options2 !== void 0 && _useRequest$options2.cacheKey) {
       if (transformResponse && typeof transformResponse === 'function') {
@@ -223,7 +227,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       var resultData = transferDataSource(dictEnum, showCodeName);
@@ -239,7 +243,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
   }, [enumCode, dataSource]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     // code存在huo dataSource存在，不执行接口请求
     if (enumCode || dataSource) {
       return undefined;
@@ -264,7 +268,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   if (defaultDisableValue) {
     return /*#__PURE__*/_jsx("span", {
       title: defaultDisableValue,
-      children: /*#__PURE__*/_jsx(Input, {
+      children: /*#__PURE__*/_jsx(_Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
@@ -277,23 +281,21 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @param value 输入值
    * @returns 对应枚举label
    */
-  var transToLabel = function transToLabel(value) {
+  var transToLabel = value => {
     if (!Array.isArray(origDataSource) || !origDataSource.length) {
       return viewEmpty;
     }
     var labelResult = [];
-    var queryLabel = function queryLabel(dicts) {
-      return dicts.map(function (item) {
-        if (value.includes(item[code])) {
-          var labelText = item[label];
-          labelResult.push(labelText);
-        }
-        if (item.children) {
-          queryLabel(item.children);
-        }
-        return item;
-      });
-    };
+    var queryLabel = dicts => dicts.map(item => {
+      if (value.includes(item[code])) {
+        var labelText = item[label];
+        labelResult.push(labelText);
+      }
+      if (item.children) {
+        queryLabel(item.children);
+      }
+      return item;
+    });
     queryLabel(origDataSource);
     return labelResult === null || labelResult === void 0 ? void 0 : labelResult.join('，');
   };
@@ -312,7 +314,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       children: value ? transToLabel([value]) : null
     });
   }
-  var Icon = function Icon() {
+  var Icon = () => {
     return /*#__PURE__*/_jsx("svg", {
       className: "icon",
       viewBox: "0 0 1433 1024",
@@ -334,7 +336,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @param node 每个节点数据对象
    * @returns 整个react节点树
    */
-  var renderTreeNode = function renderTreeNode(node, grade) {
+  var renderTreeNode = (node, grade) => {
     var children = node.children,
       icon = node.icon;
     var labelText = node[label];
@@ -343,7 +345,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     // 三无走默认
     if (['undefined-undefined', 'undefined'].includes(labelText) && !value && !key) {
       if (showCodeName) {
-        labelText = "".concat(node === null || node === void 0 ? void 0 : node.value, "-").concat(node === null || node === void 0 ? void 0 : node.label);
+        labelText = `${node === null || node === void 0 ? void 0 : node.value}-${node === null || node === void 0 ? void 0 : node.label}`;
       } else {
         labelText = node === null || node === void 0 ? void 0 : node.label;
       }
@@ -357,7 +359,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     });
     var searchKey = '';
     if (showCodeName) {
-      searchKey = "".concat(value, "-").concat(labelText);
+      searchKey = `${value}-${labelText}`;
     } else {
       searchKey = labelText;
     }
@@ -383,27 +385,25 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
     if (!children) {
-      return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
+      return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
         value: value,
         title: title,
         label: searchKey,
         disabled: node.disabled,
         checkable: node.checkable,
         icon: icon,
-        className: "node-val-".concat(value)
+        className: `node-val-${value}`
       }, key);
     }
     var sonGrade = grade + 1;
-    return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
+    return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
       value: value,
       title: title,
       label: searchKey,
       disabled: node.disabled,
       checkable: node.checkable,
-      className: "node-val-".concat(value),
-      children: children.map(function (child) {
-        return renderTreeNode(child, sonGrade);
-      })
+      className: `node-val-${value}`,
+      children: children.map(child => renderTreeNode(child, sonGrade))
     }, key);
   };
 
@@ -430,7 +430,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         // @ts-ignore
         if (item[label].indexOf(keyWord) > -1 && (selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode) !== 'treeSelect') {
           var regExp = new RegExp(keyWord);
-          item[label] = item[label].replace(regExp, "<span class=\"highlight-search-text\">".concat(keyWord, "</span>"));
+          item[label] = item[label].replace(regExp, `<span class="highlight-search-text">${keyWord}</span>`);
         }
         currentAllNodeChild.push(item);
       }
@@ -494,7 +494,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if (nodeValue) {
       if (Array.isArray(nodeValue)) {
         result = [];
-        nodeValue.map(function (item) {
+        nodeValue.map(item => {
           var res = findTreeNode(treeList, item === null || item === void 0 ? void 0 : item.value);
           res && result.push(res);
           return item;
@@ -505,9 +505,9 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return result;
   }
-  var handleChange = function handleChange(newVal, label, extra) {
+  var handleChange = (newVal, label, extra) => {
     // newVal回来得一定是label、value
-    var _selectList = selectList.map(function (item) {
+    var _selectList = selectList.map(item => {
       var label = item.label;
       var _label = label;
       if (label) {
@@ -532,7 +532,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
    * @param e 事件源
    */
-  var nodeChangeEvent = function nodeChangeEvent(e) {
+  var nodeChangeEvent = e => {
     var el = e.target;
     var classStr = el.className;
     if (classStr && !treeCheckable && typeof classStr === 'string') {
@@ -550,13 +550,13 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
 
   // 如果单选情况下只有10条那么设置class控制样式
   var tenCountClass = '';
-  var countTen = function countTen(enums) {
+  var countTen = enums => {
     if (!enums) {
       return '';
     }
     var noneChild = true;
-    var loopCount = function loopCount(data) {
-      data.map(function (item) {
+    var loopCount = data => {
+      data.map(item => {
         var _item$children;
         if (item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
           noneChild = false;
@@ -568,25 +568,28 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     return noneChild ? 'ten-count-tree-node' : '';
   };
   tenCountClass = countTen(selectList);
-  var cls = classnames(_defineProperty({
-    'pro-tree-select': true
-  }, "".concat(className), className));
-  var innerClass = treeCheckable ? 'checkable-tree pro' : "".concat(tenCountClass, " signal-tree");
-  var dropDownClassName = classnames(_defineProperty(_defineProperty({
-    'pro-tree-select-drop-down-container': true
-  }, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
+  var cls = classnames({
+    'pro-tree-select': true,
+    [`${className}`]: className
+  });
+  var innerClass = treeCheckable ? 'checkable-tree pro' : `${tenCountClass} signal-tree`;
+  var dropDownClassName = classnames({
+    'pro-tree-select-drop-down-container': true,
+    [`${innerClass}`]: true,
+    [`${popupClassName}`]: popupClassName
+  });
   var treeProps = _objectSpread(_objectSpread({
-    disabled: disabled,
-    showSearch: showSearch,
+    disabled,
+    showSearch,
     // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
     // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
-    treeCheckable: treeCheckable,
+    treeCheckable,
     // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
     // 选择后的值只显示父级
-    value: value,
+    value,
     onChange: handleChange,
     listHeight: listHeight || 320,
     style: _objectSpread({
@@ -594,7 +597,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }, style),
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
-    treeNodeFilterProp: treeNodeFilterProp,
+    treeNodeFilterProp,
     virtual: true,
     treeCheckStrictly: checkStrictly
   }, selectProps), {}, {
@@ -620,15 +623,15 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   return /*#__PURE__*/_jsx("div", {
     onClick: nodeChangeEvent,
     className: cls,
-    children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(_TreeSelect, _objectSpread(_objectSpread({
       placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
-      maxTagPlaceholder: function maxTagPlaceholder(rest) {
-        var _rest = rest.map(function (tag) {
+      maxTagPlaceholder: rest => {
+        var _rest = rest.map(tag => {
           var _tag$label, _tag$label2, _tag$label3;
           return (tag !== null && tag !== void 0 && (_tag$label = tag.label) !== null && _tag$label !== void 0 && (_tag$label = _tag$label.props) !== null && _tag$label !== void 0 && _tag$label.children ? tag === null || tag === void 0 || (_tag$label2 = tag.label) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.children) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.dangerouslySetInnerHTML) === null || _tag$label2 === void 0 ? void 0 : _tag$label2.__html : tag === null || tag === void 0 || (_tag$label3 = tag.label) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.props) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.dangerouslySetInnerHTML) === null || _tag$label3 === void 0 ? void 0 : _tag$label3.__html) || tag.label;
         });
         var _str = _rest.join('、');
-        return /*#__PURE__*/_jsx(Tooltip, {
+        return /*#__PURE__*/_jsx(_Tooltip, {
           title: /*#__PURE__*/_jsx("div", {
             children: _str
           }),
@@ -638,9 +641,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         });
       }
     }, treeProps), {}, {
-      children: selectList.map(function (node) {
-        return renderTreeNode(node, 1);
-      })
+      children: selectList.map(node => renderTreeNode(node, 1))
     }))
   });
 };

package/es/ProTree/components/Tree.js

@@ -1,3 +1,7 @@
+import "antd/es/tree/style";
+import _Tree from "antd/es/tree";
+import "antd/es/popover/style";
+import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
@@ -6,7 +10,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["checkedValues", "disabled", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "optionRender", "treeData", "showLine", "switcherIcon", "checkable", "menu", "innerExpandKeys", "selectedKey", "disabledMode", "isRadioSelect"];
 /* eslint-disable no-plusplus */
 import React, { useEffect, useState } from 'react';
-import { Tree, Popover } from 'antd';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import SearchTitle from "./SearchTitle";
@@ -61,31 +64,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({
@@ -93,7 +94,7 @@ function List(props) {
       });
     }
   }, [checkedValues]);
-  useEffect(function () {
+  useEffect(() => {
     // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
     if (checkable) {
       setState({
@@ -139,7 +140,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,
@@ -151,15 +152,15 @@ 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 || operateButton.map(function (item, i) {
+    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 = /*#__PURE__*/_jsx("span", {
@@ -239,12 +240,12 @@ function List(props) {
     });
     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
         });
       },
@@ -267,10 +268,10 @@ function List(props) {
           }, other))
         }), /*#__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 ? /*#__PURE__*/_jsx(Popover, {
+          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/_jsx(_Popover, {
             classNames: {
               root: 'pro-tree-operate-container'
             },
@@ -292,16 +293,16 @@ function List(props) {
     }, 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 title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
         var nodeTitle = /*#__PURE__*/_jsx(TreeNodeRow, {
           nodeClass: nodeClass,
           item: item,
@@ -334,7 +335,7 @@ function List(props) {
     return loop(newTreeData, -1);
   }
   var _treeData = fn();
-  var onExpand = function onExpand(newExpandedKeys, nextPara) {
+  var onExpand = (newExpandedKeys, nextPara) => {
     setState({
       expandedKeys: newExpandedKeys,
       autoExpandParent: false
@@ -350,7 +351,7 @@ function List(props) {
   }
   return /*#__PURE__*/_jsx("div", {
     className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/_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%'

package/es/ProTree/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import ProTree from "./components/ProTree";
 import ProTreeSelect from "./components/ProTreeSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProTreeHandle = function ProTreeHandle(props) {
+var ProTreeHandle = props => {
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'tree' : _props$mode;
   if (mode === 'treeSelect') {

package/es/ProTree/utils.js

@@ -1,6 +1,4 @@
-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 */
 
@@ -54,14 +52,12 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-export 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);
@@ -72,9 +68,9 @@ export var getParentKey = function getParentKey(key, tree, fieldNames) {
 };
 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] || [];
@@ -83,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;
         }
       }
@@ -119,14 +115,16 @@ 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 traverse = 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 || (_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));
+        return _objectSpread(_objectSpread({}, node), {}, {
+          [fieldNames.children]: _children
+        });
       }
     } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
       var _node$fieldNames$chil2;
@@ -137,7 +135,9 @@ export function filterCheckedNodes(data, checkedKeys) {
     }
     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;
   };
@@ -171,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 || (_node$children = node.children) === null || _node$children === 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);
@@ -180,7 +180,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   } else {
     var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === 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);