@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

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

@@ -1,13 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProTreeSelect = void 0;
 require("antd/es/tooltip/style");
 var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 require("antd/es/input/style");
@@ -19,22 +19,21 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 require("antd/es/tree-select/style");
 var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
-var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
-var _classnames3 = _interopRequireDefault(require("classnames"));
-var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
 var _locale = _interopRequireDefault(require("../../../locale"));
 var _ProConfigProvider = require("../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../../ProForm/components/Container"));
 var _AdaptiveTooltip = _interopRequireDefault(require("../AdaptiveTooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
 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"];
 /* eslint-disable react/no-danger */
 /* eslint-disable react/jsx-closing-tag-location */
 var SHOW_PARENT = _treeSelect.default.SHOW_PARENT;
-var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
+var ProTreeSelect = (props, ref) => {
   var _useRequest$options;
   // 全局属性配置在ConfigProvider
   var _ref = (0, _ProConfigProvider.useProConfig)('ProTreeSelect') || {},
@@ -110,25 +109,26 @@ var ProTreeSelect = exports.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 = (0, _objectWithoutProperties2.default)(item, _excluded2);
         result.push((0, _objectSpread2.default)({}, other));
         if (item.children) {
-          _loopCount(item.children);
+          loopCount(item.children);
         }
         return item;
       });
@@ -136,35 +136,36 @@ var ProTreeSelect = exports.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 = (0, _cloneDeep2.default)(dataArr);
-    var _loop = function loop(arr) {
-      arr.map(function (item) {
-        item[label] = "".concat(item[code], "-").concat(item[label]);
+  var transferDataSource = (dataArr, showCodeAndName) => {
+    var copyData = (0, _lodash.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,
@@ -179,7 +180,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
       origDataSource: resultData || []
     });
   };
-  var successTransformDataHandle = (0, _react.useCallback)(function (res) {
+  var successTransformDataHandle = (0, _react.useCallback)(res => {
     if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
@@ -194,11 +195,12 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return data;
   }, []);
+
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
     debounceWait: 300,
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
         var resultData = transferDataSource(responseData, showCodeName);
@@ -211,16 +213,15 @@ var ProTreeSelect = exports.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) : [];
-  (0, _react.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) : [];
+  (0, _react.useImperativeHandle)(ref, () => ({
+    useRequestRef: fetchFunction
+  }));
+
   // 设置cacheKey后使用缓存的数据
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.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);
@@ -233,7 +234,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }
   }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       var resultData = transferDataSource(dictEnum, showCodeName);
@@ -249,7 +250,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
   }, [enumCode, dataSource]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     // code存在huo dataSource存在，不执行接口请求
     if (enumCode || dataSource) {
       return undefined;
@@ -262,65 +263,66 @@ var ProTreeSelect = exports.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 (0, _jsxRuntime.jsx)("span", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: defaultDisableValue,
-      children: (0, _jsxRuntime.jsx)(_input.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
         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 (0, _jsxRuntime.jsx)(_Container.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
         tooltip: true,
         viewEmpty: viewEmpty,
         children: transToLabel(value)
       });
     }
-    return (0, _jsxRuntime.jsx)(_Container.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
       viewEmpty: viewEmpty,
       children: value ? transToLabel([value]) : null
     });
   }
-  var Icon = function Icon() {
-    return (0, _jsxRuntime.jsx)("svg", {
+  var Icon = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
       className: "icon",
       viewBox: "0 0 1433 1024",
       version: "1.1",
@@ -328,19 +330,20 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
       "p-id": "2318",
       width: "1em",
       height: "1em",
-      children: (0, _jsxRuntime.jsx)("path", {
+      children: /*#__PURE__*/(0, _jsxRuntime.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];
@@ -349,39 +352,39 @@ var ProTreeSelect = exports.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 = (0, _jsxRuntime.jsx)("span", {
+    var titleHtml = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       dangerouslySetInnerHTML: {
         __html: labelText
       }
     });
     var searchKey = '';
     if (showCodeName) {
-      searchKey = "".concat(value, "-").concat(labelText);
+      searchKey = `${value}-${labelText}`;
     } else {
       searchKey = labelText;
     }
-    var title = treeCheckable ? titleHtml : (0, _jsxRuntime.jsxs)("span", {
+    var title = treeCheckable ? titleHtml : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: "check-option-text",
-      children: [(0, _jsxRuntime.jsx)("span", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "check-option-text-content",
         children: titleHtml
-      }), !disabled ? (0, _jsxRuntime.jsx)("span", {
+      }), !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "check-mark-icon",
-        children: (0, _jsxRuntime.jsx)(Icon, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
       }) : null]
     });
     if (_showEllipse) {
-      title = (0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
-        children: treeCheckable ? titleHtml : (0, _jsxRuntime.jsx)("span", {
+      title = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
+        children: treeCheckable ? titleHtml : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "check-option-text",
-          children: (0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "check-option-text-content",
             children: titleHtml
           })
@@ -389,29 +392,28 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
       });
     }
     if (!children) {
-      return (0, _jsxRuntime.jsx)(_treeSelect.default.TreeNode, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default.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 (0, _jsxRuntime.jsx)(_treeSelect.default.TreeNode, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default.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 全量树
@@ -419,7 +421,7 @@ var ProTreeSelect = exports.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++) {
@@ -427,7 +429,7 @@ var ProTreeSelect = exports.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,17 +437,17 @@ var ProTreeSelect = exports.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 = (0, _debounce2.default)(/*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(searchVal) {
+  var searchTreeEvent = (0, _lodash.debounce)( /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(searchVal) {
       var result;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -455,11 +457,11 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
               break;
             }
             setState({
-              selectList: (0, _cloneDeep2.default)(origDataSource || [])
+              selectList: (0, _lodash.cloneDeep)(origDataSource || [])
             });
             return _context.abrupt("return", null);
           case 3:
-            result = filterTree((0, _cloneDeep2.default)(origDataSource || []), searchVal);
+            result = filterTree((0, _lodash.cloneDeep)(origDataSource || []), searchVal);
             setState({
               selectList: result || []
             });
@@ -475,7 +477,7 @@ var ProTreeSelect = exports.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])) {
@@ -487,11 +489,11 @@ var ProTreeSelect = exports.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) {
@@ -499,7 +501,7 @@ var ProTreeSelect = exports.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;
@@ -510,9 +512,9 @@ var ProTreeSelect = exports.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) {
@@ -524,7 +526,7 @@ var ProTreeSelect = exports.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);
@@ -532,11 +534,12 @@ var ProTreeSelect = exports.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') {
@@ -551,17 +554,18 @@ var ProTreeSelect = exports.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;
@@ -571,21 +575,28 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
     return noneChild ? 'ten-count-tree-node' : '';
   };
   tenCountClass = countTen(selectList);
-  var cls = (0, _classnames3.default)((0, _defineProperty2.default)({
-    'pro-tree-select': true
-  }, "".concat(className), className));
-  var innerClass = treeCheckable ? 'checkable-tree pro' : "".concat(tenCountClass, " signal-tree");
-  var dropDownClassName = (0, _classnames3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-    'pro-tree-select-drop-down-container': true
-  }, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
+  var cls = (0, _classnames.default)({
+    'pro-tree-select': true,
+    [`${className}`]: className
+  });
+  var innerClass = treeCheckable ? 'checkable-tree pro' : `${tenCountClass} signal-tree`;
+  var dropDownClassName = (0, _classnames.default)({
+    'pro-tree-select-drop-down-container': true,
+    [`${innerClass}`]: true,
+    [`${popupClassName}`]: popupClassName
+  });
   var treeProps = (0, _objectSpread2.default)({
-    disabled: disabled,
-    showSearch: showSearch,
+    disabled,
+    showSearch,
+    // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
+    // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
-    treeCheckable: treeCheckable,
+    treeCheckable,
+    // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
-    value: value,
+    // 选择后的值只显示父级
+    value,
     onChange: handleChange,
     dropdownStyle: (0, _objectSpread2.default)({
       maxHeight: 320,
@@ -600,38 +611,37 @@ var ProTreeSelect = exports.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 (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     onClick: nodeChangeEvent,
     className: cls,
-    children: (0, _jsxRuntime.jsx)(_treeSelect.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       placeholder: placeholder || _locale.default.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 (0, _jsxRuntime.jsx)(_tooltip.default, {
-          title: (0, _jsxRuntime.jsx)("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: _str
           }),
-          children: (0, _jsxRuntime.jsxs)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
             children: ["+ ", rest.length, " ..."]
           })
         });
       }
     }, treeProps), {}, {
-      children: selectList.map(function (node) {
-        return _renderTreeNode(node, 1);
-      })
+      children: selectList.map(node => renderTreeNode(node, 1))
     }))
   });
 };
+exports.ProTreeSelect = ProTreeSelect;
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProTreeSelect);