@para-ui/core 3.0.105 → 3.0.107-rc

package/_verture/closestPolyfill-e4aed056.js

@@ -0,0 +1,1354 @@
+import { _ as _toConsumableArray } from './toConsumableArray-d872f770.js';
+import { _ as _defineProperty } from './defineProperty-19daf078.js';
+import { _ as _slicedToArray } from './slicedToArray-d0e9ca41.js';
+import { r as regenerator } from './index-8b6ea6cc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-575049a5.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
+import RcTree from 'rc-tree';
+import clsx from 'clsx';
+import { _ as _typeof } from './typeof-d4922fc6.js';
+import LoadingOutlined from '@para-ui/icons/LoadingF';
+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-0ef8de65.js';
+import ReactDOM from 'react-dom';
+import EditOutlinedIcon from '@para-ui/icons/EditFile';
+import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
+import Delete from '@para-ui/icons/Delete';
+import Forbid from '@para-ui/icons/Forbid';
+import { Tooltip } from '../Tooltip/index.js';
+import { UUID, Request } from '@paraview/lib';
+import { u as useFormatMessage } from './useFormatMessage-df50b866.js';
+import MoreOutlinedIcon from '@para-ui/icons/MoreCircle';
+import Empty from '../Empty/index.js';
+import { Loading } from '../Loading/index.js';
+import AutoTips from '../AutoTips/index.js';
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+//深拷贝包括函数
+var deepCopy = function deepCopy(target) {
+  var copyedObjs = []; //此数组解决了循环引用和相同引用的问题，它存放已经递归到的目标对象
+  function _deepCopy(target) {
+    if (_typeof(target) !== 'object' || !target) {
+      return target;
+    }
+    for (var i = 0; i < copyedObjs.length; i++) {
+      if (copyedObjs[i].target === target) {
+        return copyedObjs[i].copyTarget;
+      }
+    }
+    var obj = {};
+    if (Array.isArray(target)) {
+      obj = []; //处理target是数组的情况
+    }
+
+    copyedObjs.push({
+      target: target,
+      copyTarget: obj
+    });
+    Object.keys(target).forEach(function (key) {
+      if (obj[key]) {
+        return;
+      }
+      obj[key] = _deepCopy(target[key]);
+    });
+    return obj;
+  }
+  return _deepCopy(target);
+};
+//树结构转扁平
+var flatten = function flatten(data) {
+  return data ? data.reduce(function (arr, _a) {
+    var _a$children = _a.children,
+      children = _a$children === void 0 ? [] : _a$children,
+      rest = __rest(_a, ["children"]);
+    return arr.concat([rest], flatten(children));
+  }, []) : [];
+};
+//数组转树结构
+var convert = function convert(list) {
+  var rFiled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    key: 'key',
+    parentId: 'parentId'
+  };
+  var res = [];
+  var map = list.reduce(function (acc, v) {
+    return acc[v[rFiled.key]] = v, acc;
+  }, {});
+  var _iterator = _createForOfIteratorHelper(list),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var parentId = item[rFiled.parentId];
+      if (parentId in map) {
+        var parent = map[parentId];
+        parent.children = parent.children || [];
+        parent.children.push(item);
+      } else {
+        res.push(item);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return res;
+};
+//本地过滤时，转为树结构
+var convertByFilter = function convertByFilter(sourceList, filterList) {
+  var rFiled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    key: 'key',
+    parentId: 'parentId'
+  };
+  var obj = {};
+  var map = sourceList.reduce(function (acc, v) {
+    return acc[v[rFiled.key]] = v, acc;
+  }, {});
+  var filterMap = filterList.reduce(function (acc, v) {
+    return acc[v[rFiled.key]] = v, acc;
+  }, {});
+  var _iterator2 = _createForOfIteratorHelper(sourceList),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      if (item[rFiled.key] in filterMap) _handleNode(item);
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  function _handleNode(node) {
+    obj[node[rFiled.key]] = node;
+    var parent = map[node[rFiled.parentId]];
+    if (!parent) return;
+    obj[parent[rFiled.key]] = parent;
+    if (parent[rFiled.parentId]) _handleNode(parent);
+  }
+  var tempArr = Object.keys(obj).reduce(function (acc, curr) {
+    return acc.concat(obj[curr]);
+  }, []);
+  return convert(tempArr);
+};
+//获得checkedkeys
+var getCheckedKeys = function getCheckedKeys(cKeys) {
+  if (!Array.isArray(cKeys)) {
+    return cKeys.checked;
+  }
+  return cKeys;
+};
+//获得halfchecked keys
+var getHalfCheckedKeys = function getHalfCheckedKeys(cKeys) {
+  if (!Array.isArray(cKeys)) {
+    return cKeys.halfChecked;
+  }
+  return [];
+};
+
+var getCollapsedHeight = function getCollapsedHeight() {
+  return {
+    height: 0,
+    opacity: 0
+  };
+};
+var getRealHeight = function getRealHeight(node) {
+  return {
+    height: node.scrollHeight,
+    opacity: 1
+  };
+};
+var getCurrentHeight = function getCurrentHeight(node) {
+  return {
+    height: node.offsetHeight
+  };
+};
+var skipOpacityTransition = function skipOpacityTransition(_, event) {
+  return event.propertyName === 'height';
+};
+var collapseMotion = {
+  motionName: "".concat($prefixCls, "-tree-motion-collapse"),
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+};
+function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
+  var isLeaf = _ref.isLeaf,
+    expanded = _ref.expanded,
+    loading = _ref.loading;
+    _ref.eventKey;
+  if (loading) {
+    return jsx(LoadingOutlined, {
+      className: "".concat(prefixCls, "-switcher-loading-icon")
+    });
+  }
+  var showLeafIcon;
+  if (showLine && _typeof(showLine) === 'object') {
+    showLeafIcon = showLine.showLeafIcon;
+  }
+  if (isLeaf) {
+    if (showLine) {
+      if (_typeof(showLine) === 'object' && !showLeafIcon) {
+        return jsx("span", {
+          className: "".concat(prefixCls, "-switcher-leaf-line")
+        });
+      }
+      return jsx(FileOutlined, {
+        className: "".concat(prefixCls, "-switcher-line-icon")
+      });
+    }
+    return null;
+  }
+  var switcherCls = "".concat(prefixCls, "-switcher-icon");
+  if ( /*#__PURE__*/isValidElement(switcherIcon)) {
+    return /*#__PURE__*/cloneElement(switcherIcon, {
+      className: clsx(switcherIcon.props.className || '', switcherCls)
+    });
+  }
+  if (switcherIcon) {
+    return switcherIcon;
+  }
+  if (showLine) {
+    return expanded ? jsx(SolidArrowDown, {
+      className: "".concat(prefixCls, "-switcher-line-icon")
+    }) : jsx(SolidArrowDown, {
+      className: "".concat(prefixCls, "-switcher-line-icon")
+    });
+  }
+  return jsx(SolidArrowDown, {
+    className: switcherCls
+  });
+}
+function renderTreeNodeIcon(nodeProps, radioable, checkedKey, replaceFields) {
+  var _a;
+  if (!radioable) return null;
+  var key = replaceFields.key;
+  var isChecked = ((_a = nodeProps.data) === null || _a === void 0 ? void 0 : _a[key]) === checkedKey;
+  return jsx(Radio, {
+    className: "".concat($prefixCls, "-tree-node-radio"),
+    checked: isChecked
+  });
+}
+
+var en = {
+  loadMore: 'Load more',
+  add: 'Add',
+  edit: 'Edit',
+  disabled: 'Disabled',
+  delete: 'Delete'
+};
+
+var zh = {
+  loadMore: '加载更多',
+  add: '新增',
+  edit: '编辑',
+  disabled: '禁用',
+  delete: '删除'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+//默认扇形按钮图标
+var getIconMap = function getIconMap(intl) {
+  return {
+    'add': {
+      icon: jsx(AddOutlinedIcon, {}),
+      text: intl({
+        id: 'add'
+      })
+    },
+    'edit': {
+      icon: jsx(EditOutlinedIcon, {}),
+      text: intl({
+        id: 'edit'
+      })
+    },
+    'enable': {
+      icon: jsx(Forbid, {}),
+      text: intl({
+        id: 'disabled'
+      })
+    },
+    'del': {
+      icon: jsx(Delete, {}),
+      text: intl({
+        id: 'delete'
+      })
+    }
+  };
+};
+//action array
+var toActionArr = function toActionArr(actions, nodeData, IconMap) {
+  if (actions === undefined || actions === false) return [];
+  if (actions === true) {
+    return Object.keys(IconMap).map(function (k) {
+      return Object.assign(Object.assign({}, IconMap[k]), {
+        action: k
+      });
+    });
+  }
+  var arr = [];
+  Object.keys(actions).forEach(function (k) {
+    var aItem = actions[k];
+    if (k !== 'customizeActions') {
+      //非自定义
+      if (_typeof(aItem) === 'object') {
+        if (typeof aItem.show === 'function') {
+          if (aItem.show(nodeData)) arr.push(Object.assign(Object.assign(Object.assign({}, IconMap[k]), aItem), {
+            action: k
+          }));
+        } else {
+          arr.push(Object.assign(Object.assign(Object.assign({}, IconMap[k]), aItem), {
+            action: k
+          }));
+        }
+      } else if (typeof aItem === 'function') {
+        if (aItem(nodeData)) {
+          arr.push(Object.assign(Object.assign({}, IconMap[k]), {
+            action: k
+          }));
+        }
+      } else if (aItem) {
+        arr.push(Object.assign(Object.assign({}, IconMap[k]), {
+          action: k
+        }));
+      }
+    } else if (Array.isArray(aItem) && aItem.length) {
+      //自定义按钮
+      aItem.forEach(function (_) {
+        if (typeof _.show === 'function') {
+          if (_.show(nodeData)) {
+            arr.push(_);
+          }
+        } else arr.push(_);
+      });
+    }
+  });
+  return arr;
+};
+//tree node 操作栏
+var OperateBar = function OperateBar(props) {
+  var actionsCallback = props.actionsCallback,
+    opRef = props.opRef,
+    mouseInRef = props.mouseInRef,
+    showActions = props.showActions,
+    onRemove = props.onRemove;
+  var portalRef = useRef(null); //portal
+  var uidRef = useRef(UUID().replace(/-/g, '')); //portal uid
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    nodeData = _useState2[0],
+    setNodeData = _useState2[1]; //节点数据
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isRender = _useState4[0],
+    setIsRender = _useState4[1]; //重新渲染
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasPortal = _useState6[0],
+    setHasPortal = _useState6[1]; //创建插槽portal
+  var opRefCurrent = opRef.current;
+  var intl = useFormatMessage('Tree', localeJson);
+  //扇形位置
+  var getPosition = function getPosition(length, deg) {
+    var left = Math.round(Math.sin(Math.PI / 180 * deg) * length) + "px";
+    var top = -Math.round(Math.cos(Math.PI / 180 * deg) * length + 12) + "px";
+    return {
+      "left": left,
+      "top": top
+    };
+  };
+  //计算扇形半径
+  var calcRadius = function calcRadius(num) {
+    if (num <= 4) return 40;else if (num === 5) return 60;else if (num > 5 && num < 7) return 80;else return 100;
+  };
+  //更新外层容器样式
+  var updateContainerStyles = function updateContainerStyles(C, r) {
+    var _a, _b;
+    var _ref = ((_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.anchorEl) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {},
+      top = _ref.top,
+      left = _ref.left,
+      height = _ref.height;
+    var w = r + 24 + 12;
+    var h = r * 2 + 24 + 12;
+    top = top - h / 2 + height / 2;
+    C.style.cssText = "\n                            position: fixed;\n                            width:".concat(w, "px;\n                            height: ").concat(h, "px;\n                            top: ").concat(top, "px;\n                            left: ").concat(left, "px;\n                             ");
+  };
+  //计算角度
+  var getActionsAngle = function getActionsAngle(num, i) {
+    var interval = 0;
+    var deg = 0;
+    if (num === 4) {
+      interval = 60;
+      deg = i * interval;
+    } else if (num === 3) {
+      interval = 30;
+      deg = (2 * i + 1) * interval;
+    } else if (num === 2) {
+      interval = 60;
+      deg = (i + 1) * interval;
+    } else if (num === 1) {
+      deg = 90;
+    } else if (num === 5) {
+      interval = 45;
+      deg = i * interval;
+    } else if (num > 5 && num <= 7) {
+      interval = 30;
+      deg = i * interval;
+    } else if (num > 7) {
+      interval = 20;
+      deg = i * interval;
+    }
+    return deg;
+  };
+  //扇形展开
+  var sectorAndRotate = function sectorAndRotate() {
+    var _a;
+    var portal = document.getElementById(uidRef.current);
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
+    var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
+    var parentContainer = container === null || container === void 0 ? void 0 : container.parentNode;
+    var r = calcRadius(items.length);
+    if (parentContainer) {
+      updateContainerStyles(parentContainer, r);
+    }
+    for (var i = 0; i < items.length; i++) {
+      var item = items[i];
+      item.style.transition = ".3s";
+      item.style.opacity = 1;
+      //计算角度
+      var deg = getActionsAngle(items.length, i);
+      var _getPosition = getPosition(r, deg),
+        left = _getPosition.left,
+        top = _getPosition.top;
+      item.style.transform = "translate(".concat(left, ",").concat(top, ")");
+    }
+  };
+  //扇形收缩
+  var sectorAndRotateReverse = function sectorAndRotateReverse() {
+    var _a, _b;
+    var portal = document.getElementById(uidRef.current);
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
+    var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
+    for (var i = 0; i < items.length; i++) {
+      var item = items[i];
+      item.style.transition = ".3s";
+      item.style.transform = "translate(0,0)";
+      item.style.opacity = 0;
+    }
+    (_b = portal === null || portal === void 0 ? void 0 : portal.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(portal);
+    setHasPortal(false);
+  };
+  //显示扇形
+  var onShowSector = function onShowSector(nodeData, isShow) {
+    if (isShow) {
+      setNodeData(nodeData);
+      sectorAndRotate();
+    } else {
+      sectorAndRotateReverse();
+    }
+  };
+  //鼠标进入扇形
+  var onMouseInSector = function onMouseInSector() {
+    mouseInRef.current = true;
+  };
+  //鼠标离开扇形
+  var onMouseLeaveSector = function onMouseLeaveSector() {
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove(opRefCurrent.anchorEl);
+  };
+  //操作按钮点击回调
+  var handleNodeActions = function handleNodeActions(nodeData, type, evt) {
+    evt.stopPropagation();
+    actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(nodeData, type, evt);
+  };
+  //渲染操作栏
+  var renderOperateBar = function renderOperateBar() {
+    var actionArr = toActionArr(showActions, nodeData, getIconMap(intl));
+    if (!(actionArr === null || actionArr === void 0 ? void 0 : actionArr.length)) return null;
+    return actionArr.map(function (item, idx) {
+      var _ref2 = item !== null && item !== void 0 ? item : {},
+        action = _ref2.action,
+        text = _ref2.text,
+        icon = _ref2.icon;
+      return jsx(Tooltip, Object.assign({
+        title: text
+      }, {
+        children: jsx("li", Object.assign({
+          className: clsx('sector-item', {
+            'sector-item--del': action === 'del'
+          }),
+          onClick: function onClick(evt) {
+            return handleNodeActions(nodeData, action, evt);
+          }
+        }, {
+          children: icon
+        }))
+      }), idx);
+    });
+  };
+  //透传mouse enter 事件
+  useImperativeHandle(opRef, function () {
+    return Object.assign(Object.assign({}, opRefCurrent), {
+      uid: uidRef.current,
+      onShowSector: onShowSector
+    });
+  });
+  useEffect(function () {
+    //创建portal
+    var createPortal = function createPortal() {
+      var portal = document.getElementById(uidRef.current);
+      if (!portal) {
+        portal = document.createElement('div');
+        portal.id = uidRef.current;
+        portal.style.position = 'fixed';
+        portal.style.top = '-9999px';
+        portal.style.zIndex = 1500;
+        document.body.appendChild(portal);
+        setHasPortal(true);
+      }
+      setIsRender(true);
+      portalRef.current = portal;
+    };
+    if (!hasPortal) createPortal();
+  }, [hasPortal]);
+  //销毁
+  useEffect(function () {
+    return function () {
+      var _a, _b;
+      (_b = (_a = portalRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(portalRef.current);
+      setHasPortal(false);
+    };
+  }, []);
+  return jsx(Fragment, {
+    children: isRender && /*#__PURE__*/ReactDOM.createPortal(jsx("div", Object.assign({
+      className: "sector-container",
+      onMouseLeave: onMouseLeaveSector,
+      onMouseEnter: onMouseInSector
+    }, {
+      children: jsx("ul", Object.assign({
+        className: "sector-item-container"
+      }, {
+        children: renderOperateBar()
+      }))
+    })), portalRef.current)
+  });
+};
+
+//默认分页信息
+var 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 ? {
+      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,
+    notFoundContent = props.notFoundContent,
+    wrapperClassName = props.wrapperClassName,
+    wrapperStyle = props.wrapperStyle,
+    _props$showLoading = props.showLoading,
+    showLoading = _props$showLoading === void 0 ? true : _props$showLoading,
+    _props$tipMaxWidth = props.tipMaxWidth,
+    tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth,
+    onLoadedKey = props.onLoadedKey;
+  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];
+  //新属性
+  var newProps = Object.assign(Object.assign({}, props), {
+    showLine: Boolean(showLine),
+    checkStrictly: radioable || checkStrictly,
+    showIcon: radioable || showIcon
+  });
+  //生成class
+  var makeCls = function makeCls() {
+    var _clsx;
+    return clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_clsx, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_clsx, "".concat(prefixCls, "-unselectable"), !selectable), _defineProperty(_clsx, "".concat(prefixCls, "-radioable"), radioable), _defineProperty(_clsx, "".concat(prefixCls, "-radioable-showradio"), radioable && showRadio), _clsx), className);
+  };
+  //格式化treeData 替换显示字段
+  var formatTreeData = function formatTreeData(treeData) {
+    function recursive(dataList) {
+      var _ref = replaceFields || {},
+        key = _ref.key,
+        title = _ref.title,
+        children = _ref.children,
+        parentId = _ref.parentId;
+      dataList.forEach(function (item) {
+        var _a;
+        if (key) item.key = item[key];
+        if (title) item.title = item[title];
+        if (children) item.children = item[children];
+        if (parentId) item.parentId = item[parentId];
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) recursive(item.children);
+      });
+    }
+    if (replaceFields) recursive(treeData);
+    return treeData;
+  };
+  //内部 tree title render
+  var internalTitleRender = function internalTitleRender(nodeData) {
+    if (nodeData.moreFlag) {
+      //加载更多节点
+      return jsx("span", Object.assign({
+        className: "".concat($prefixCls, "-tree-title-wrapper"),
+        title: ''
+      }, {
+        children: jsx(AutoTips, Object.assign({
+          tipMaxWidth: tipMaxWidth
+        }, {
+          children: nodeData.title
+        }))
+      }));
+    }
+    return jsxs("span", Object.assign({
+      className: "".concat($prefixCls, "-tree-title-wrapper"),
+      onMouseEnter: handleTreeNodeMEnter,
+      onMouseLeave: handleTreeNodeMLeave,
+      onClick: handleTreeNodeClick,
+      title: blockNode ? '' : undefined
+    }, {
+      children: [jsx(AutoTips, Object.assign({
+        tipMaxWidth: tipMaxWidth
+      }, {
+        children: typeof titleRender === 'function' ? titleRender(nodeData) : nodeData.title
+      })), !!showActions && jsx("div", Object.assign({
+        className: "sector-anchor",
+        onMouseEnter: function onMouseEnter(evt) {
+          return handleSectorMEnter(nodeData, evt);
+        },
+        onMouseLeave: handleSectorMLeave
+      }, {
+        children: jsx(MoreOutlinedIcon, {})
+      }))]
+    }));
+  };
+  //tree node mouse enter
+  var handleTreeNodeMEnter = function handleTreeNodeMEnter(evt) {
+    evt.stopPropagation();
+    clearNodesState();
+    var _currTarget = evt.currentTarget;
+    if (_currTarget) {
+      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      var cParentEl = _currTarget.closest(pClsx);
+      nodesRef.current.push(cParentEl);
+      showMoreActionIcon(cParentEl, true);
+    }
+  };
+  //tree node mouse leave
+  var handleTreeNodeMLeave = function handleTreeNodeMLeave(evt) {
+    evt.stopPropagation();
+    clearNodesState();
+    var _currTarget = evt.currentTarget;
+    if (_currTarget) {
+      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      var cParentEl = _currTarget.closest(pClsx);
+      showMoreActionIcon(cParentEl, false);
+    }
+  };
+  // Tree node Click
+  var handleTreeNodeClick = function 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) {
+          showMoreActionIcon(el, true);
+        });
+      });
+    }
+  };
+  //节点显示更多图标
+  var showMoreActionIcon = function 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"));
+    } else {
+      cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
+    }
+  };
+  //mouse enter sector
+  var handleSectorMEnter = function handleSectorMEnter(nodeData, evt) {
+    evt.stopPropagation();
+    var _currTarget = evt.currentTarget;
+    opRef.current.anchorEl = _currTarget;
+    timeSectorRef.current = setTimeout(function () {
+      clearTimeout(timeSectorRef.current);
+      showSector(_currTarget, nodeData);
+    }, 300);
+  };
+  //mouse sector leave
+  var handleSectorMLeave = function handleSectorMLeave(evt) {
+    evt.stopPropagation();
+    clearTimeout(timeSectorRef.current);
+    var _anchor = evt.currentTarget;
+    var timer = setTimeout(function () {
+      clearTimeout(timer);
+      if (!mouseInSectorRef.current) {
+        removeSector(_anchor);
+      }
+    }, 300);
+  };
+  //显示扇形
+  var showSector = function showSector(anchorEl, nodeData) {
+    var _a, _b;
+    var portalRoot = document.getElementById(opRef.current.uid);
+    anchorEl.classList.add('sector-anchor--active');
+    if (portalRoot) {
+      var 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) {
+    var _a, _b;
+    if (anchorEl) {
+      anchorEl.classList.remove('sector-anchor--active');
+      (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, {}, false);
+    }
+  };
+  //离开扇形回调
+  var handleOnRemove = function handleOnRemove(anchorEl) {
+    if (anchorEl) {
+      var pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      var cParentEl = anchorEl.closest(pCls);
+      showMoreActionIcon(cParentEl, false);
+      removeSector(anchorEl);
+    }
+  };
+  //清除节点状态
+  var clearNodesState = function clearNodesState() {
+    var _a;
+    if ((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) {
+      nodesRef.current.forEach(function (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"));
+      });
+      nodesRef.current.length = 0;
+    }
+  };
+  //内部check
+  var internalCheck = function internalCheck(checkedKeys, e) {
+    var _a;
+    var temp = [];
+    var halfChecked = [];
+    if (radioable) {
+      //单选
+      var node = e.node;
+      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
+      if (e.checked) temp = [node[key]];
+    } else if (checkStrictly) {
+      //严格模式
+      temp = checkedKeys.checked;
+      halfChecked = checkedKeys.halfChecked;
+      halfCheckedKeys.current = halfChecked;
+    } else {
+      temp = checkedKeys;
+      halfChecked = e.halfCheckedKeys;
+    }
+    if (!('checkedKeys' in props)) {
+      setInCheckedKeys(temp);
+    }
+    onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
+  };
+  //展开节点
+  var internalExpand = function internalExpand(expandedKeys, e) {
+    if (!('expandedKeys' in props)) {
+      setInExpandedKeys(_toConsumableArray(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);
+    }));
+  };
+  //加载更多节点数据
+  var getLoadMoreData = function getLoadMoreData() {
+    return {
+      key: String((Math.random() * 1000000 | 0) + Date.now()),
+      title: intl({
+        id: 'loadMore'
+      }),
+      checkable: false,
+      disableCheckbox: true,
+      isLeaf: true,
+      selectable: false,
+      icon: null,
+      moreFlag: true
+    };
+  };
+  //渲染加载更多节点
+  var renderLoadMoreNode = function renderLoadMoreNode(dataNode) {
+    return jsx("span", Object.assign({
+      className: "".concat($prefixCls, "-tree-treenode-more-wrapper"),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        onLoadData(dataNode);
+      }
+    }, {
+      children: loadMoreNode || dataNode.title
+    }));
+  };
+  //更新tree数据
+  var updateTreeData = function updateTreeData(list, key, children, moreFlag) {
+    //root节点
+    if (key === 'ROOT_KEY') {
+      list.pop(); //删除加载更多节点
+      return list.concat(children);
+    }
+    return list.map(function (node) {
+      if (node.key === key) {
+        if (moreFlag) {
+          //加载更多
+          var child = node.children || [];
+          child.pop();
+          return Object.assign(Object.assign({}, node), {
+            children: child.concat(children)
+          });
+        }
+        return Object.assign(Object.assign({}, node), {
+          children: children
+        });
+      }
+      if (node.children) {
+        return Object.assign(Object.assign({}, node), {
+          children: updateTreeData(node.children, key, children, moreFlag)
+        });
+      }
+      return node;
+    });
+  };
+  //异步数据加载 [moreFlag]:加载更多标识
+  var onLoadData = function onLoadData(dataNode) {
+    var key = dataNode.key,
+      children = dataNode.children,
+      parentId = dataNode.parentId,
+      moreFlag = dataNode.moreFlag;
+    setInLoadKeys([].concat(_toConsumableArray(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();
+          }
+        }, _callee2);
+      }));
+    });
+  };
+  //转化tree数据
+  var transformTreeData = function transformTreeData(treeData, pageInfo, parentId) {
+    var newTreeData = convert(treeData); //tree结构
+    var page = pageInfo.page,
+      size = pageInfo.size,
+      total = pageInfo.total;
+    //计算分页，是否显示加载更多
+    if (page * size < total) {
+      var 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;
+      if (!(data === null || data === void 0 ? void 0 : data.length)) return obj;
+      data.forEach(function (item) {
+        var tKey = item.moreFlag ? item.parentId : item.key;
+        if (!obj[tKey]) {
+          obj[tKey] = Object.assign(Object.assign({}, item), nPageSize);
+        }
+      });
+      return obj;
+    }
+    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);
+    }));
+  };
+  //额外的属性
+  var getAdditionProps = function getAdditionProps() {
+    var additionProps = {};
+    if (asyncLoad)
+      //异步加载
+      additionProps.loadData = onLoadData;
+    if (loadData) additionProps.loadData = loadData;
+    additionProps.titleRender = internalTitleRender;
+    return additionProps;
+  };
+  useEffect(function () {
+    if (defaultCheckedKeys) {
+      //默认值checked
+      setInCheckedKeys(_toConsumableArray(defaultCheckedKeys));
+    }
+    if (defaultExpandedKeys) {
+      //默认值expanded
+      setInExpandedKeys(_toConsumableArray(defaultExpandedKeys));
+    }
+  }, [defaultCheckedKeys, defaultExpandedKeys]);
+  useEffect(function () {
+    if (checkedKeys) {
+      //选中keys
+      setInCheckedKeys(_toConsumableArray(getCheckedKeys(checkedKeys)));
+      halfCheckedKeys.current = getHalfCheckedKeys(checkedKeys);
+    }
+    if (expandedKeys) {
+      //展开keys
+      setInExpandedKeys(_toConsumableArray(expandedKeys));
+    }
+  }, [checkedKeys, expandedKeys]);
+  useEffect(function () {
+    if (loadedKeys) {
+      //loadedKeys
+      if (loadedKeys.length === 0) {
+        setInLoadKeys([]);
+        setInExpandedKeys([]);
+      } else {
+        setInLoadKeys(_toConsumableArray(loadedKeys));
+      }
+    }
+  }, [loadedKeys]);
+  useEffect(function () {
+    //默认展开所有
+    function _expandAllNode(newTreeData) {
+      var keys = [];
+      function recursive(dataList) {
+        dataList.forEach(function (item) {
+          var _a;
+          if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            keys.push(item.key);
+            recursive(item.children);
+          }
+        });
+      }
+      if (!expandedKeys && !defaultExpandedKeys) {
+        recursive(newTreeData);
+        if (keys.length) setInExpandedKeys(keys);
+      }
+    }
+    //tree 初始化
+    if (Array.isArray(originTreeData)) {
+      var newTreeData = formatTreeData(originTreeData);
+      //本地过滤
+      if (localFilter) treeOriDataRef.current = deepCopy(newTreeData);
+      if (newProps.defaultExpandAll) {
+        //默认展开所有
+        _expandAllNode(newTreeData);
+      }
+      setTreeData(_toConsumableArray(newTreeData));
+    } else {
+      initTree();
+    }
+  }, [url, ctx, params, method, refresh, originTreeData]);
+  useEffect(function () {
+    //过滤数据
+    function _filterData(_ref2) {
+      var searchKey = _ref2.searchKey,
+        searchValue = _ref2.searchValue;
+      if (!searchKey) return;
+      if (searchValue === '') {
+        setTreeData(treeOriDataRef.current);
+        var tKeys = expandedKeys || defaultExpandedKeys;
+        setInExpandedKeys(_toConsumableArray(tKeys || []));
+        return;
+      }
+      var 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());
+        return isMatch ? acc.concat(curr) : acc;
+      }, []);
+      var 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 || []));
+      }, []);
+    }
+    if (localFilter) {
+      //开启本地过滤
+      if (onFilter) {
+        var fData = onFilter(treeOriDataRef.current);
+        if (!fData) return;
+        setTreeData(fData);
+        return;
+      }
+      if (localParams) _filterData(localParams);
+    }
+  }, [localFilter, localParams]);
+  //渲染空状态
+  var renderEmpty = jsx("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className),
+    style: props.style
+  }, {
+    children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
+      size: 'small'
+    }, emptyProps))
+  }));
+  //tree memo
+  var treeMemo = useMemo(function () {
+    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;
+    if (checkStrictly) {
+      tCheckedKeys = {
+        checked: inCheckedKeys,
+        halfChecked: halfCheckedKeys.current
+      };
+    }
+    return jsx(RcTree, Object.assign({
+      itemHeight: 20,
+      ref: ref
+    }, newProps, {
+      prefixCls: prefixCls,
+      className: makeCls(),
+      checkable: radioable || checkable ? jsx("span", {
+        className: "".concat(prefixCls, "-checkbox-inner")
+      }) : checkable,
+      selectable: radioable ? false : selectable,
+      switcherIcon: function switcherIcon(nodeProps) {
+        return renderSwitcherIcon(prefixCls, _switcherIcon, showLine, nodeProps);
+      }
+    }, getAdditionProps(), {
+      treeData: treeData,
+      checkedKeys: tCheckedKeys,
+      expandedKeys: inExpandedKeysKeys,
+      loadedKeys: inLoadedKeys,
+      onCheck: internalCheck,
+      onExpand: internalExpand,
+      icon: function icon(nodeProps) {
+        if (_icon) {
+          return typeof _icon === 'function' ? _icon(nodeProps) : _icon;
+        }
+        if (nodeProps.checkable === false) return null;
+        if (!radioable) return null;else if (!showRadio) return null;
+        return renderTreeNodeIcon(nodeProps, radioable, inCheckedKeys[0], replaceFields);
+      }
+    }));
+  }, [treeData, inCheckedKeys, inExpandedKeysKeys, newProps.selectedKeys, inLoadedKeys]);
+  //OperateBar render
+  var renderOperateBar = function renderOperateBar() {
+    return !!showActions ? jsx(OperateBar, {
+      opRef: opRef,
+      mouseInRef: mouseInSectorRef,
+      actionsCallback: actionsCallback,
+      onRemove: handleOnRemove,
+      showActions: showActions
+    }) : null;
+  };
+  return jsxs(Fragment, {
+    children: [jsxs("div", Object.assign({
+      className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
+      style: wrapperStyle
+    }, {
+      children: [treeMemo, loading && jsx(Loading, {})]
+    })), renderOperateBar()]
+  });
+});
+Tree.defaultProps = {
+  checkable: false,
+  selectable: true,
+  showIcon: false,
+  motion: Object.assign(Object.assign({}, collapseMotion), {
+    motionAppear: false
+  }),
+  blockNode: false
+};
+
+// @ts-ignore
+if (!Element.prototype.closest) {
+  Element.prototype.closest = function (s) {
+    var el = this;
+    if (!document.documentElement.contains(el)) return null;
+    do {
+      if (el.matches(s)) return el;
+      el = el.parentElement;
+    } while (el !== null);
+    return null;
+  };
+}
+
+export { Tree as T };