@para-ui/core 4.0.0-rc.7 → 4.0.1

package/_verture/{index-3156e3ef.js → index-e3011376.js}

@@ -1,7 +1,3 @@
-import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
-import { _ as _defineProperty } from './defineProperty-1d116156.js';
-import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
-import { r as regenerator } from './index-d63bd287.js';
 import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
@@ -13,6 +9,7 @@ import FileOutlined from '@para-ui/icons/Document';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import { Radio } from '../Radio/index.js';
 import { $ as $prefixCls } from './constant-5317fc89.js';
+import { b as _slicedToArray } from './slicedToArray-8223a2ef.js';
 import ReactDOM from 'react-dom';
 import EditOutlinedIcon from '@para-ui/icons/EditFile';
 import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
@@ -566,129 +563,110 @@ var OperateBar = function OperateBar(props) {
 };
 
 //默认分页信息
-var defaultPageSize = {
+const defaultPageSize = {
   page: 1,
   size: 10
 };
 //tree 组件
-var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var url = props.url,
-    ctx = props.ctx,
-    _props$params = props.params,
-    params = _props$params === void 0 ? null : _props$params,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'GET' : _props$method,
-    headers = props.headers,
-    requestCallback = props.requestCallback,
-    refresh = props.refresh,
-    _props$replaceFields = props.replaceFields,
-    replaceFields = _props$replaceFields === void 0 ? {
+const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+    url,
+    ctx,
+    params = null,
+    method = 'GET',
+    headers,
+    requestCallback,
+    refresh,
+    replaceFields = {
       key: 'key',
       parentId: 'parentId',
       children: 'children',
       title: 'title',
       loadKey: 'key'
-    } : _props$replaceFields,
-    originTreeData = props.treeData,
-    className = props.className,
-    showIcon = props.showIcon,
-    _icon = props.icon,
-    showLine = props.showLine,
-    _switcherIcon = props.switcherIcon,
-    blockNode = props.blockNode,
-    checkable = props.checkable,
-    selectable = props.selectable,
-    _props$radioable = props.radioable,
-    radioable = _props$radioable === void 0 ? false : _props$radioable,
-    _props$showRadio = props.showRadio,
-    showRadio = _props$showRadio === void 0 ? true : _props$showRadio,
-    _props$checkStrictly = props.checkStrictly,
-    checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
-    actionsCallback = props.actionsCallback,
-    showActions = props.showActions,
-    checkedKeys = props.checkedKeys,
-    defaultCheckedKeys = props.defaultCheckedKeys,
-    expandedKeys = props.expandedKeys,
-    defaultExpandedKeys = props.defaultExpandedKeys,
-    loadedKeys = props.loadedKeys,
-    onCheck = props.onCheck,
-    onExpand = props.onExpand,
-    _props$asyncLoad = props.asyncLoad,
-    asyncLoad = _props$asyncLoad === void 0 ? false : _props$asyncLoad,
-    _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? false : _props$pagination,
-    _props$pageSize = props.pageSize,
-    pageSize = _props$pageSize === void 0 ? defaultPageSize : _props$pageSize,
-    loadData = props.loadData,
-    _props$localFilter = props.localFilter,
-    localFilter = _props$localFilter === void 0 ? false : _props$localFilter,
-    localParams = props.localParams,
-    onFilter = props.onFilter,
-    _props$loadMoreNode = props.loadMoreNode,
-    loadMoreNode = _props$loadMoreNode === void 0 ? null : _props$loadMoreNode,
-    paramsCallback = props.paramsCallback,
-    titleRender = props.titleRender,
-    emptyProps = props.emptyProps,
-    emptyClassName = props.emptyClassName,
-    notFoundContent = props.notFoundContent,
-    wrapperClassName = props.wrapperClassName,
-    wrapperStyle = props.wrapperStyle,
-    _props$showLoading = props.showLoading,
-    showLoading = _props$showLoading === void 0 ? true : _props$showLoading,
-    loadingNode = props.loadingNode,
-    onLoadedKey = props.onLoadedKey,
-    _props$tipMaxWidth = props.tipMaxWidth,
-    tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    treeData = _useState2[0],
-    setTreeData = _useState2[1]; //树数据
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inCheckedKeys = _useState4[0],
-    setInCheckedKeys = _useState4[1]; //选中keys
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inExpandedKeysKeys = _useState6[0],
-    setInExpandedKeys = _useState6[1]; //展开keys
-  var opRef = useRef({}); //操作栏
-  var mouseInSectorRef = useRef(false); //是否鼠标进入扇形
-  var timeSectorRef = useRef(-1); //定时显示扇形
-  var nodesRef = useRef([]); //保存节点状态
-  var prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
-  var treeMapRef = useRef({}); //tree map
-  var treeOriDataRef = useRef([]); //tree origin data
-  var nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
-  var halfCheckedKeys = useRef([]); //半选keys
-  var intl = useFormatMessage('Tree', localeJson);
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-  var firstRender = useRef(true); //是否第一次渲染
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    inLoadedKeys = _useState10[0],
-    setInLoadKeys = _useState10[1];
+    },
+    treeData: originTreeData,
+    className,
+    showIcon,
+    icon,
+    showLine,
+    switcherIcon,
+    blockNode,
+    checkable,
+    selectable,
+    radioable = false,
+    showRadio = true,
+    checkStrictly = false,
+    actionsCallback,
+    showActions,
+    checkedKeys,
+    defaultCheckedKeys,
+    expandedKeys,
+    defaultExpandedKeys,
+    loadedKeys,
+    onCheck,
+    onExpand,
+    asyncLoad = false,
+    pagination = false,
+    pageSize = defaultPageSize,
+    loadData,
+    localFilter = false,
+    localParams,
+    onFilter,
+    loadMoreNode = null,
+    paramsCallback,
+    titleRender,
+    emptyProps,
+    emptyClassName,
+    notFoundContent,
+    wrapperClassName,
+    wrapperStyle,
+    showLoading = true,
+    loadingNode,
+    onLoadedKey,
+    tipMaxWidth = 500
+  } = props;
+  const [treeData, setTreeData] = useState([]); //树数据
+  const [inCheckedKeys, setInCheckedKeys] = useState([]); //选中keys
+  const [inExpandedKeysKeys, setInExpandedKeys] = useState([]); //展开keys
+  const opRef = useRef({}); //操作栏
+  const mouseInSectorRef = useRef(false); //是否鼠标进入扇形
+  const timeSectorRef = useRef(-1); //定时显示扇形
+  const nodesRef = useRef([]); //保存节点状态
+  const prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
+  const treeMapRef = useRef({}); //tree map
+  const treeOriDataRef = useRef([]); //tree origin data
+  const nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
+  const halfCheckedKeys = useRef([]); //半选keys
+  const intl = useFormatMessage('Tree', localeJson);
+  const [loading, setLoading] = useState(false);
+  const firstRender = useRef(true); //是否第一次渲染
+  const [inLoadedKeys, setInLoadKeys] = useState([]);
   //新属性
-  var newProps = Object.assign(Object.assign({}, props), {
+  const newProps = Object.assign(Object.assign({}, props), {
     showLine: Boolean(showLine),
     checkStrictly: radioable || checkStrictly,
     showIcon: radioable || showIcon
   });
   //生成class
-  var makeCls = function makeCls() {
-    return clsx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-icon-hide"), !showIcon), "".concat(prefixCls, "-block-node"), blockNode), "".concat(prefixCls, "-unselectable"), !selectable), "".concat(prefixCls, "-radioable"), radioable), "".concat(prefixCls, "-radioable-showradio"), radioable && showRadio), className);
+  const makeCls = () => {
+    return clsx({
+      ["".concat(prefixCls, "-icon-hide")]: !showIcon,
+      ["".concat(prefixCls, "-block-node")]: blockNode,
+      ["".concat(prefixCls, "-unselectable")]: !selectable,
+      ["".concat(prefixCls, "-radioable")]: radioable,
+      ["".concat(prefixCls, "-radioable-showradio")]: radioable && showRadio
+    }, className);
   };
   //格式化treeData 替换显示字段
-  var formatTreeData = function formatTreeData(treeData) {
+  const formatTreeData = treeData => {
     function recursive(dataList) {
-      var _ref = replaceFields || {},
-        key = _ref.key,
-        title = _ref.title,
-        children = _ref.children,
-        parentId = _ref.parentId;
-      dataList.forEach(function (item) {
+      const {
+        key,
+        title,
+        children,
+        parentId
+      } = replaceFields || {};
+      dataList.forEach(item => {
         var _a;
         if (key) item.key = item[key];
         if (title) item.title = item[title];
@@ -701,7 +679,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return treeData;
   };
   //内部 tree title render
-  var internalTitleRender = function internalTitleRender(nodeData) {
+  const internalTitleRender = nodeData => {
     if (nodeData.moreFlag) {
       //加载更多节点
       return jsx("span", Object.assign({
@@ -730,9 +708,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
         children: typeof titleRender === 'function' ? titleRender(nodeData) : nodeData.title
       })), !!showActions && jsx("div", Object.assign({
         className: "sector-anchor",
-        onMouseEnter: function onMouseEnter(evt) {
-          return handleSectorMEnter(nodeData, evt);
-        },
+        onMouseEnter: evt => handleSectorMEnter(nodeData, evt),
         onMouseLeave: handleSectorMLeave
       }, {
         children: jsx(MoreOutlinedIcon, {
@@ -742,44 +718,44 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }));
   };
   //tree node mouse enter
-  var handleTreeNodeMEnter = function handleTreeNodeMEnter(evt) {
+  const handleTreeNodeMEnter = evt => {
     evt.stopPropagation();
     clearNodesState();
-    var _currTarget = evt.currentTarget;
+    const _currTarget = evt.currentTarget;
     if (_currTarget) {
-      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
-      var cParentEl = _currTarget.closest(pClsx);
+      const pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      const cParentEl = _currTarget.closest(pClsx);
       nodesRef.current.push(cParentEl);
       showMoreActionIcon(cParentEl, true);
     }
   };
   //tree node mouse leave
-  var handleTreeNodeMLeave = function handleTreeNodeMLeave(evt) {
+  const handleTreeNodeMLeave = evt => {
     evt.stopPropagation();
     clearNodesState();
-    var _currTarget = evt.currentTarget;
+    const _currTarget = evt.currentTarget;
     if (_currTarget) {
-      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
-      var cParentEl = _currTarget.closest(pClsx);
+      const pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      const cParentEl = _currTarget.closest(pClsx);
       showMoreActionIcon(cParentEl, false);
     }
   };
   // Tree node Click
-  var handleTreeNodeClick = function handleTreeNodeClick() {
+  const handleTreeNodeClick = () => {
     var _a;
     if (!showActions) return;
     // 点击tree node 的时候 rc 内部会把node节点的样式重写，导致之前逻辑添加的样式不存在，需要点击的时候加上样式
     if (((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       // 需要滞后到下次事件循环
-      setTimeout(function () {
-        nodesRef.current.forEach(function (el) {
+      setTimeout(() => {
+        nodesRef.current.forEach(el => {
           showMoreActionIcon(el, true);
         });
       });
     }
   };
   //节点显示更多图标
-  var showMoreActionIcon = function showMoreActionIcon(cParentEl, isShow) {
+  const showMoreActionIcon = (cParentEl, isShow) => {
     if (!cParentEl) return;
     if (isShow) {
       cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add("".concat($prefixCls, "-tree-node-content-wrapper--active"));
@@ -788,21 +764,21 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   };
   //mouse enter sector
-  var handleSectorMEnter = function handleSectorMEnter(nodeData, evt) {
+  const handleSectorMEnter = (nodeData, evt) => {
     evt.stopPropagation();
-    var _currTarget = evt.currentTarget;
+    const _currTarget = evt.currentTarget;
     opRef.current.anchorEl = _currTarget;
-    timeSectorRef.current = setTimeout(function () {
+    timeSectorRef.current = setTimeout(() => {
       clearTimeout(timeSectorRef.current);
       showSector(_currTarget, nodeData);
     }, 300);
   };
   //mouse sector leave
-  var handleSectorMLeave = function handleSectorMLeave(evt) {
+  const handleSectorMLeave = evt => {
     evt.stopPropagation();
     clearTimeout(timeSectorRef.current);
-    var _anchor = evt.currentTarget;
-    var timer = setTimeout(function () {
+    const _anchor = evt.currentTarget;
+    const timer = setTimeout(() => {
       clearTimeout(timer);
       if (!mouseInSectorRef.current) {
         removeSector(_anchor);
@@ -810,19 +786,19 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }, 300);
   };
   //显示扇形
-  var showSector = function showSector(anchorEl, nodeData) {
+  const showSector = (anchorEl, nodeData) => {
     var _a, _b;
-    var portalRoot = document.getElementById(opRef.current.uid);
+    const portalRoot = document.getElementById(opRef.current.uid);
     anchorEl.classList.add('sector-anchor--active');
     if (portalRoot) {
-      var container = portalRoot.querySelector('.sector-container');
+      const container = portalRoot.querySelector('.sector-container');
       if (container) {
         (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, nodeData, true);
       }
     }
   };
   //移除扇形
-  var removeSector = function removeSector(anchorEl) {
+  const removeSector = anchorEl => {
     var _a, _b;
     if (anchorEl) {
       anchorEl.classList.remove('sector-anchor--active');
@@ -830,19 +806,19 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   };
   //离开扇形回调
-  var handleOnRemove = function handleOnRemove(anchorEl) {
+  const handleOnRemove = anchorEl => {
     if (anchorEl) {
-      var pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
-      var cParentEl = anchorEl.closest(pCls);
+      const pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      const cParentEl = anchorEl.closest(pCls);
       showMoreActionIcon(cParentEl, false);
       removeSector(anchorEl);
     }
   };
   //清除节点状态
-  var clearNodesState = function clearNodesState() {
+  const clearNodesState = () => {
     var _a;
     if ((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) {
-      nodesRef.current.forEach(function (el) {
+      nodesRef.current.forEach(el => {
         var _a;
         (_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
       });
@@ -850,14 +826,14 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   };
   //内部check
-  var internalCheck = function internalCheck(checkedKeys, e) {
+  const internalCheck = (checkedKeys, e) => {
     var _a;
-    var temp = [];
-    var halfChecked = [];
+    let temp = [];
+    let halfChecked = [];
     if (radioable) {
       //单选
-      var node = e.node;
-      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
+      const node = e.node;
+      const key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
       if (e.checked) temp = [node[key]];
     } else if (checkStrictly) {
       //严格模式
@@ -874,59 +850,38 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
   };
   //展开节点
-  var internalExpand = function internalExpand(expandedKeys, e) {
+  const internalExpand = (expandedKeys, e) => {
     if (!('expandedKeys' in props)) {
-      setInExpandedKeys(_toConsumableArray(expandedKeys));
+      setInExpandedKeys([...expandedKeys]);
     }
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
   };
   //请求树数据
-  var requestTreeData = function requestTreeData() {
-    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var tParams, m, opts, _yield$Request, data, err;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (url) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return", []);
-          case 2:
-            showLoading && setLoading(true);
-            tParams = (paramsCallback === null || paramsCallback === void 0 ? void 0 : paramsCallback(params)) || params;
-            m = method === null || method === void 0 ? void 0 : method.toUpperCase();
-            opts = _defineProperty({
-              url: url,
-              ctx: ctx,
-              method: m
-            }, m === 'GET' ? 'params' : 'data', tParams || {});
-            if (headers) opts.headers = headers;
-            _context.next = 9;
-            return Request(opts);
-          case 9:
-            _yield$Request = _context.sent;
-            data = _yield$Request.data;
-            err = _yield$Request.err;
-            //分页数据格式 {list,page,size,total}，否则 []
-            showLoading && setLoading(false);
-            if (!err) {
-              _context.next = 15;
-              break;
-            }
-            return _context.abrupt("return", pagination ? {} : []);
-          case 15:
-            return _context.abrupt("return", pagination ? data.data || {} : data.data || []);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
+  const requestTreeData = function () {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return __awaiter(void 0, void 0, void 0, function* () {
+      if (!url) return [];
+      showLoading && setLoading(true);
+      const tParams = (paramsCallback === null || paramsCallback === void 0 ? void 0 : paramsCallback(params)) || params;
+      const m = method === null || method === void 0 ? void 0 : method.toUpperCase();
+      const opts = {
+        url,
+        ctx,
+        method: m,
+        [m === 'GET' ? 'params' : 'data']: tParams || {}
+      };
+      if (headers) opts.headers = headers;
+      const {
+        data,
+        err
+      } = yield Request(opts); //分页数据格式 {list,page,size,total}，否则 []
+      showLoading && setLoading(false);
+      if (err) return pagination ? {} : [];
+      return pagination ? data.data || {} : data.data || [];
+    });
   };
   //加载更多节点数据
-  var getLoadMoreData = function getLoadMoreData() {
+  const getLoadMoreData = () => {
     return {
       key: String((Math.random() * 1000000 | 0) + Date.now()),
       title: intl({
@@ -941,10 +896,10 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     };
   };
   //渲染加载更多节点
-  var renderLoadMoreNode = function renderLoadMoreNode(dataNode) {
+  const renderLoadMoreNode = dataNode => {
     return jsx("span", Object.assign({
       className: "".concat($prefixCls, "-tree-treenode-more-wrapper"),
-      onClick: function onClick(e) {
+      onClick: e => {
         e.stopPropagation();
         onLoadData(dataNode);
       }
@@ -953,24 +908,24 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }));
   };
   //更新tree数据
-  var updateTreeData = function updateTreeData(list, key, children, moreFlag) {
+  const updateTreeData = (list, key, children, moreFlag) => {
     //root节点
     if (key === 'ROOT_KEY') {
       list.pop(); //删除加载更多节点
       return list.concat(children);
     }
-    return list.map(function (node) {
+    return list.map(node => {
       if (node.key === key) {
         if (moreFlag) {
           //加载更多
-          var child = node.children || [];
+          const child = node.children || [];
           child.pop();
           return Object.assign(Object.assign({}, node), {
             children: child.concat(children)
           });
         }
         return Object.assign(Object.assign({}, node), {
-          children: children
+          children
         });
       }
       if (node.children) {
@@ -982,112 +937,101 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     });
   };
   //异步数据加载 [moreFlag]:加载更多标识
-  var onLoadData = function onLoadData(dataNode) {
-    var key = dataNode.key,
-      children = dataNode.children,
-      parentId = dataNode.parentId,
-      moreFlag = dataNode.moreFlag;
-    setInLoadKeys([].concat(_toConsumableArray(inLoadedKeys), [key]));
+  const onLoadData = dataNode => {
+    const {
+      key,
+      children,
+      parentId,
+      moreFlag
+    } = dataNode;
+    setInLoadKeys([...inLoadedKeys, key]);
     onLoadedKey === null || onLoadedKey === void 0 ? void 0 : onLoadedKey(key, dataNode);
-    return new Promise(function (resolve) {
-      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-        var _a, tKey, loadKey, loadParams, treeData, handledData, pageInfo, _treeData, _treeData$list, list, page, size, total;
-        return regenerator.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!children) {
-                _context2.next = 3;
-                break;
-              }
-              resolve();
-              return _context2.abrupt("return");
-            case 3:
-              //当前节点key
-              tKey = key; //参数动态字段
-              loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key'; //加载节点时参数
-              loadParams = Object.assign(_defineProperty({}, loadKey, tKey), params); //是否分页
-              if (pagination) {
-                if (moreFlag) {
-                  //是否加载更多
-                  tKey = parentId;
-                  treeMapRef.current[tKey].page += 1;
-                  loadParams[loadKey] = tKey;
-                  if (tKey === 'ROOT_KEY') {
-                    //根节点加载更多，不需要key
-                    delete loadParams[loadKey];
-                  }
-                }
-                //分页参数
-                loadParams.page = treeMapRef.current[tKey].page;
-                loadParams.size = treeMapRef.current[tKey].size;
-              }
-              _context2.next = 9;
-              return requestTreeData(loadParams);
-            case 9:
-              treeData = _context2.sent;
-              _context2.next = 12;
-              return requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
-            case 12:
-              handledData = _context2.sent;
-              if (handledData) treeData = handledData;
-              pageInfo = {}; //分页信息
-              if (!pagination) {
-                _context2.next = 22;
-                break;
-              }
-              if (Object.keys(treeData).length) {
-                _context2.next = 19;
-                break;
-              }
-              resolve();
-              return _context2.abrupt("return");
-            case 19:
-              _treeData = treeData, _treeData$list = _treeData.list, list = _treeData$list === void 0 ? [] : _treeData$list, page = _treeData.page, size = _treeData.size, total = _treeData.total;
-              treeData = list;
-              pageInfo = {
-                page: page,
-                size: size,
-                total: total
-              };
-            case 22:
-              if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
-                treeData = formatTreeData(treeData);
-                if (pagination) {
-                  //是否分页
-                  treeData = transformTreeData(treeData, pageInfo, tKey);
-                }
-              }
-              if (Array.isArray(treeData)) setTreeData(function (origin) {
-                return updateTreeData(origin, tKey, treeData, moreFlag);
-              });
-              resolve();
-            case 25:
-            case "end":
-              return _context2.stop();
+    return new Promise(resolve => __awaiter(void 0, void 0, void 0, function* () {
+      var _a;
+      if (children) {
+        resolve();
+        return;
+      }
+      //当前节点key
+      let tKey = key;
+      //参数动态字段
+      const loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key';
+      //加载节点时参数
+      const loadParams = Object.assign({
+        [loadKey]: tKey
+      }, params);
+      //是否分页
+      if (pagination) {
+        if (moreFlag) {
+          //是否加载更多
+          tKey = parentId;
+          treeMapRef.current[tKey].page += 1;
+          loadParams[loadKey] = tKey;
+          if (tKey === 'ROOT_KEY') {
+            //根节点加载更多，不需要key
+            delete loadParams[loadKey];
           }
-        }, _callee2);
-      }));
-    });
+        }
+        //分页参数
+        loadParams.page = treeMapRef.current[tKey].page;
+        loadParams.size = treeMapRef.current[tKey].size;
+      }
+      let treeData = yield requestTreeData(loadParams);
+      //透传数据
+      const handledData = yield requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
+      if (handledData) treeData = handledData;
+      let pageInfo = {}; //分页信息
+      if (pagination) {
+        //分页数据格式 {list,page,size,total}
+        if (!Object.keys(treeData).length) {
+          resolve();
+          return;
+        }
+        const {
+          list = [],
+          page,
+          size,
+          total
+        } = treeData;
+        treeData = list;
+        pageInfo = {
+          page,
+          size,
+          total
+        };
+      }
+      if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
+        treeData = formatTreeData(treeData);
+        if (pagination) {
+          //是否分页
+          treeData = transformTreeData(treeData, pageInfo, tKey);
+        }
+      }
+      if (Array.isArray(treeData)) setTreeData(origin => updateTreeData(origin, tKey, treeData, moreFlag));
+      resolve();
+    }));
   };
   //转化tree数据
-  var transformTreeData = function transformTreeData(treeData, pageInfo, parentId) {
-    var newTreeData = convert(treeData); //tree结构
-    var page = pageInfo.page,
-      size = pageInfo.size,
-      total = pageInfo.total;
+  const transformTreeData = (treeData, pageInfo, parentId) => {
+    const newTreeData = convert(treeData); //tree结构
+    const {
+      page,
+      size,
+      total
+    } = pageInfo;
     //计算分页，是否显示加载更多
     if (page * size < total) {
-      var loadMoreData = getLoadMoreData();
+      const loadMoreData = getLoadMoreData();
       loadMoreData.parentId = parentId || 'ROOT_KEY';
       loadMoreData.title = renderLoadMoreNode(loadMoreData);
       newTreeData.push(loadMoreData);
     }
     treeMapRef.current = _toObject(newTreeData);
     function _toObject(data) {
-      var obj = treeMapRef.current;
+      const obj = treeMapRef.current;
       if (!(data === null || data === void 0 ? void 0 : data.length)) return obj;
-      data.forEach(function (item) {
-        var tKey = item.moreFlag ? item.parentId : item.key;
+      data.forEach(item => {
+        const tKey = item.moreFlag ? item.parentId : item.key;
         if (!obj[tKey]) {
           obj[tKey] = Object.assign(Object.assign({}, item), nPageSize);
         }
@@ -1097,73 +1041,49 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return newTreeData;
   };
   //初始化树
-  var initTree = function initTree() {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
-      var tParams, treeData, pageInfo, handledData, _treeData2, _treeData2$list, list, page, size, total;
-      return regenerator.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            tParams = Object.assign({}, params);
-            if (pagination) {
-              //分页参数
-              tParams.page = nPageSize.page;
-              tParams.size = nPageSize.size;
-            }
-            _context3.next = 4;
-            return requestTreeData(tParams);
-          case 4:
-            treeData = _context3.sent;
-            pageInfo = {}; //分页信息
-            //透传数据
-            _context3.next = 8;
-            return requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
-          case 8:
-            handledData = _context3.sent;
-            if (handledData) treeData = handledData;
-            if (!pagination) {
-              _context3.next = 17;
-              break;
-            }
-            if (Object.keys(treeData).length) {
-              _context3.next = 13;
-              break;
-            }
-            return _context3.abrupt("return", setTreeData([]));
-          case 13:
-            _treeData2 = treeData, _treeData2$list = _treeData2.list, list = _treeData2$list === void 0 ? [] : _treeData2$list, page = _treeData2.page, size = _treeData2.size, total = _treeData2.total;
-            treeData = list;
-            pageInfo = {
-              page: page,
-              size: size,
-              total: total
-            };
-            //clean treeMapRef
-            treeMapRef.current = {};
-          case 17:
-            if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
-              _context3.next = 19;
-              break;
-            }
-            return _context3.abrupt("return", setTreeData([]));
-          case 19:
-            treeData = formatTreeData(treeData);
-            if (localFilter)
-              //本地过滤
-              treeOriDataRef.current = deepCopy(treeData);
-            if (pagination)
-              //是否分页
-              treeData = transformTreeData(treeData, pageInfo);
-            setTreeData(_toConsumableArray(treeData));
-          case 23:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-  };
+  const initTree = () => __awaiter(void 0, void 0, void 0, function* () {
+    const tParams = Object.assign({}, params);
+    if (pagination) {
+      //分页参数
+      tParams.page = nPageSize.page;
+      tParams.size = nPageSize.size;
+    }
+    let treeData = yield requestTreeData(tParams);
+    let pageInfo = {}; //分页信息
+    //透传数据
+    const handledData = yield requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
+    if (handledData) treeData = handledData;
+    if (pagination) {
+      //分页数据格式 {list,page,size,total}
+      if (!Object.keys(treeData).length) return setTreeData([]);
+      const {
+        list = [],
+        page,
+        size,
+        total
+      } = treeData;
+      treeData = list;
+      pageInfo = {
+        page,
+        size,
+        total
+      };
+      //clean treeMapRef
+      treeMapRef.current = {};
+    }
+    if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) return setTreeData([]);
+    treeData = formatTreeData(treeData);
+    if (localFilter)
+      //本地过滤
+      treeOriDataRef.current = deepCopy(treeData);
+    if (pagination)
+      //是否分页
+      treeData = transformTreeData(treeData, pageInfo);
+    setTreeData([...treeData]);
+  });
   //额外的属性
-  var getAdditionProps = function getAdditionProps() {
-    var additionProps = {};
+  const getAdditionProps = () => {
+    const additionProps = {};
     if (asyncLoad)
       //异步加载
       additionProps.loadData = onLoadData;
@@ -1171,44 +1091,44 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     additionProps.titleRender = internalTitleRender;
     return additionProps;
   };
-  useEffect(function () {
+  useEffect(() => {
     if (defaultCheckedKeys) {
       //默认值checked
-      setInCheckedKeys(_toConsumableArray(defaultCheckedKeys));
+      setInCheckedKeys([...defaultCheckedKeys]);
     }
     if (defaultExpandedKeys) {
       //默认值expanded
-      setInExpandedKeys(_toConsumableArray(defaultExpandedKeys));
+      setInExpandedKeys([...defaultExpandedKeys]);
     }
   }, [defaultCheckedKeys, defaultExpandedKeys]);
-  useEffect(function () {
+  useEffect(() => {
     if (checkedKeys) {
       //选中keys
-      setInCheckedKeys(_toConsumableArray(getCheckedKeys(checkedKeys)));
+      setInCheckedKeys([...getCheckedKeys(checkedKeys)]);
       halfCheckedKeys.current = getHalfCheckedKeys(checkedKeys);
     }
     if (expandedKeys) {
       //展开keys
-      setInExpandedKeys(_toConsumableArray(expandedKeys));
+      setInExpandedKeys([...expandedKeys]);
     }
   }, [checkedKeys, expandedKeys]);
-  useEffect(function () {
+  useEffect(() => {
     if (loadedKeys) {
       //loadedKeys
       if (loadedKeys.length === 0) {
         setInLoadKeys([]);
         setInExpandedKeys([]);
       } else {
-        setInLoadKeys(_toConsumableArray(loadedKeys));
+        setInLoadKeys([...loadedKeys]);
       }
     }
   }, [loadedKeys]);
-  useEffect(function () {
+  useEffect(() => {
     //默认展开所有
     function _expandAllNode(newTreeData) {
-      var keys = [];
+      const keys = [];
       function recursive(dataList) {
-        dataList.forEach(function (item) {
+        dataList.forEach(item => {
           var _a;
           if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
             keys.push(item.key);
@@ -1223,51 +1143,51 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
     //tree 初始化
     if (Array.isArray(originTreeData)) {
-      var newTreeData = formatTreeData(originTreeData);
+      const newTreeData = formatTreeData(originTreeData);
       //本地过滤
       if (localFilter) treeOriDataRef.current = deepCopy(newTreeData);
       if (newProps.defaultExpandAll) {
         //默认展开所有
         _expandAllNode(newTreeData);
       }
-      setTreeData(_toConsumableArray(newTreeData));
+      setTreeData([...newTreeData]);
     } else {
       initTree();
     }
   }, [url, ctx, params, method, refresh, originTreeData]);
-  useEffect(function () {
+  useEffect(() => {
     //过滤数据
-    function _filterData(_ref2) {
-      var searchKey = _ref2.searchKey,
-        searchValue = _ref2.searchValue;
+    function _filterData(_ref) {
+      let {
+        searchKey,
+        searchValue
+      } = _ref;
       if (!searchKey) return;
       if (searchValue === '') {
         setTreeData(treeOriDataRef.current);
-        var tKeys = expandedKeys || defaultExpandedKeys;
-        setInExpandedKeys(_toConsumableArray(tKeys || []));
+        const tKeys = expandedKeys || defaultExpandedKeys;
+        setInExpandedKeys([...(tKeys || [])]);
         return;
       }
-      var flatData = flatten(treeOriDataRef.current);
+      const flatData = flatten(treeOriDataRef.current);
       //匹配数据
-      var filterTreeData = flatData.reduce(function (acc, curr) {
-        var title = String(curr[searchKey]).toLowerCase();
-        var isMatch = title.includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
+      const filterTreeData = flatData.reduce((acc, curr) => {
+        const title = String(curr[searchKey]).toLowerCase();
+        const isMatch = title.includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
         return isMatch ? acc.concat(curr) : acc;
       }, []);
-      var newTreeData = convertByFilter(deepCopy(flatData), filterTreeData);
+      const newTreeData = convertByFilter(deepCopy(flatData), filterTreeData);
       setTreeData(newTreeData);
       setInExpandedKeys(_handleExpendKey(newTreeData));
     }
     //处理展开key
     function _handleExpendKey(list) {
-      return list.reduce(function (acc, curr) {
-        return acc.concat(curr.key, _handleExpendKey(curr.children || []));
-      }, []);
+      return list.reduce((acc, curr) => acc.concat(curr.key, _handleExpendKey(curr.children || [])), []);
     }
     if (localFilter) {
       //开启本地过滤
       if (onFilter) {
-        var fData = onFilter(treeOriDataRef.current);
+        const fData = onFilter(treeOriDataRef.current);
         if (!fData) return;
         setTreeData(fData);
         return;
@@ -1276,7 +1196,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   }, [localFilter, localParams]);
   //渲染空状态
-  var renderEmpty = jsx("div", Object.assign({
+  const renderEmpty = jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className, emptyClassName),
     style: props.style
   }, {
@@ -1285,14 +1205,14 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }, emptyProps))
   }));
   //tree memo
-  var treeMemo = useMemo(function () {
+  const treeMemo = useMemo(() => {
     if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length) && firstRender.current) {
       firstRender.current = false;
       return null;
     } else if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) {
       return !loading ? renderEmpty : null;
     }
-    var tCheckedKeys = inCheckedKeys;
+    let tCheckedKeys = inCheckedKeys;
     if (checkStrictly) {
       tCheckedKeys = {
         checked: inCheckedKeys,
@@ -1309,9 +1229,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
         className: "".concat(prefixCls, "-checkbox-inner")
       }) : checkable,
       selectable: radioable ? false : selectable,
-      switcherIcon: function switcherIcon(nodeProps) {
-        return renderSwitcherIcon(prefixCls, _switcherIcon, showLine, nodeProps);
-      }
+      switcherIcon: nodeProps => renderSwitcherIcon(prefixCls, switcherIcon, showLine, nodeProps)
     }, getAdditionProps(), {
       treeData: treeData,
       checkedKeys: tCheckedKeys,
@@ -1319,9 +1237,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       loadedKeys: inLoadedKeys,
       onCheck: internalCheck,
       onExpand: internalExpand,
-      icon: function icon(nodeProps) {
-        if (_icon) {
-          return typeof _icon === 'function' ? _icon(nodeProps) : _icon;
+      icon: nodeProps => {
+        if (icon) {
+          return typeof icon === 'function' ? icon(nodeProps) : icon;
         }
         if (nodeProps.checkable === false) return null;
         if (!radioable) {
@@ -1332,7 +1250,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }));
   }, [treeData, inCheckedKeys, inExpandedKeysKeys, newProps.selectedKeys, inLoadedKeys]);
   //OperateBar render
-  var renderOperateBar = function renderOperateBar() {
+  const renderOperateBar = () => {
     return !!showActions ? jsx(OperateBar, {
       opRef: opRef,
       mouseInRef: mouseInSectorRef,