@zat-design/sisyphus-react 3.13.19-beta.5 → 3.13.19-beta.7

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

@@ -1,6 +1,5 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
-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 "antd/es/input/style";
@@ -12,22 +11,22 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import "antd/es/tree-select/style";
 import _TreeSelect from "antd/es/tree-select";
-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"];
-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 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) {
+export var ProTreeSelect = (props, ref) => {
   var _useRequest$options;
   // 全局属性配置在ConfigProvider
   var _ref = useProConfig('ProTreeSelect') || {},
@@ -103,25 +102,26 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     _useSetState2$$origDa = _useSetState2$.origDataSource,
     origDataSource = _useSetState2$$origDa === void 0 ? [] : _useSetState2$$origDa,
     setState = _useSetState2[1];
+
   /**
    * 如果数据少于10条那么将数据平铺返回
    * @param dictsEnum 原始数据
    * @returns 平铺或者原始数据
    */
-  var countChild = function countChild(dictsEnum) {
+  var countChild = dictsEnum => {
     if (treeCheckable) {
       return dictsEnum;
     }
     var count = 0;
     var result = [];
-    var _loopCount = function loopCount(data) {
-      data.map(function (item) {
+    var loopCount = data => {
+      data.map(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;
       });
@@ -129,35 +129,36 @@ 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 源数据
    * @param showCodeAndName 是否展示code-name
    * @returns 转换结果
    */
-  var transferDataSource = function transferDataSource(dataArr, showCodeAndName) {
-    var copyData = _cloneDeep(dataArr);
-    var _loop = function loop(arr) {
-      arr.map(function (item) {
-        item[label] = "".concat(item[code], "-").concat(item[label]);
+  var transferDataSource = (dataArr, showCodeAndName) => {
+    var copyData = cloneDeep(dataArr);
+    var loop = arr => {
+      arr.map(item => {
+        item[label] = `${item[code]}-${item[label]}`;
         if (item.children) {
-          _loop(item.children);
+          loop(item.children);
         }
         return item;
       });
     };
     if (showCodeAndName) {
-      _loop(copyData);
+      loop(copyData);
     }
     return copyData;
   };
-  var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
+  var defaultOnSuccessFun = res => {
     var _res$status = res.status,
       status = _res$status === void 0 ? 200 : _res$status,
       msg = res.message,
@@ -172,7 +173,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       origDataSource: resultData || []
     });
   };
-  var successTransformDataHandle = useCallback(function (res) {
+  var successTransformDataHandle = useCallback(res => {
     if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
@@ -187,11 +188,12 @@ 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,
     debounceWait: 300,
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
         var resultData = transferDataSource(responseData, showCodeName);
@@ -204,16 +206,15 @@ 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) : [];
-  useImperativeHandle(ref, function () {
-    return {
-      useRequestRef: fetchFunction
-    };
-  });
+  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, () => ({
+    useRequestRef: fetchFunction
+  }));
+
   // 设置cacheKey后使用缓存的数据
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     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);
@@ -226,7 +227,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       var resultData = transferDataSource(dictEnum, showCodeName);
@@ -242,7 +243,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
   }, [enumCode, dataSource]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     // code存在huo dataSource存在，不执行接口请求
     if (enumCode || dataSource) {
       return undefined;
@@ -255,65 +256,66 @@ 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 输入值
    * @returns 对应枚举label
    */
-  var transToLabel = function transToLabel(value) {
+  var transToLabel = value => {
     if (!Array.isArray(origDataSource) || !origDataSource.length) {
       return viewEmpty;
     }
     var labelResult = [];
-    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);
-        }
-        return item;
-      });
-    };
-    _queryLabel(origDataSource);
+    var queryLabel = dicts => dicts.map(item => {
+      if (value.includes(item[code])) {
+        var labelText = item[label];
+        labelResult.push(labelText);
+      }
+      if (item.children) {
+        queryLabel(item.children);
+      }
+      return item;
+    });
+    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", {
+  var Icon = () => {
+    return /*#__PURE__*/_jsx("svg", {
       className: "icon",
       viewBox: "0 0 1433 1024",
       version: "1.1",
@@ -321,19 +323,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 = (node, grade) => {
     var children = node.children,
       icon = node.icon;
     var labelText = node[label];
@@ -342,39 +345,39 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     // 三无走默认
     if (['undefined-undefined', 'undefined'].includes(labelText) && !value && !key) {
       if (showCodeName) {
-        labelText = "".concat(node === null || node === void 0 ? void 0 : node.value, "-").concat(node === null || node === void 0 ? void 0 : node.label);
+        labelText = `${node === null || node === void 0 ? void 0 : node.value}-${node === null || node === void 0 ? void 0 : node.label}`;
       } else {
         labelText = node === null || node === void 0 ? void 0 : node.label;
       }
       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
       }
     });
     var searchKey = '';
     if (showCodeName) {
-      searchKey = "".concat(value, "-").concat(labelText);
+      searchKey = `${value}-${labelText}`;
     } 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
           })
@@ -382,29 +385,28 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
     if (!children) {
-      return _jsx(_TreeSelect.TreeNode, {
+      return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
         value: value,
         title: title,
         label: searchKey,
         disabled: node.disabled,
         checkable: node.checkable,
         icon: icon,
-        className: "node-val-".concat(value)
+        className: `node-val-${value}`
       }, key);
     }
     var sonGrade = grade + 1;
-    return _jsx(_TreeSelect.TreeNode, {
+    return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
       value: value,
       title: title,
       label: searchKey,
       disabled: node.disabled,
       checkable: node.checkable,
-      className: "node-val-".concat(value),
-      children: children.map(function (child) {
-        return _renderTreeNode(child, sonGrade);
-      })
+      className: `node-val-${value}`,
+      children: children.map(child => renderTreeNode(child, sonGrade))
     }, key);
   };
+
   /**
    * 从树形数据中找出用户搜索得数据，并且将搜索字符串高亮标识
    * @param data 全量树
@@ -412,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++) {
@@ -420,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,17 +430,17 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         // @ts-ignore
         if (item[label].indexOf(keyWord) > -1 && (selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode) !== 'treeSelect') {
           var regExp = new RegExp(keyWord);
-          item[label] = item[label].replace(regExp, "<span class=\"highlight-search-text\">".concat(keyWord, "</span>"));
+          item[label] = item[label].replace(regExp, `<span class="highlight-search-text">${keyWord}</span>`);
         }
         currentAllNodeChild.push(item);
       }
       return currentAllNodeChild;
     };
-    sourceList = _filterData(sourceList);
+    sourceList = filterData(sourceList);
     return sourceList;
   }
-  var searchTreeEvent = _debounce(/*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
+  var searchTreeEvent = debounce( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
       var result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -448,11 +450,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
               break;
             }
             setState({
-              selectList: _cloneDeep(origDataSource || [])
+              selectList: cloneDeep(origDataSource || [])
             });
             return _context.abrupt("return", null);
           case 3:
-            result = filterTree(_cloneDeep(origDataSource || []), searchVal);
+            result = filterTree(cloneDeep(origDataSource || []), searchVal);
             setState({
               selectList: result || []
             });
@@ -468,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])) {
@@ -480,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) {
@@ -492,7 +494,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if (nodeValue) {
       if (Array.isArray(nodeValue)) {
         result = [];
-        nodeValue.map(function (item) {
+        nodeValue.map(item => {
           var res = findTreeNode(treeList, item === null || item === void 0 ? void 0 : item.value);
           res && result.push(res);
           return item;
@@ -503,9 +505,9 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return result;
   }
-  var handleChange = function handleChange(newVal, label, extra) {
+  var handleChange = (newVal, label, extra) => {
     // newVal回来得一定是label、value
-    var _selectList = selectList.map(function (item) {
+    var _selectList = selectList.map(item => {
       var label = item.label;
       var _label = label;
       if (label) {
@@ -517,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);
@@ -525,11 +527,12 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     // 重置搜索
     showSearch && searchTreeEvent('');
   };
+
   /**
    * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
    * @param e 事件源
    */
-  var nodeChangeEvent = function nodeChangeEvent(e) {
+  var nodeChangeEvent = e => {
     var el = e.target;
     var classStr = el.className;
     if (classStr && !treeCheckable && typeof classStr === 'string') {
@@ -544,17 +547,18 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   };
+
   // 如果单选情况下只有10条那么设置class控制样式
   var tenCountClass = '';
-  var countTen = function countTen(enums) {
+  var countTen = enums => {
     if (!enums) {
       return '';
     }
     var noneChild = true;
-    var loopCount = function loopCount(data) {
-      data.map(function (item) {
+    var loopCount = data => {
+      data.map(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;
@@ -564,21 +568,28 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     return noneChild ? 'ten-count-tree-node' : '';
   };
   tenCountClass = countTen(selectList);
-  var cls = classnames(_defineProperty({
-    'pro-tree-select': true
-  }, "".concat(className), className));
-  var innerClass = treeCheckable ? 'checkable-tree pro' : "".concat(tenCountClass, " signal-tree");
-  var dropDownClassName = classnames(_defineProperty(_defineProperty({
-    'pro-tree-select-drop-down-container': true
-  }, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
+  var cls = classnames({
+    'pro-tree-select': true,
+    [`${className}`]: className
+  });
+  var innerClass = treeCheckable ? 'checkable-tree pro' : `${tenCountClass} signal-tree`;
+  var dropDownClassName = classnames({
+    'pro-tree-select-drop-down-container': true,
+    [`${innerClass}`]: true,
+    [`${popupClassName}`]: popupClassName
+  });
   var treeProps = _objectSpread({
-    disabled: disabled,
-    showSearch: showSearch,
+    disabled,
+    showSearch,
+    // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
+    // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
-    treeCheckable: treeCheckable,
+    treeCheckable,
+    // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
-    value: value,
+    // 选择后的值只显示父级
+    value,
     onChange: handleChange,
     dropdownStyle: _objectSpread({
       maxHeight: 320,
@@ -593,37 +604,35 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
     showArrow: true,
-    treeNodeFilterProp: treeNodeFilterProp,
+    treeNodeFilterProp,
     virtual: true,
     treeCheckStrictly: checkStrictly
   }, selectProps);
   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;
+      maxTagPlaceholder: rest => {
+        var _rest = rest.map(tag => {
+          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);
-      })
+      children: selectList.map(node => 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
     });
   }