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

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

@@ -1,28 +1,27 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _debounce from "lodash/debounce";
-import _cloneDeep from "lodash/cloneDeep";
 var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
   _excluded2 = ["children"];
-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); }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-danger */
 /* eslint-disable react/jsx-closing-tag-location */
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
 import { Input, TreeSelect, message, Tooltip } from 'antd';
 import classnames from 'classnames';
-import { useImperativeHandle, forwardRef, useCallback } from 'react';
-import locale from '../../../locale';
-import { useProConfig } from '../../../ProConfigProvider';
-import Container from '../../../ProForm/components/Container';
-import AdaptiveTooltip from '../AdaptiveTooltip';
+import React, { useImperativeHandle, forwardRef, useCallback } from 'react';
+import { cloneDeep, debounce } from 'lodash';
+import locale from "../../../locale";
+import { useProConfig } from "../../../ProConfigProvider";
+import Container from "../../../ProForm/components/Container";
+import AdaptiveTooltip from "../AdaptiveTooltip";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SHOW_PARENT = TreeSelect.SHOW_PARENT;
 export var ProTreeSelect = function ProTreeSelect(props, ref) {
-  var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$classNam3, _selectProps$styles, _selectProps$styles2, _selectProps$styles2$;
+  var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$styles, _selectProps$styles2;
   // 全局属性配置在ConfigProvider
   var _ref = useProConfig('ProTreeSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
@@ -97,6 +96,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     _useSetState2$$origDa = _useSetState2$.origDataSource,
     origDataSource = _useSetState2$$origDa === void 0 ? [] : _useSetState2$$origDa,
     setState = _useSetState2[1];
+
   /**
    * 如果数据少于10条那么将数据平铺返回
    * @param dictsEnum 原始数据
@@ -108,14 +108,14 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     var count = 0;
     var result = [];
-    var _loopCount = function loopCount(data) {
+    var loopCount = function loopCount(data) {
       data.map(function (item) {
         count += 1;
         var children = item.children,
           other = _objectWithoutProperties(item, _excluded2);
         result.push(_objectSpread({}, other));
         if (item.children) {
-          _loopCount(item.children);
+          loopCount(item.children);
         }
         return item;
       });
@@ -123,12 +123,13 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if ((dictsEnum === null || dictsEnum === void 0 ? void 0 : dictsEnum.length) > 10) {
       return dictsEnum;
     }
-    _loopCount(dictsEnum);
+    loopCount(dictsEnum);
     if (count <= 10) {
       return result;
     }
     return dictsEnum;
   };
+
   /**
    * 如果要展示code-name，那么将源数据的label转为code-name
    * @param dataArr 源数据
@@ -136,18 +137,18 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @returns 转换结果
    */
   var transferDataSource = function transferDataSource(dataArr, showCodeAndName) {
-    var copyData = _cloneDeep(dataArr);
-    var _loop = function loop(arr) {
+    var copyData = cloneDeep(dataArr);
+    var loop = function loop(arr) {
       arr.map(function (item) {
         item[label] = "".concat(item[code], "-").concat(item[label]);
         if (item.children) {
-          _loop(item.children);
+          loop(item.children);
         }
         return item;
       });
     };
     if (showCodeAndName) {
-      _loop(copyData);
+      loop(copyData);
     }
     return copyData;
   };
@@ -181,6 +182,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return data;
   }, []);
+
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
   var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
     manual: true,
@@ -198,16 +200,17 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
+  var cacheList = useRequest !== null && useRequest !== void 0 && (_useRequest$options = useRequest.options) !== null && _useRequest$options !== void 0 && _useRequest$options.cacheKey ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
   useImperativeHandle(ref, function () {
     return {
       useRequestRef: fetchFunction
     };
   });
+
   // 设置cacheKey后使用缓存的数据
   useDeepCompareEffect(function () {
     var _useRequest$options2;
-    if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
+    if (fetchFunction !== null && fetchFunction !== void 0 && fetchFunction.data, useRequest !== null && useRequest !== void 0 && (_useRequest$options2 = useRequest.options) !== null && _useRequest$options2 !== void 0 && _useRequest$options2.cacheKey) {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(fetchFunction.data);
         var resultData = transferDataSource(responseData, showCodeName);
@@ -249,24 +252,26 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if (defaultDisableValue || !useRequest) {
       return undefined;
     }
-    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
+    if (manual || cacheList !== null && cacheList !== void 0 && cacheList.length) {
       return;
     }
     var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
+
   // disable默认值
   if (defaultDisableValue) {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       title: defaultDisableValue,
-      children: _jsx(Input, {
+      children: /*#__PURE__*/_jsx(Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
       })
     });
   }
+
   /**
    * 根据值进行回显
    * @param value 输入值
@@ -277,37 +282,38 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       return viewEmpty;
     }
     var labelResult = [];
-    var _queryLabel = function queryLabel(dicts) {
+    var queryLabel = function queryLabel(dicts) {
       return dicts.map(function (item) {
         if (value.includes(item[code])) {
           var labelText = item[label];
           labelResult.push(labelText);
         }
         if (item.children) {
-          _queryLabel(item.children);
+          queryLabel(item.children);
         }
         return item;
       });
     };
-    _queryLabel(origDataSource);
+    queryLabel(origDataSource);
     return labelResult === null || labelResult === void 0 ? void 0 : labelResult.join('，');
   };
+
   // 纯展示处理
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return _jsx(Container, {
+      return /*#__PURE__*/_jsx(Container, {
         tooltip: true,
         viewEmpty: viewEmpty,
         children: transToLabel(value)
       });
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: value ? transToLabel([value]) : null
     });
   }
   var Icon = function Icon() {
-    return _jsx("svg", {
+    return /*#__PURE__*/_jsx("svg", {
       className: "icon",
       viewBox: "0 0 1433 1024",
       version: "1.1",
@@ -315,19 +321,20 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       "p-id": "2318",
       width: "1em",
       height: "1em",
-      children: _jsx("path", {
+      children: /*#__PURE__*/_jsx("path", {
         d: "M209.92 337.2032l362.0864 361.984L1223.68 47.5136l144.7936 144.896-796.4672 796.4672-506.88-506.88z",
         "p-id": "2319",
         fill: "currentColor"
       })
     });
   };
+
   /**
    * 自定义渲染子树
    * @param node 每个节点数据对象
    * @returns 整个react节点树
    */
-  var _renderTreeNode = function renderTreeNode(node, grade) {
+  var renderTreeNode = function renderTreeNode(node, grade) {
     var children = node.children,
       icon = node.icon;
     var labelText = node[label];
@@ -343,7 +350,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       value = node === null || node === void 0 ? void 0 : node.value;
       key = node === null || node === void 0 ? void 0 : node.value;
     }
-    var titleHtml = _jsx("span", {
+    var titleHtml = /*#__PURE__*/_jsx("span", {
       dangerouslySetInnerHTML: {
         __html: labelText
       }
@@ -354,21 +361,21 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     } else {
       searchKey = labelText;
     }
-    var title = treeCheckable ? titleHtml : _jsxs("span", {
+    var title = treeCheckable ? titleHtml : /*#__PURE__*/_jsxs("span", {
       className: "check-option-text",
-      children: [_jsx("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         className: "check-option-text-content",
         children: titleHtml
-      }), !disabled ? _jsx("span", {
+      }), !disabled ? /*#__PURE__*/_jsx("span", {
         className: "check-mark-icon",
-        children: _jsx(Icon, {})
+        children: /*#__PURE__*/_jsx(Icon, {})
       }) : null]
     });
     if (_showEllipse) {
-      title = _jsx(AdaptiveTooltip, {
-        children: treeCheckable ? titleHtml : _jsx("span", {
+      title = /*#__PURE__*/_jsx(AdaptiveTooltip, {
+        children: treeCheckable ? titleHtml : /*#__PURE__*/_jsx("span", {
           className: "check-option-text",
-          children: _jsx("span", {
+          children: /*#__PURE__*/_jsx("span", {
             className: "check-option-text-content",
             children: titleHtml
           })
@@ -376,7 +383,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
     if (!children) {
-      return _jsx(TreeSelect.TreeNode, {
+      return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
         value: value,
         title: title,
         label: searchKey,
@@ -387,7 +394,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }, key);
     }
     var sonGrade = grade + 1;
-    return _jsx(TreeSelect.TreeNode, {
+    return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
       value: value,
       title: title,
       label: searchKey,
@@ -395,10 +402,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       checkable: node.checkable,
       className: "node-val-".concat(value),
       children: children.map(function (child) {
-        return _renderTreeNode(child, sonGrade);
+        return renderTreeNode(child, sonGrade);
       })
     }, key);
   };
+
   /**
    * 从树形数据中找出用户搜索得数据，并且将搜索字符串高亮标识
    * @param data 全量树
@@ -406,7 +414,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @returns 处理后得树
    */
   function filterTree(sourceList, keyWord) {
-    var _filterData = function filterData(data) {
+    var filterData = function filterData(data) {
       var currentAllNodeChild = []; // 记录当前节点得所有子节点
       // 遍历数组
       for (var i = 0; i < data.length; i++) {
@@ -414,7 +422,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         // 一直递归到最后一层子节点
         var currentNodeChild = []; // 记录当前节点下得子节点匹配到的节点个数
         if (item.children && item.children.length > 0) {
-          currentNodeChild = _filterData(item.children);
+          currentNodeChild = filterData(item.children);
         }
         // 迭代完子节点向上回溯，如果有匹配到得子节点，那么加入当前节点得孩子对象上,否则加入得是空数组
         item.children = currentNodeChild;
@@ -428,30 +436,31 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
       return currentAllNodeChild;
     };
-    sourceList = _filterData(sourceList);
+    sourceList = filterData(sourceList);
     return sourceList;
   }
-  var searchTreeEvent = _debounce(/*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(searchVal) {
+  var searchTreeEvent = debounce( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
       var result;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (searchVal) {
-              _context.n = 1;
+              _context.next = 3;
               break;
             }
             setState({
-              selectList: _cloneDeep(origDataSource || [])
+              selectList: cloneDeep(origDataSource || [])
             });
-            return _context.a(2, null);
-          case 1:
-            result = filterTree(_cloneDeep(origDataSource || []), searchVal);
+            return _context.abrupt("return", null);
+          case 3:
+            result = filterTree(cloneDeep(origDataSource || []), searchVal);
             setState({
               selectList: result || []
             });
-          case 2:
-            return _context.a(2);
+          case 5:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -461,7 +470,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   }(), 500);
   function findTreeNode(treeList, nodeValue) {
     var result = {};
-    var _filterData2 = function filterData(data) {
+    var filterData = function filterData(data) {
       for (var i = 0; i < data.length; i++) {
         var item = data[i];
         if (item[code] === nodeValue || Array.isArray(nodeValue) && nodeValue.includes(item[code])) {
@@ -473,11 +482,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         }
         // 一直递归到最后一层子节点
         if (item.children && item.children.length > 0) {
-          _filterData2(item.children);
+          filterData(item.children);
         }
       }
     };
-    _filterData2(treeList);
+    filterData(treeList);
     return result;
   }
   function getLabelByValue(treeList, nodeValue) {
@@ -510,7 +519,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     });
     var result = newVal;
-    if (props === null || props === void 0 ? void 0 : props.labelInValue) {
+    if (props !== null && props !== void 0 && props.labelInValue) {
       result = getLabelByValue(_selectList, newVal);
     }
     var options = findTreeNode(_selectList, extra === null || extra === void 0 ? void 0 : extra.triggerValue);
@@ -518,6 +527,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     // 重置搜索
     showSearch && searchTreeEvent('');
   };
+
   /**
    * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
    * @param e 事件源
@@ -537,6 +547,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   };
+
   // 如果单选情况下只有10条那么设置class控制样式
   var tenCountClass = '';
   var countTen = function countTen(enums) {
@@ -547,7 +558,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     var loopCount = function loopCount(data) {
       data.map(function (item) {
         var _item$children;
-        if (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+        if (item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
           noneChild = false;
         }
         return item;
@@ -567,10 +578,14 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   var treeProps = _objectSpread(_objectSpread({
     disabled: disabled,
     showSearch: showSearch,
+    // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
+    // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
     treeCheckable: treeCheckable,
+    // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
+    // 选择后的值只显示父级
     value: value,
     onChange: handleChange,
     listHeight: listHeight || 320,
@@ -585,46 +600,46 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   }, selectProps), {}, {
     // 使用新的 API 替代弃用的 popupClassName 和 dropdownStyle
     classNames: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.classNames), {}, {
-      popup: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 ? void 0 : (_selectProps$classNam = selectProps.classNames) === null || _selectProps$classNam === void 0 ? void 0 : _selectProps$classNam.popup), {}, {
-        root: [selectProps === null || selectProps === void 0 ? void 0 : (_selectProps$classNam2 = selectProps.classNames) === null || _selectProps$classNam2 === void 0 ? void 0 : (_selectProps$classNam3 = _selectProps$classNam2.popup) === null || _selectProps$classNam3 === void 0 ? void 0 : _selectProps$classNam3.root, dropDownClassName].filter(Boolean).join(' ')
+      popup: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 || (_selectProps$classNam = selectProps.classNames) === null || _selectProps$classNam === void 0 ? void 0 : _selectProps$classNam.popup), {}, {
+        root: [selectProps === null || selectProps === void 0 || (_selectProps$classNam2 = selectProps.classNames) === null || _selectProps$classNam2 === void 0 || (_selectProps$classNam2 = _selectProps$classNam2.popup) === null || _selectProps$classNam2 === void 0 ? void 0 : _selectProps$classNam2.root, dropDownClassName].filter(Boolean).join(' ')
       })
     }),
     styles: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), {}, {
-      popup: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 ? void 0 : (_selectProps$styles = selectProps.styles) === null || _selectProps$styles === void 0 ? void 0 : _selectProps$styles.popup), {}, {
+      popup: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 || (_selectProps$styles = selectProps.styles) === null || _selectProps$styles === void 0 ? void 0 : _selectProps$styles.popup), {}, {
         root: _objectSpread(_objectSpread({
           maxHeight: 320,
           paddingTop: '0px',
           maxWidth: '580px'
-        }, dropdownStyle), selectProps === null || selectProps === void 0 ? void 0 : (_selectProps$styles2 = selectProps.styles) === null || _selectProps$styles2 === void 0 ? void 0 : (_selectProps$styles2$ = _selectProps$styles2.popup) === null || _selectProps$styles2$ === void 0 ? void 0 : _selectProps$styles2$.root)
+        }, dropdownStyle), selectProps === null || selectProps === void 0 || (_selectProps$styles2 = selectProps.styles) === null || _selectProps$styles2 === void 0 || (_selectProps$styles2 = _selectProps$styles2.popup) === null || _selectProps$styles2 === void 0 ? void 0 : _selectProps$styles2.root)
       })
     })
   });
   if (value === null) {
     delete treeProps.value;
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     onClick: nodeChangeEvent,
     className: cls,
-    children: _jsx(TreeSelect, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({
       placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
       maxTagPlaceholder: function maxTagPlaceholder(rest) {
         var _rest = rest.map(function (tag) {
-          var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
-          return ((tag === null || tag === void 0 ? void 0 : (_tag$label = tag.label) === null || _tag$label === void 0 ? void 0 : (_tag$label$props = _tag$label.props) === null || _tag$label$props === void 0 ? void 0 : _tag$label$props.children) ? tag === null || tag === void 0 ? void 0 : (_tag$label2 = tag.label) === null || _tag$label2 === void 0 ? void 0 : (_tag$label2$props = _tag$label2.props) === null || _tag$label2$props === void 0 ? void 0 : (_tag$label2$props$chi = _tag$label2$props.children) === null || _tag$label2$props$chi === void 0 ? void 0 : (_tag$label2$props$chi2 = _tag$label2$props$chi.props) === null || _tag$label2$props$chi2 === void 0 ? void 0 : (_tag$label2$props$chi3 = _tag$label2$props$chi2.dangerouslySetInnerHTML) === null || _tag$label2$props$chi3 === void 0 ? void 0 : _tag$label2$props$chi3.__html : tag === null || tag === void 0 ? void 0 : (_tag$label3 = tag.label) === null || _tag$label3 === void 0 ? void 0 : (_tag$label3$props = _tag$label3.props) === null || _tag$label3$props === void 0 ? void 0 : (_tag$label3$props$dan = _tag$label3$props.dangerouslySetInnerHTML) === null || _tag$label3$props$dan === void 0 ? void 0 : _tag$label3$props$dan.__html) || tag.label;
+          var _tag$label, _tag$label2, _tag$label3;
+          return (tag !== null && tag !== void 0 && (_tag$label = tag.label) !== null && _tag$label !== void 0 && (_tag$label = _tag$label.props) !== null && _tag$label !== void 0 && _tag$label.children ? tag === null || tag === void 0 || (_tag$label2 = tag.label) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.children) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.dangerouslySetInnerHTML) === null || _tag$label2 === void 0 ? void 0 : _tag$label2.__html : tag === null || tag === void 0 || (_tag$label3 = tag.label) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.props) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.dangerouslySetInnerHTML) === null || _tag$label3 === void 0 ? void 0 : _tag$label3.__html) || tag.label;
         });
         var _str = _rest.join('、');
-        return _jsx(Tooltip, {
-          title: _jsx("div", {
+        return /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx("div", {
             children: _str
           }),
-          children: _jsxs("span", {
+          children: /*#__PURE__*/_jsxs("span", {
             children: ["+ ", rest.length, " ..."]
           })
         });
       }
     }, treeProps), {}, {
       children: selectList.map(function (node) {
-        return _renderTreeNode(node, 1);
+        return renderTreeNode(node, 1);
       })
     }))
   });

package/es/ProTree/components/SearchTitle.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import AdaptiveTooltip from './AdaptiveTooltip';
+import AdaptiveTooltip from "./AdaptiveTooltip";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function SearchTitle(props) {
   var label = props.label,
     _props$searchStr = props.searchStr,
@@ -21,30 +22,30 @@ function SearchTitle(props) {
     classEllipse = 'ellipse';
     style.width = ellipseWidth;
   }
-  var title = index > -1 ? _jsxs("span", {
+  var title = index > -1 ? /*#__PURE__*/_jsxs("span", {
     className: classEllipse,
     style: style,
-    children: [beforeStr, searchStr ? _jsx("span", {
+    children: [beforeStr, searchStr ? /*#__PURE__*/_jsx("span", {
       className: "pro-tree-modal-search-value",
       children: searchStr
     }) : null, afterStr]
-  }) : _jsx("span", {
+  }) : /*#__PURE__*/_jsx("span", {
     className: classEllipse,
     style: style,
     children: strTitle
   });
-  var titleTips = index > -1 ? _jsxs("span", {
+  var titleTips = index > -1 ? /*#__PURE__*/_jsxs("span", {
     style: style,
-    children: [beforeStr, searchStr ? _jsx("span", {
+    children: [beforeStr, searchStr ? /*#__PURE__*/_jsx("span", {
       className: "pro-tree-modal-search-value",
       children: searchStr
     }) : null, afterStr]
-  }) : _jsx("span", {
+  }) : /*#__PURE__*/_jsx("span", {
     style: style,
     children: strTitle
   });
   if (classEllipse && !isDiffChange) {
-    return _jsx(AdaptiveTooltip, {
+    return /*#__PURE__*/_jsx(AdaptiveTooltip, {
       children: titleTips
     });
   }