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

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

@@ -1,34 +1,27 @@
-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";
-import _Input from "antd/es/input";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 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 "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 { 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';
-var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
+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;
+  var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$styles, _selectProps$styles2;
   // 全局属性配置在ConfigProvider
   var _ref = useProConfig('ProTreeSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
@@ -103,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 原始数据
@@ -114,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;
       });
@@ -129,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 源数据
@@ -142,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;
   };
@@ -163,7 +158,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     var resultData = transferDataSource(data, showCodeName);
@@ -182,11 +177,12 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       msg = _ref4.message,
       data = _ref4.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     return data;
   }, []);
+
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
   var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
     manual: true,
@@ -204,19 +200,19 @@ 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);
-        // debugger;
         var resultData = transferDataSource(responseData, showCodeName);
         setState({
           selectList: countChild(resultData),
@@ -256,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 输入值
@@ -284,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",
@@ -322,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];
@@ -350,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
       }
@@ -361,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
           })
@@ -383,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,
@@ -394,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,
@@ -402,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 全量树
@@ -413,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++) {
@@ -421,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;
@@ -435,11 +436,11 @@ 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__*/_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) {
@@ -449,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 || []
             });
@@ -469,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])) {
@@ -481,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) {
@@ -518,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);
@@ -526,6 +527,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     // 重置搜索
     showSearch && searchTreeEvent('');
   };
+
   /**
    * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
    * @param e 事件源
@@ -545,6 +547,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   };
+
   // 如果单选情况下只有10条那么设置class控制样式
   var tenCountClass = '';
   var countTen = function countTen(enums) {
@@ -555,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;
@@ -572,58 +575,71 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   var dropDownClassName = classnames(_defineProperty(_defineProperty({
     'pro-tree-select-drop-down-container': true
   }, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
-  var treeProps = _objectSpread({
+  var treeProps = _objectSpread(_objectSpread({
     disabled: disabled,
     showSearch: showSearch,
+    // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
+    // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
     treeCheckable: treeCheckable,
+    // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
+    // 选择后的值只显示父级
     value: value,
     onChange: handleChange,
-    dropdownStyle: _objectSpread({
-      maxHeight: 320,
-      paddingTop: '0px',
-      maxWidth: '580px'
-    }, dropdownStyle),
     listHeight: listHeight || 320,
     style: _objectSpread({
       width: width || '100%'
     }, style),
-    popupClassName: dropDownClassName,
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
-    showArrow: true,
     treeNodeFilterProp: treeNodeFilterProp,
     virtual: true,
     treeCheckStrictly: checkStrictly
-  }, selectProps);
+  }, selectProps), {}, {
+    // 使用新的 API 替代弃用的 popupClassName 和 dropdownStyle
+    classNames: _objectSpread(_objectSpread({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.classNames), {}, {
+      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 || (_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 || (_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/ProTreeSelect/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tree-select{
     .@{ant-prefix}-select-selector{

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
     });
   }