@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.3

package/lib/ProTree/components/Tree.js

@@ -1,347 +1,278 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTree/components/Tree.tsx
+var Tree_exports = {};
+__export(Tree_exports, {
+  default: () => Tree_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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 _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-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 _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 */
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-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'];
+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"];
 function List(props) {
-  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 ? (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)(function () {
+  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)(() => {
     if (searchStr) {
-      var newExpandedKeys = flatTreeData.map(function (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);
+      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);
         }
         return null;
-      }).filter(function (item, i, self) {
-        return item && self.indexOf(item) === i;
-      });
+      }).filter((item, i, self) => item && self.indexOf(item) === i);
       setState({
         expandedKeys: newExpandedKeys,
         autoExpandParent: true
       });
     }
   }, [searchStr]);
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (innerExpandKeys) {
       setState({
         expandedKeys: innerExpandKeys
       });
     }
   }, [innerExpandKeys]);
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (!checkable) {
-      // 单选树，checkedValues为string，选中那个树节点
       setState({
         currentClickTreeNode: checkedValues
       });
     }
   }, [checkedValues]);
-  (0, _react.useEffect)(function () {
-    // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
+  (0, import_react.useEffect)(() => {
     if (checkable) {
       setState({
         currentClickTreeNode: selectedKey
       });
     }
   }, [selectedKey]);
-  var onSelect = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee(value, item) {
-      var _props$onSelect;
-      var val;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            if (!handing) {
-              _context.n = 1;
-              break;
-            }
-            return _context.a(2, null);
-          case 1:
-            val = value;
-            if (!isRadioSelect && value === currentClickTreeNode) {
-              // 如果当前点击了已经选中节点，那么取消选择
-              val = '';
-            }
-            setState({
-              currentClickTreeNode: val,
-              handing: true
-            });
-            _context.n = 2;
-            return props === null || props === void 0 ? void 0 : (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
-          case 2:
-            setState({
-              handing: false
-            });
-          case 3:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function onSelect(_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var TreeNodeRow = function 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 ? void 0 : operateButton.map(function (item, i) {
-      return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
-        children: item
-      }, i);
+  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 hide = function hide() {
+    const hide = () => {
       setOpen(false);
     };
-    var handleOpenChange = function handleOpenChange(newOpen) {
+    const handleOpenChange = (newOpen) => {
       setOpen(newOpen);
     };
-    var expandIcon = (0, _jsxRuntime.jsx)("span", {
-      className: "icon-item",
-      children: (0, _jsxRuntime.jsx)("svg", {
+    const expandIcon = /* @__PURE__ */ import_react.default.createElement("span", { className: "icon-item" }, /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
         version: "1.1",
-        className: "icon-item svg-icon-expand",
-        children: (0, _jsxRuntime.jsx)("g", {
-          id: "\u6811\u7ED3\u6784",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-          children: (0, _jsxRuntime.jsx)("g", {
-            id: "\u6811\u7ED3\u6784\u4EA4\u4E92",
-            transform: "translate(-2285.000000, -2413.000000)",
-            fill: "currentColor",
-            children: (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: (0, _jsxRuntime.jsxs)("g", {
-                id: "\u7F16\u7EC4-4",
-                transform: "translate(220.000000, 2.000000)",
-                children: [(0, _jsxRuntime.jsxs)("g", {
-                  id: "icon_more\u5907\u4EFD-9",
-                  transform: "translate(7.000000, 3.000000)",
-                  children: [(0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62",
-                    x: "0",
-                    y: "0",
-                    width: "2",
-                    height: "2"
-                  }), (0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-3",
-                    x: "0",
-                    y: "4",
-                    width: "2",
-                    height: "2"
-                  }), (0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-4",
-                    x: "0",
-                    y: "8",
-                    width: "2",
-                    height: "2"
-                  })]
-                }), (0, _jsxRuntime.jsxs)("g", {
-                  id: "icon_more\u5907\u4EFD-9",
-                  transform: "translate(7.000000, 3.000000)",
-                  children: [(0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62",
-                    x: "0",
-                    y: "0",
-                    width: "2",
-                    height: "2"
-                  }), (0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-3",
-                    x: "0",
-                    y: "4",
-                    width: "2",
-                    height: "2"
-                  }), (0, _jsxRuntime.jsx)("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-4",
-                    x: "0",
-                    y: "8",
-                    width: "2",
-                    height: "2"
-                  })]
-                })]
-              })
-            })
-          })
-        })
-      })
-    });
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: nodeClass,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onSelect(item === null || item === void 0 ? void 0 : item[fieldNameValue], {
-          node: e === null || e === void 0 ? void 0 : e.target,
-          event: e,
-          item: item,
-          selected: !isChecked
-        });
+        className: "icon-item svg-icon-expand"
       },
-      children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
-        className: "pro-tree-tree-node-tag",
-        style: {
-          backgroundColor: tagsBgColors[index],
-          color: tagsColors[index]
+      /* @__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"
         },
-        children: (0, _jsxRuntime.jsx)("span", {
-          children: tags[index]
-        })
-      }) : null, (0, _jsxRuntime.jsxs)("div", {
-        className: "tree-node-show-text",
-        children: [(0, _jsxRuntime.jsx)("div", {
-          className: "tree-node-show-text-label",
-          children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, (0, _objectSpread2.default)({
-            label: title,
-            searchStr: searchStr
-          }, other))
-        }), (0, _jsxRuntime.jsx)("div", {
+        /* @__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
+          });
+        }
+      },
+      tags && tags.length ? /* @__PURE__ */ import_react.default.createElement(
+        "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",
+        {
           className: "operate-tree-node-btns",
-          onClick: function onClick(e) {
+          onClick: (e) => {
             e.stopPropagation();
-          },
-          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? (0, _jsxRuntime.jsx)(_antd.Popover, {
+          }
+        },
+        (operateButton == null ? void 0 : operateButton.length) > 1 ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Popover,
+          {
             classNames: {
-              root: 'pro-tree-operate-container'
+              root: "pro-tree-operate-container"
             },
-            content: (0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-operate-btn-popover",
-              onClick: hide,
-              children: operateButton
-            }),
+            content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-operate-btn-popover", onClick: hide }, operateButton),
             trigger: "click",
-            open: open,
+            open,
             onOpenChange: handleOpenChange,
-            placement: "bottomRight",
-            children: expandIcon
-          }) : operateButton
-        })]
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "brand-bg-opa-ten"
-      })]
-    }, onlyKey);
+            placement: "bottomRight"
+          },
+          expandIcon
+        ) : operateButton
+      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "brand-bg-opa-ten" })
+    );
   };
   function fn() {
-    var _loop = function loop(data, index) {
+    const loop = (data, index) => {
       index++;
-      var treeRow = data.map(function (item) {
-        var nodeClass = 'pro-tree-tree-node ';
-        var isChecked = false;
+      const treeRow = data.map((item) => {
+        let nodeClass = "pro-tree-tree-node ";
+        let isChecked = false;
         if (currentClickTreeNode === item[fieldNameValue]) {
-          nodeClass += ' checked';
+          nodeClass += " checked";
           isChecked = true;
         }
-        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-        var nodeTitle = (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]
-        });
+        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]
+          }
+        );
         if (item[fieldNames.children]) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          return {
+            ...item,
             title: nodeTitle,
-            key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
-            children: _loop(item[fieldNames.children], index)
-          });
+            key: (item == null ? void 0 : item.key) || item[fieldNameValue],
+            children: loop(item[fieldNames.children], index)
+          };
         }
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        return {
+          ...item,
           title: nodeTitle,
-          key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue]
-        });
+          key: (item == null ? void 0 : item.key) || item[fieldNameValue]
+        };
       });
       return treeRow;
     };
-    if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
+    if ((other == null ? void 0 : other.mode) === "view") {
       return;
     }
-    var newTreeData = originalTreeData;
+    let newTreeData = originalTreeData;
     if (searchStr) {
-      newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
+      newTreeData = (0, import_utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
     }
-    return _loop(newTreeData, -1);
+    return loop(newTreeData, -1);
   }
-  var _treeData = fn();
-  var onExpand = function onExpand(newExpandedKeys, nextPara) {
+  const _treeData = fn();
+  const onExpand = (newExpandedKeys, nextPara) => {
     setState({
       expandedKeys: newExpandedKeys,
       autoExpandParent: false
@@ -350,34 +281,31 @@ function List(props) {
       other.onExpand(newExpandedKeys, nextPara);
     }
   };
-  var others = other;
-  var additionProps = {};
+  const others = other;
+  const additionProps = {};
   if (expandedKeys) {
     additionProps.expandedKeys = expandedKeys;
   }
-  return (0, _jsxRuntime.jsx)("div", {
-    className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: (_treeData === null || _treeData === void 0 ? void 0 : _treeData.length) ? (0, _jsxRuntime.jsx)(_antd.Tree, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), additionProps), {}, {
-      disabled: disabled,
-      style: {
-        width: '100%'
-      },
+  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%" },
       treeData: _treeData,
-      onExpand: onExpand,
-      autoExpandParent: autoExpandParent,
+      onExpand,
+      autoExpandParent,
       selectable: false,
-      onCheck: onCheck,
+      onCheck,
       checkedKeys: checkedValues,
-      checkStrictly: checkStrictly,
-      showLine: showLine,
-      switcherIcon: switcherIcon,
-      checkable: checkable,
-      onSelect: onSelect,
+      checkStrictly,
+      showLine,
+      switcherIcon,
+      checkable,
+      onSelect,
       blockNode: true
-    })) : (0, _jsxRuntime.jsx)("div", {
-      className: "empty-tree",
-      children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTree = _locale.default.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
-    })
-  });
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-tree" }, (_b = (_a = import_locale.default) == null ? void 0 : _a.ProTree) == null ? void 0 : _b.emptyTips));
 }
-var _default = exports.default = List;
+var Tree_default = List;