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

package/lib/ProTree/components/Tree.js

@@ -1,93 +1,82 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTree/components/Tree.tsx
-var Tree_exports = {};
-__export(Tree_exports, {
-  default: () => Tree_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Tree_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_ahooks = require("ahooks");
-var import_icons = require("@ant-design/icons");
-var import_SearchTitle = __toESM(require("./SearchTitle"));
-var import_utils = require("../utils");
-var import_locale = __toESM(require("../../locale"));
-var tagsBgColors = [
-  "rgba(0, 106, 255,0.16)",
-  "rgba(0, 196, 74,0.16)",
-  "rgba(255, 140, 0,0.16)",
-  "rgba(255, 80, 80,0.16)",
-  "rgba(97, 97, 97, 0.16)"
-];
-var tagsColors = ["#006AFF", "#00C44A", "#FF8C00", "#FF5050", "#616161"];
+exports.default = void 0;
+require("antd/es/tree/style");
+var _tree = _interopRequireDefault(require("antd/es/tree"));
+require("antd/es/popover/style");
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _icons = require("@ant-design/icons");
+var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
+var _utils = require("../utils");
+var _locale = _interopRequireDefault(require("../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 */
+var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
+var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
 function List(props) {
-  var _a, _b;
-  const {
-    checkedValues,
-    disabled,
-    searchStr,
-    originalTreeData,
-    showCodeName = false,
-    checkStrictly = false,
-    flatTreeData,
-    mode = "render",
-    fieldNames,
-    tags,
-    onCheck,
-    // onSelect,
-    optionRender,
-    treeData,
-    showLine = true,
-    switcherIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.CaretDownOutlined, null),
-    checkable = false,
-    menu,
-    innerExpandKeys,
-    selectedKey,
-    disabledMode,
-    isRadioSelect,
-    ...other
-  } = props;
-  const fieldNameLabel = fieldNames.label;
-  const fieldNameValue = fieldNames.value;
-  const [{ expandedKeys, autoExpandParent, currentClickTreeNode, handing }, setState] = (0, import_ahooks.useSetState)({
-    expandedKeys: void 0,
-    autoExpandParent: true,
-    currentClickTreeNode: null,
-    handing: false
-  });
-  (0, import_react.useEffect)(() => {
+  var _locale$ProTree;
+  var checkedValues = props.checkedValues,
+    disabled = props.disabled,
+    searchStr = props.searchStr,
+    originalTreeData = props.originalTreeData,
+    _props$showCodeName = props.showCodeName,
+    showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
+    _props$checkStrictly = props.checkStrictly,
+    checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
+    flatTreeData = props.flatTreeData,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'render' : _props$mode,
+    fieldNames = props.fieldNames,
+    tags = props.tags,
+    onCheck = props.onCheck,
+    optionRender = props.optionRender,
+    treeData = props.treeData,
+    _props$showLine = props.showLine,
+    showLine = _props$showLine === void 0 ? true : _props$showLine,
+    _props$switcherIcon = props.switcherIcon,
+    switcherIcon = _props$switcherIcon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretDownOutlined, {}) : _props$switcherIcon,
+    _props$checkable = props.checkable,
+    checkable = _props$checkable === void 0 ? false : _props$checkable,
+    menu = props.menu,
+    innerExpandKeys = props.innerExpandKeys,
+    selectedKey = props.selectedKey,
+    disabledMode = props.disabledMode,
+    isRadioSelect = props.isRadioSelect,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var fieldNameLabel = fieldNames.label;
+  var fieldNameValue = fieldNames.value;
+  var _useSetState = (0, _ahooks.useSetState)({
+      expandedKeys: undefined,
+      autoExpandParent: true,
+      currentClickTreeNode: null,
+      handing: false
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    expandedKeys = _useSetState2$.expandedKeys,
+    autoExpandParent = _useSetState2$.autoExpandParent,
+    currentClickTreeNode = _useSetState2$.currentClickTreeNode,
+    handing = _useSetState2$.handing,
+    setState = _useSetState2[1];
+  (0, _react.useEffect)(() => {
     if (searchStr) {
-      const newExpandedKeys = flatTreeData.map((item) => {
-        const title = item[fieldNameValue] + item[fieldNameLabel];
-        if ((title == null ? void 0 : title.indexOf(searchStr)) > -1) {
-          return (0, import_utils.getParentKey)(item[fieldNameValue], originalTreeData, fieldNames);
+      var newExpandedKeys = flatTreeData.map(item => {
+        var title = item[fieldNameValue] + item[fieldNameLabel];
+        if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
+          return (0, _utils.getParentKey)(item[fieldNameValue], originalTreeData, fieldNames);
         }
         return null;
       }).filter((item, i, self) => item && self.indexOf(item) === i);
@@ -97,182 +86,263 @@ function List(props) {
       });
     }
   }, [searchStr]);
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     if (innerExpandKeys) {
       setState({
         expandedKeys: innerExpandKeys
       });
     }
   }, [innerExpandKeys]);
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     if (!checkable) {
+      // 单选树，checkedValues为string，选中那个树节点
       setState({
         currentClickTreeNode: checkedValues
       });
     }
   }, [checkedValues]);
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
+    // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
     if (checkable) {
       setState({
         currentClickTreeNode: selectedKey
       });
     }
   }, [selectedKey]);
-  const onSelect = async (value, item) => {
-    var _a2;
-    if (handing) {
-      return null;
-    }
-    let val = value;
-    if (!isRadioSelect && value === currentClickTreeNode) {
-      val = "";
-    }
-    setState({
-      currentClickTreeNode: val,
-      handing: true
-    });
-    await ((_a2 = props == null ? void 0 : props.onSelect) == null ? void 0 : _a2.call(props, val, item));
-    setState({
-      handing: false
-    });
-  };
-  const TreeNodeRow = (props2) => {
-    const { nodeClass, item, index, title, isChecked, onlyKey } = props2;
-    const [open, setOpen] = (0, import_react.useState)(false);
-    const operateButton = menu && menu(item == null ? void 0 : item[fieldNameValue], item);
-    operateButton == null ? void 0 : operateButton.map((item2, i) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: i }, item2);
+  var onSelect = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, item) {
+      var _props$onSelect;
+      var val;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!handing) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return", null);
+          case 2:
+            val = value;
+            if (!isRadioSelect && value === currentClickTreeNode) {
+              // 如果当前点击了已经选中节点，那么取消选择
+              val = '';
+            }
+            setState({
+              currentClickTreeNode: val,
+              handing: true
+            });
+            _context.next = 7;
+            return props === null || props === void 0 || (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
+          case 7:
+            setState({
+              handing: false
+            });
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSelect(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var TreeNodeRow = props => {
+    var nodeClass = props.nodeClass,
+      item = props.item,
+      index = props.index,
+      title = props.title,
+      isChecked = props.isChecked,
+      onlyKey = props.onlyKey;
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      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((item, i) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: item
+      }, i);
     });
-    const hide = () => {
+    var hide = () => {
       setOpen(false);
     };
-    const handleOpenChange = (newOpen) => {
+    var handleOpenChange = newOpen => {
       setOpen(newOpen);
     };
-    const expandIcon = /* @__PURE__ */ import_react.default.createElement("span", { className: "icon-item" }, /* @__PURE__ */ import_react.default.createElement(
-      "svg",
-      {
+    var expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "icon-item",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
         version: "1.1",
-        className: "icon-item svg-icon-expand"
-      },
-      /* @__PURE__ */ import_react.default.createElement("g", { id: "树结构", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement(
-        "g",
-        {
-          id: "树结构交互",
-          transform: "translate(-2285.000000, -2413.000000)",
-          fill: "currentColor"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "g",
-          {
-            id: "数据展示/树形控件/带连接线备份-3",
-            transform: "translate(2065.000000, 2411.000000)"
-          },
-          /* @__PURE__ */ import_react.default.createElement("g", { id: "编组-4", transform: "translate(220.000000, 2.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "icon_more备份-9", transform: "translate(7.000000, 3.000000)" }, /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形", x: "0", y: "0", width: "2", height: "2" }), /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形备份-3", x: "0", y: "4", width: "2", height: "2" }), /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形备份-4", x: "0", y: "8", width: "2", height: "2" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "icon_more备份-9", transform: "translate(7.000000, 3.000000)" }, /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形", x: "0", y: "0", width: "2", height: "2" }), /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形备份-3", x: "0", y: "4", width: "2", height: "2" }), /* @__PURE__ */ import_react.default.createElement("rect", { id: "矩形备份-4", x: "0", y: "8", width: "2", height: "2" })))
-        )
-      ))
-    ));
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: nodeClass,
-        key: onlyKey,
-        onClick: (e) => {
-          e.stopPropagation();
-          onSelect(item == null ? void 0 : item[fieldNameValue], {
-            node: e == null ? void 0 : e.target,
-            event: e,
-            item,
-            selected: !isChecked
-          });
-        }
+        className: "icon-item svg-icon-expand",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          id: "\u6811\u7ED3\u6784",
+          stroke: "none",
+          strokeWidth: "1",
+          fill: "none",
+          fillRule: "evenodd",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+            id: "\u6811\u7ED3\u6784\u4EA4\u4E92",
+            transform: "translate(-2285.000000, -2413.000000)",
+            fill: "currentColor",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+              id: "\u6570\u636E\u5C55\u793A/\u6811\u5F62\u63A7\u4EF6/\u5E26\u8FDE\u63A5\u7EBF\u5907\u4EFD-3",
+              transform: "translate(2065.000000, 2411.000000)",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                id: "\u7F16\u7EC4-4",
+                transform: "translate(220.000000, 2.000000)",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                  id: "icon_more\u5907\u4EFD-9",
+                  transform: "translate(7.000000, 3.000000)",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62",
+                    x: "0",
+                    y: "0",
+                    width: "2",
+                    height: "2"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62\u5907\u4EFD-3",
+                    x: "0",
+                    y: "4",
+                    width: "2",
+                    height: "2"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62\u5907\u4EFD-4",
+                    x: "0",
+                    y: "8",
+                    width: "2",
+                    height: "2"
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                  id: "icon_more\u5907\u4EFD-9",
+                  transform: "translate(7.000000, 3.000000)",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62",
+                    x: "0",
+                    y: "0",
+                    width: "2",
+                    height: "2"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62\u5907\u4EFD-3",
+                    x: "0",
+                    y: "4",
+                    width: "2",
+                    height: "2"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    id: "\u77E9\u5F62\u5907\u4EFD-4",
+                    x: "0",
+                    y: "8",
+                    width: "2",
+                    height: "2"
+                  })]
+                })]
+              })
+            })
+          })
+        })
+      })
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: nodeClass,
+      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,
+          selected: !isChecked
+        });
       },
-      tags && tags.length ? /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: "pro-tree-tree-node-tag",
-          style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] }
+      children: [tags && tags.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-tree-tree-node-tag",
+        style: {
+          backgroundColor: tagsBgColors[index],
+          color: tagsColors[index]
         },
-        /* @__PURE__ */ import_react.default.createElement("span", null, tags[index])
-      ) : null,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-node-show-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-node-show-text-label" }, optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ import_react.default.createElement(import_SearchTitle.default, { label: title, searchStr, ...other })), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: tags[index]
+        })
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "tree-node-show-text",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "tree-node-show-text-label",
+          children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, (0, _objectSpread2.default)({
+            label: title,
+            searchStr: searchStr
+          }, other))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "operate-tree-node-btns",
-          onClick: (e) => {
+          onClick: e => {
             e.stopPropagation();
-          }
-        },
-        (operateButton == null ? void 0 : operateButton.length) > 1 ? /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Popover,
-          {
+          },
+          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
             classNames: {
-              root: "pro-tree-operate-container"
+              root: 'pro-tree-operate-container'
             },
-            content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-operate-btn-popover", onClick: hide }, operateButton),
+            content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "pro-tree-operate-btn-popover",
+              onClick: hide,
+              children: operateButton
+            }),
             trigger: "click",
-            open,
+            open: open,
             onOpenChange: handleOpenChange,
-            placement: "bottomRight"
-          },
-          expandIcon
-        ) : operateButton
-      )),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "brand-bg-opa-ten" })
-    );
+            placement: "bottomRight",
+            children: expandIcon
+          }) : operateButton
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "brand-bg-opa-ten"
+      })]
+    }, onlyKey);
   };
   function fn() {
-    const loop = (data, index) => {
+    var loop = (data, index) => {
       index++;
-      const treeRow = data.map((item) => {
-        let nodeClass = "pro-tree-tree-node ";
-        let isChecked = false;
+      var treeRow = data.map(item => {
+        var nodeClass = 'pro-tree-tree-node ';
+        var isChecked = false;
         if (currentClickTreeNode === item[fieldNameValue]) {
-          nodeClass += " checked";
+          nodeClass += ' checked';
           isChecked = true;
         }
-        const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-        const nodeTitle = /* @__PURE__ */ import_react.default.createElement(
-          TreeNodeRow,
-          {
-            nodeClass,
-            item,
-            index,
-            title: (item == null ? void 0 : item.title) || title,
-            isChecked,
-            onlyKey: item[fieldNameValue]
-          }
-        );
+        var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+        var nodeTitle = /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeNodeRow, {
+          nodeClass: nodeClass,
+          item: item,
+          index: index,
+          title: (item === null || item === void 0 ? void 0 : item.title) || title,
+          isChecked: isChecked,
+          onlyKey: item[fieldNameValue]
+        });
         if (item[fieldNames.children]) {
-          return {
-            ...item,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
             title: nodeTitle,
-            key: (item == null ? void 0 : item.key) || item[fieldNameValue],
+            key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
             children: loop(item[fieldNames.children], index)
-          };
+          });
         }
-        return {
-          ...item,
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           title: nodeTitle,
-          key: (item == null ? void 0 : item.key) || item[fieldNameValue]
-        };
+          key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue]
+        });
       });
       return treeRow;
     };
-    if ((other == null ? void 0 : other.mode) === "view") {
+    if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
       return;
     }
-    let newTreeData = originalTreeData;
+    var newTreeData = originalTreeData;
     if (searchStr) {
-      newTreeData = (0, import_utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
+      newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
     }
     return loop(newTreeData, -1);
   }
-  const _treeData = fn();
-  const onExpand = (newExpandedKeys, nextPara) => {
+  var _treeData = fn();
+  var onExpand = (newExpandedKeys, nextPara) => {
     setState({
       expandedKeys: newExpandedKeys,
       autoExpandParent: false
@@ -281,31 +351,34 @@ function List(props) {
       other.onExpand(newExpandedKeys, nextPara);
     }
   };
-  const others = other;
-  const additionProps = {};
+  var others = other;
+  var additionProps = {};
   if (expandedKeys) {
     additionProps.expandedKeys = expandedKeys;
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: disabledMode === "hide" ? "hide-disable-node" : "" }, (_treeData == null ? void 0 : _treeData.length) ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Tree,
-    {
-      ...others,
-      ...additionProps,
-      disabled,
-      style: { width: "100%" },
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: disabledMode === 'hide' ? 'hide-disable-node' : '',
+    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tree.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), additionProps), {}, {
+      disabled: disabled,
+      style: {
+        width: '100%'
+      },
       treeData: _treeData,
-      onExpand,
-      autoExpandParent,
+      onExpand: onExpand,
+      autoExpandParent: autoExpandParent,
       selectable: false,
-      onCheck,
+      onCheck: onCheck,
       checkedKeys: checkedValues,
-      checkStrictly,
-      showLine,
-      switcherIcon,
-      checkable,
-      onSelect,
+      checkStrictly: checkStrictly,
+      showLine: showLine,
+      switcherIcon: switcherIcon,
+      checkable: checkable,
+      onSelect: onSelect,
       blockNode: true
-    }
-  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-tree" }, (_b = (_a = import_locale.default) == null ? void 0 : _a.ProTree) == null ? void 0 : _b.emptyTips));
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "empty-tree",
+      children: _locale.default === null || _locale.default === void 0 || (_locale$ProTree = _locale.default.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
+    })
+  });
 }
-var Tree_default = List;
+var _default = exports.default = List;