@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

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

@@ -1,30 +1,21 @@
-import _debounce from "lodash/debounce";
-import _cloneDeep from "lodash/cloneDeep";
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import React, { useImperativeHandle, forwardRef, useCallback } from 'react';
-import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
-import { Input, TreeSelect, message, Tooltip } from 'antd';
-import classnames from 'classnames';
-import { tools } from '@zat-design/utils';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useImperativeHandle, forwardRef, useCallback } from "react";
+import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from "ahooks";
+import { Input, TreeSelect, message, Tooltip } from "antd";
+import classnames from "classnames";
+import cloneDeep from "lodash/cloneDeep";
+import debounce from "lodash/debounce";
+import { tools } from "@zat-design/utils";
 import locale from "../../../locale";
 import { useProConfig } from "../../../ProConfigProvider";
 import Container from "../../../ProForm/components/Container";
 import AdaptiveTooltip from "../AdaptiveTooltip";
 import { getFlatTreeData, restoreCodeNameLabel, applyCheckLeaf } from "../../utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  SHOW_PARENT
-} = TreeSelect;
-export const ProTreeSelect = (props, ref) => {
-  // 全局属性配置在ConfigProvider
-  const {
-    fieldNames: proSelectFieldNames = {}
-  } = useProConfig('ProTreeSelect') || {};
-  const {
-    dics = {}
-  } = useProConfig('ProEnum');
-
-  // 配置属性
+const { SHOW_PARENT } = TreeSelect;
+const ProTreeSelect = (props, ref) => {
+  var _a, _b, _c, _d, _e, _f;
+  const { fieldNames: proSelectFieldNames = {} } = useProConfig("ProTreeSelect") || {};
+  const { dics = {} } = useProConfig("ProEnum");
   const {
     disabled,
     code: enumCode,
@@ -43,7 +34,7 @@ export const ProTreeSelect = (props, ref) => {
     // 默认支持搜索
     filterTreeNode,
     // 是否根据输入项进行筛选，默认true
-    treeNodeFilterProp = 'label',
+    treeNodeFilterProp = "label",
     defaultExpandAll = true,
     // 默认展开所有树
     expandedKeys,
@@ -67,84 +58,46 @@ export const ProTreeSelect = (props, ref) => {
     // 开启后只能选择叶子节点，非叶子节点置灰禁用
     ...selectProps
   } = props;
-  const {
-    value = undefined
-  } = props;
-  const {
-    showEllipse = true
-  } = props;
-  const {
-    isDiffChange
-  } = otherProps ?? {};
+  const { value = void 0 } = props;
+  const { showEllipse = true } = props;
+  const { isDiffChange } = otherProps ?? {};
   const _showEllipse = showEllipse && !isDiffChange;
-  const {
-    isView,
-    viewEmpty
-  } = otherProps || {};
-
-  // 合并全局和组件级别的 fieldNames，优先级：组件级 > 全局
+  const { isView, viewEmpty } = otherProps || {};
   const finalFieldNames = {
-    label: 'label',
-    value: 'value',
-    children: 'children',
+    label: "label",
+    value: "value",
+    children: "children",
     ...proSelectFieldNames,
     ...fieldNames
   };
-
-  /**
-   * 使用 tools.transformDataName 统一转换字段名
-   * 将原始数据转换为标准格式（label, value, children）
-   * tools.transformDataName 会自动检查数据是否已经是标准格式，如果是则直接返回
-   */
-  const transformFieldNames = useCallback(data => {
-    if (!data || !Array.isArray(data) || !data.length) {
-      return data || [];
-    }
-
-    // 使用 tools.transformDataName 转换字段名
-    // 它会自动检查数据是否已经是标准格式（label, value, children），如果是则直接返回
-    return tools.transformDataName(data, {
-      label: finalFieldNames.label,
-      value: finalFieldNames.value,
-      children: finalFieldNames.children
-    });
-  }, [finalFieldNames]);
-  // 经过处理后的枚举数据，可能来自用户配置的处理函数后返回的结果
+  const transformFieldNames = useCallback(
+    (data) => {
+      if (!data || !Array.isArray(data) || !data.length) {
+        return data || [];
+      }
+      return tools.transformDataName(data, {
+        label: finalFieldNames.label,
+        value: finalFieldNames.value,
+        children: finalFieldNames.children
+      });
+    },
+    [finalFieldNames]
+  );
   const [state, setState] = useSetState({});
-  const {
-    selectList = [],
-    origDataSource = []
-  } = state;
-
-  /**
-   * 如果数据少于10条那么将数据平铺返回
-   * 注意：当 treeCheckable 为 false 时（单选模式），应保持树形结构，不进行平铺
-   * @param dictsEnum 原始数据
-   * @returns 平铺或者原始数据
-   */
-  const countChild = dictsEnum => {
+  const { selectList = [], origDataSource = [] } = state;
+  const countChild = (dictsEnum) => {
     if (treeCheckable) {
       return dictsEnum;
     }
-    // 单选模式（treeCheckable=false）时，保持树形结构，不进行平铺
-    // 因为 TreeSelect 在单选模式下也需要树形结构来正确展示层级关系
     return dictsEnum;
   };
-
-  /**
-   * 如果要展示code-name，那么将源数据的label转为code-name
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param dataArr 源数据（标准格式）
-   * @param showCodeAndName 是否展示code-name
-   * @returns 转换结果
-   */
   const transferDataSource = (dataArr, showCodeAndName) => {
     if (!showCodeAndName) {
       return dataArr;
     }
-    const copyData = _cloneDeep(dataArr);
-    const loop = arr => {
-      arr.map(item => {
+    const copyData = cloneDeep(dataArr);
+    const loop = (arr) => {
+      arr.map((item) => {
         item.label = `${item.value}-${item.label}`;
         if (item.children) {
           loop(item.children);
@@ -155,162 +108,104 @@ export const ProTreeSelect = (props, ref) => {
     loop(copyData);
     return copyData;
   };
-
-  /**
-   * 统一数据后处理：先处理 code-name 展示，再按 checkLeaf 标记非叶子节点禁用
-   * 数据已是标准格式（label, value, children）
-   * @param dataArr 标准格式数据
-   * @returns 后处理结果
-   */
-  const processData = dataArr => {
+  const processData = (dataArr) => {
     const result = transferDataSource(dataArr, showCodeName);
     return checkLeaf ? applyCheckLeaf(result) : result;
   };
-  const defaultOnSuccessFun = res => {
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res;
+  const defaultOnSuccessFun = (res) => {
+    const { status = 200, message: msg, data } = res;
     if (status !== 200) {
       message.error(msg);
       return;
     }
-    // 先转换字段名，再处理 code-name 展示与 checkLeaf 标记
     const transformedData = transformFieldNames(data || []);
     const resultData = processData(transformedData);
-    setState({
-      selectList: resultData || [],
-      origDataSource: resultData || []
-    });
+    setState({ selectList: resultData || [], origDataSource: resultData || [] });
   };
-  const successTransformDataHandle = useCallback(res => {
-    if (transformResponse && typeof transformResponse === 'function') {
+  const successTransformDataHandle = useCallback((res) => {
+    if (transformResponse && typeof transformResponse === "function") {
       return transformResponse(res);
     }
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res || {};
+    const { status = 200, message: msg, data } = res || {};
     if (status !== 200) {
       message.error(msg);
       return;
     }
     return data;
   }, []);
-
-  // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
-  const fetchFunction = useRequestFunc(useRequest?.service, {
+  const fetchFunction = useRequestFunc(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
     debounceWait: 300,
-    onSuccess: data => {
-      if (transformResponse && typeof transformResponse === 'function') {
+    onSuccess: (data) => {
+      if (transformResponse && typeof transformResponse === "function") {
         const responseData = transformResponse(data);
-        // 先转换字段名，再处理 code-name 展示与 checkLeaf 标记
         const transformedData = transformFieldNames(responseData);
         const resultData = processData(transformedData);
-        setState({
-          selectList: countChild(resultData),
-          origDataSource: resultData
-        });
+        setState({ selectList: countChild(resultData), origDataSource: resultData });
       } else {
-        defaultOnSuccessFun(fetchFunction.data);
+        defaultOnSuccessFun(data);
       }
     },
-    ...useRequest?.options
+    ...useRequest == null ? void 0 : useRequest.options
   });
-  const cacheList = useRequest?.options?.cacheKey ? successTransformDataHandle(fetchFunction?.data) : [];
-  useImperativeHandle(ref, () => ({
-    useRequestRef: fetchFunction
-  }));
-
-  // 设置cacheKey后使用缓存的数据
+  const cacheList = ((_a = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
+  useImperativeHandle(
+    ref,
+    () => ({
+      useRequestRef: fetchFunction
+    })
+  );
   useDeepCompareEffect(() => {
-    if (fetchFunction?.data, useRequest?.options?.cacheKey) {
-      if (transformResponse && typeof transformResponse === 'function') {
+    var _a2;
+    if ((fetchFunction == null ? void 0 : fetchFunction.data) && ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.cacheKey)) {
+      if (transformResponse && typeof transformResponse === "function") {
         const responseData = transformResponse(fetchFunction.data);
-        // 先转换字段名，再处理 code-name 展示与 checkLeaf 标记
         const transformedData = transformFieldNames(responseData);
         const resultData = processData(transformedData);
-        setState({
-          selectList: countChild(resultData),
-          origDataSource: resultData
-        });
+        setState({ selectList: countChild(resultData), origDataSource: resultData });
       } else {
         defaultOnSuccessFun(fetchFunction.data);
       }
     }
-  }, [fetchFunction?.data, useRequest?.options?.cacheKey]);
+  }, [fetchFunction == null ? void 0 : fetchFunction.data, (_b = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b.cacheKey]);
   useDeepCompareEffect(() => {
     if (enumCode) {
       const dictEnum = dics[enumCode] || [];
-      // 先转换字段名，再处理 code-name 展示与 checkLeaf 标记
       const transformedData = transformFieldNames(dictEnum);
       const resultData = processData(transformedData);
       const processedList = countChild(resultData);
-      setState({
-        selectList: processedList,
-        origDataSource: resultData
-      });
+      setState({ selectList: processedList, origDataSource: resultData });
     } else if (dataSource) {
-      // 先转换字段名，再处理 code-name 展示与 checkLeaf 标记
       const transformedData = transformFieldNames(dataSource);
       const resultData = processData(transformedData);
       const processedList = countChild(resultData);
-      setState({
-        selectList: processedList,
-        origDataSource: resultData
-      });
+      setState({ selectList: processedList, origDataSource: resultData });
     }
   }, [enumCode, dataSource, showCodeName]);
   useDeepCompareEffect(() => {
-    // code存在huo dataSource存在，不执行接口请求
     if (enumCode || dataSource) {
-      return undefined;
+      return void 0;
     }
-    // 如果配置手动加载，不执行请求
-    const {
-      defaultParams,
-      manual
-    } = useRequest?.options || {};
-    // disabled 状态时，不查询接口
+    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
     if (defaultDisableValue || !useRequest) {
-      return undefined;
+      return void 0;
     }
-    if (manual || cacheList?.length) {
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
       return;
     }
-    const params = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
-    // 执行用户配置的枚举服务，拉取枚举数据进行更新
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
-  }, [useRequest?.options, defaultDisableValue]);
-
-  // disable默认值
+  }, [useRequest == null ? void 0 : useRequest.options, defaultDisableValue]);
   if (defaultDisableValue) {
-    return /*#__PURE__*/_jsx("span", {
-      title: defaultDisableValue,
-      children: /*#__PURE__*/_jsx(Input, {
-        disabled: true,
-        defaultValue: defaultDisableValue,
-        style: props?.style
-      })
-    });
+    return /* @__PURE__ */ jsx("span", { title: defaultDisableValue, children: /* @__PURE__ */ jsx(Input, { disabled: true, defaultValue: defaultDisableValue, style: props == null ? void 0 : props.style }) });
   }
-
-  /**
-   * 根据值进行回显
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param value 输入值
-   * @returns 对应枚举label
-   */
-  const transToLabel = value => {
+  const transToLabel = (value2) => {
     if (!Array.isArray(origDataSource) || !origDataSource.length) {
       return viewEmpty;
     }
     const labelResult = [];
-    const queryLabel = dicts => dicts.map(item => {
-      if (value.includes(item.value)) {
+    const queryLabel = (dicts) => dicts.map((item) => {
+      if (value2.includes(item.value)) {
         const labelText = item.label;
         labelResult.push(labelText);
       }
@@ -320,251 +215,182 @@ export const ProTreeSelect = (props, ref) => {
       return item;
     });
     queryLabel(origDataSource);
-    return labelResult?.join('、');
+    return labelResult == null ? void 0 : labelResult.join("、");
   };
-
-  // 优化的maxTagPlaceholder实现，支持hover显示完整标签内容
-  // 必须在条件返回之前定义所有hooks，避免hooks数量不一致错误
-  const maxTagPlaceholder = useCallback(omittedValues => {
-    // 获取扁平化的树数据用于查找标签
-    const flatData = getFlatTreeData(selectList, finalFieldNames);
-
-    // 提取被省略的标签文本
-    const omittedLabels = omittedValues.map(valueObj => {
-      // TreeSelect的maxTagPlaceholder参数是选中项的完整对象
-      const targetValue = valueObj.value || valueObj[finalFieldNames.value];
-
-      // 从扁平化的选项列表中查找匹配项
-      const matchedItem = flatData.find(item => item[finalFieldNames.value] === targetValue);
-      if (matchedItem) {
-        // 支持showCodeName格式
-        return showCodeName ? `${matchedItem[finalFieldNames.value]}-${matchedItem[finalFieldNames.label]}` : matchedItem[finalFieldNames.label];
-      }
-
-      // 备选方案1：直接提取valueObj的label
-      if (valueObj.label) {
-        // 处理可能的React元素或带HTML的标签
-        if (typeof valueObj.label === 'object' && valueObj.label?.props) {
-          const children = valueObj.label?.props?.children;
-          if (children?.props?.dangerouslySetInnerHTML?.__html) {
-            return children.props.dangerouslySetInnerHTML.__html;
-          }
-          if (valueObj.label?.props?.dangerouslySetInnerHTML?.__html) {
-            return valueObj.label.props.dangerouslySetInnerHTML.__html;
+  const maxTagPlaceholder = useCallback(
+    (omittedValues) => {
+      const flatData = getFlatTreeData(selectList, finalFieldNames);
+      const omittedLabels = omittedValues.map((valueObj) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h;
+        const targetValue = valueObj.value || valueObj[finalFieldNames.value];
+        const matchedItem = flatData.find((item) => item[finalFieldNames.value] === targetValue);
+        if (matchedItem) {
+          return showCodeName ? `${matchedItem[finalFieldNames.value]}-${matchedItem[finalFieldNames.label]}` : matchedItem[finalFieldNames.label];
+        }
+        if (valueObj.label) {
+          if (typeof valueObj.label === "object" && ((_a2 = valueObj.label) == null ? void 0 : _a2.props)) {
+            const children = (_c2 = (_b2 = valueObj.label) == null ? void 0 : _b2.props) == null ? void 0 : _c2.children;
+            if ((_e2 = (_d2 = children == null ? void 0 : children.props) == null ? void 0 : _d2.dangerouslySetInnerHTML) == null ? void 0 : _e2.__html) {
+              return children.props.dangerouslySetInnerHTML.__html;
+            }
+            if ((_h = (_g = (_f2 = valueObj.label) == null ? void 0 : _f2.props) == null ? void 0 : _g.dangerouslySetInnerHTML) == null ? void 0 : _h.__html) {
+              return valueObj.label.props.dangerouslySetInnerHTML.__html;
+            }
+            return children || valueObj.label;
           }
-          // 如果是React元素，尝试提取文本内容
-          return children || valueObj.label;
+          return valueObj.label;
         }
-        return valueObj.label;
-      }
-
-      // 备选方案2：使用value作为fallback
-      return targetValue;
-    });
-    const tooltipContent = omittedLabels.join('、');
-    return /*#__PURE__*/_jsx(Tooltip, {
-      title: tooltipContent,
-      placement: "topLeft",
-      children: /*#__PURE__*/_jsxs("span", {
-        children: ["+ ", /*#__PURE__*/_jsx("b", {
-          className: "pro-tree-more-count",
-          children: omittedValues.length
-        }), "..."]
-      })
-    });
-  }, [selectList, finalFieldNames, showCodeName]);
-
-  // 纯展示处理
+        return targetValue;
+      });
+      const tooltipContent = omittedLabels.join("、");
+      return /* @__PURE__ */ jsx(Tooltip, { title: tooltipContent, placement: "topLeft", children: /* @__PURE__ */ jsxs("span", { children: [
+        "+ ",
+        /* @__PURE__ */ jsx("b", { className: "pro-tree-more-count", children: omittedValues.length }),
+        "..."
+      ] }) });
+    },
+    [selectList, finalFieldNames, showCodeName]
+  );
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      // 从selectProps或props中获取maxTagCount，因为此时treeProps还未定义
       const maxTagCount = selectProps.maxTagCount || props.maxTagCount;
-      // 如果设置了maxTagCount且超出数量，需要截断显示
-      const shouldTruncate = typeof maxTagCount === 'number' && value.length > maxTagCount;
+      const shouldTruncate = typeof maxTagCount === "number" && value.length > maxTagCount;
       if (shouldTruncate) {
-        // 截断显示：显示前N项 + "更多N项..."的hover提示
-        const maxCount = typeof maxTagCount === 'number' ? maxTagCount : 0;
+        const maxCount = typeof maxTagCount === "number" ? maxTagCount : 0;
         const visibleItems = value.slice(0, maxCount);
         const hiddenItems = value.slice(maxCount);
         const hiddenCount = value.length - maxCount;
         const visibleText = transToLabel(visibleItems);
-        const hiddenText = transToLabel(hiddenItems); // 只显示被隐藏的标签
-        const moreText = locale?.ProForm?.moreItems ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [locale.ProForm.moreItems.split('{count}')[0], /*#__PURE__*/_jsx("b", {
-            className: "pro-tree-more-count",
-            children: hiddenCount
-          }), locale.ProForm.moreItems.split('{count}')[1]]
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("b", {
-            className: "pro-tree-more-count",
-            children: hiddenCount
-          }), " more..."]
-        });
-        return /*#__PURE__*/_jsxs(Container, {
-          viewEmpty: viewEmpty,
-          children: [visibleText, "\u3001", /*#__PURE__*/_jsx(Tooltip, {
-            title: hiddenText,
-            placement: "topLeft",
-            children: /*#__PURE__*/_jsx("span", {
-              children: moreText
-            })
-          })]
-        });
+        const hiddenText = transToLabel(hiddenItems);
+        const moreText = ((_d = (_c = locale) == null ? void 0 : _c.ProForm) == null ? void 0 : _d.moreItems) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          locale.ProForm.moreItems.split("{count}")[0],
+          /* @__PURE__ */ jsx("b", { className: "pro-tree-more-count", children: hiddenCount }),
+          locale.ProForm.moreItems.split("{count}")[1]
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("b", { className: "pro-tree-more-count", children: hiddenCount }),
+          " more..."
+        ] });
+        return /* @__PURE__ */ jsxs(Container, { viewEmpty, children: [
+          visibleText,
+          "、",
+          /* @__PURE__ */ jsx(Tooltip, { title: hiddenText, placement: "topLeft", children: /* @__PURE__ */ jsx("span", { children: moreText }) })
+        ] });
       }
-
-      // 不需要截断，正常显示
-      return /*#__PURE__*/_jsx(Container, {
-        tooltip: true,
-        viewEmpty: viewEmpty,
-        children: transToLabel(value)
-      });
+      return /* @__PURE__ */ jsx(Container, { tooltip: true, viewEmpty, children: transToLabel(value) });
     }
-    return /*#__PURE__*/_jsx(Container, {
-      viewEmpty: viewEmpty,
-      children: value ? transToLabel([value]) : null
-    });
+    return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value ? transToLabel([value]) : null });
   }
   const Icon = () => {
-    return /*#__PURE__*/_jsx("svg", {
-      className: "icon",
-      viewBox: "0 0 1433 1024",
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      "p-id": "2318",
-      width: "1em",
-      height: "1em",
-      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"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "icon",
+        viewBox: "0 0 1433 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "2318",
+        width: "1em",
+        height: "1em",
+        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"
+          }
+        )
+      }
+    );
   };
-
-  // 把 filterTree 写入的高亮标记（纯文本分隔）转成安全的 React 节点，避免 dangerouslySetInnerHTML
-  const renderHighlightLabel = text => {
-    if (!text || !text.includes('highlight-search-text')) return text;
+  const renderHighlightLabel = (text) => {
+    if (!text || !text.includes("highlight-search-text"))
+      return text;
     const parts = text.split(/(<span class="highlight-search-text">.*?<\/span>)/g);
     return parts.map((part, i) => {
       const match = part.match(/^<span class="highlight-search-text">(.*?)<\/span>$/);
       if (match) {
-        return /*#__PURE__*/_jsx("span", {
-          className: "highlight-search-text",
-          children: match[1]
-        }, i);
+        return /* @__PURE__ */ jsx("span", { className: "highlight-search-text", children: match[1] }, i);
       }
       return part;
     });
   };
-
-  /**
-   * 自定义渲染子树
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param node 每个节点数据对象（标准格式）
-   * @returns 整个react节点树
-   */
   const renderTreeNode = (node, grade) => {
-    const {
-      children,
-      icon,
-      label,
-      value: nodeValue,
-      key: nodeKey
-    } = node;
+    const { children, icon, label, value: nodeValue, key: nodeKey } = node;
     let labelText = label;
-    let value = nodeValue;
-    let key = nodeValue; // 使用 value 作为 key，如果有 key 字段则使用 key
-    if (nodeKey !== undefined) {
+    let value2 = nodeValue;
+    let key = nodeValue;
+    if (nodeKey !== void 0) {
       key = nodeKey;
     }
-    // 三无走默认
-    if (['undefined-undefined', 'undefined'].includes(labelText) && !value && !key) {
+    if (["undefined-undefined", "undefined"].includes(labelText) && !value2 && !key) {
       if (showCodeName) {
-        labelText = `${node?.value}-${node?.label}`;
+        labelText = `${node == null ? void 0 : node.value}-${node == null ? void 0 : node.label}`;
       } else {
-        labelText = node?.label;
+        labelText = node == null ? void 0 : node.label;
       }
-      value = node?.value;
-      key = node?.value;
+      value2 = node == null ? void 0 : node.value;
+      key = node == null ? void 0 : node.value;
     }
-    const titleHtml = /*#__PURE__*/_jsx("span", {
-      children: renderHighlightLabel(labelText)
-    });
-    let searchKey = '';
+    const titleHtml = /* @__PURE__ */ jsx("span", { children: renderHighlightLabel(labelText) });
+    let searchKey = "";
     if (showCodeName) {
-      searchKey = `${value}-${labelText}`;
+      searchKey = `${value2}-${labelText}`;
     } else {
       searchKey = labelText;
     }
-    let title = treeCheckable ? titleHtml : /*#__PURE__*/_jsxs("span", {
-      className: "check-option-text",
-      children: [/*#__PURE__*/_jsx("span", {
-        className: "check-option-text-content",
-        children: titleHtml
-      }), !disabled ? /*#__PURE__*/_jsx("span", {
-        className: "check-mark-icon",
-        children: /*#__PURE__*/_jsx(Icon, {})
-      }) : null]
-    });
+    let title = treeCheckable ? titleHtml : /* @__PURE__ */ jsxs("span", { className: "check-option-text", children: [
+      /* @__PURE__ */ jsx("span", { className: "check-option-text-content", children: titleHtml }),
+      !disabled ? /* @__PURE__ */ jsx("span", { className: "check-mark-icon", children: /* @__PURE__ */ jsx(Icon, {}) }) : null
+    ] });
     if (_showEllipse) {
-      title = /*#__PURE__*/_jsx(AdaptiveTooltip, {
-        children: treeCheckable ? titleHtml : /*#__PURE__*/_jsx("span", {
-          className: "check-option-text",
-          children: /*#__PURE__*/_jsx("span", {
-            className: "check-option-text-content",
-            children: titleHtml
-          })
-        })
-      });
+      title = /* @__PURE__ */ jsx(AdaptiveTooltip, { children: treeCheckable ? titleHtml : /* @__PURE__ */ jsx("span", { className: "check-option-text", children: /* @__PURE__ */ jsx("span", { className: "check-option-text-content", children: titleHtml }) }) });
     }
     if (!children) {
-      return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
-        value: value,
-        title: title,
+      return /* @__PURE__ */ jsx(
+        TreeSelect.TreeNode,
+        {
+          value: value2,
+          title,
+          label: searchKey,
+          disabled: node.disabled,
+          checkable: node.checkable,
+          icon,
+          className: `node-val-${value2}`
+        },
+        key
+      );
+    }
+    const sonGrade = grade + 1;
+    return /* @__PURE__ */ jsx(
+      TreeSelect.TreeNode,
+      {
+        value: value2,
+        title,
         label: searchKey,
         disabled: node.disabled,
         checkable: node.checkable,
-        icon: icon,
-        className: `node-val-${value}`
-      }, key);
-    }
-    const sonGrade = grade + 1;
-    return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
-      value: value,
-      title: title,
-      label: searchKey,
-      disabled: node.disabled,
-      checkable: node.checkable,
-      className: `node-val-${value}`,
-      children: children.map(child => renderTreeNode(child, sonGrade))
-    }, key);
+        className: `node-val-${value2}`,
+        children: children.map((child) => renderTreeNode(child, sonGrade))
+      },
+      key
+    );
   };
-
-  /**
-   * 从树形数据中找出用户搜索得数据，并且将搜索字符串高亮标识
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param data 全量树（标准格式）
-   * @param searchStr 搜索字符串
-   * @returns 处理后得树
-   */
   function filterTree(sourceList, keyWord) {
-    const filterData = function (data) {
-      const currentAllNodeChild = []; // 记录当前节点得所有子节点
-      // 遍历数组
+    const filterData = function(data) {
+      const currentAllNodeChild = [];
       for (let i = 0; i < data.length; i++) {
         const item = data[i];
-        // 一直递归到最后一层子节点
-        let currentNodeChild = []; // 记录当前节点下得子节点匹配到的节点个数
+        let currentNodeChild = [];
         if (item.children && item.children.length > 0) {
           currentNodeChild = filterData(item.children);
         }
-        // 迭代完子节点向上回溯，如果有匹配到得子节点，那么加入当前节点得孩子对象上,否则加入得是空数组
         item.children = currentNodeChild;
-        // 判断节点label是否包含关键字 如果有，那么直接进行下一循环
-        // @ts-ignore
-        if (item.label && item.label.indexOf(keyWord) > -1 && selectProps?.mode !== 'treeSelect') {
+        if (item.label && item.label.indexOf(keyWord) > -1 && (selectProps == null ? void 0 : selectProps.mode) !== "treeSelect") {
           const regExp = new RegExp(keyWord);
-          item.label = item.label.replace(regExp, `<span class="highlight-search-text">${keyWord}</span>`);
+          item.label = item.label.replace(
+            regExp,
+            `<span class="highlight-search-text">${keyWord}</span>`
+          );
         }
         currentAllNodeChild.push(item);
       }
@@ -573,40 +399,24 @@ export const ProTreeSelect = (props, ref) => {
     sourceList = filterData(sourceList);
     return sourceList;
   }
-  const searchTreeEvent = _debounce(async searchVal => {
+  const searchTreeEvent = debounce(async (searchVal) => {
     if (!searchVal) {
-      setState({
-        selectList: _cloneDeep(origDataSource || [])
-      });
+      setState({ selectList: cloneDeep(origDataSource || []) });
       return null;
     }
-    const result = filterTree(_cloneDeep(origDataSource || []), searchVal);
-    setState({
-      selectList: result || []
-    });
+    const result = filterTree(cloneDeep(origDataSource || []), searchVal);
+    setState({ selectList: result || [] });
   }, 500);
-
-  /**
-   * 从树形数据中查找节点
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param treeList 树形数据（标准格式）
-   * @param nodeValue 节点值
-   * @returns 找到的节点
-   */
   function findTreeNode(treeList, nodeValue) {
     let result = {};
-    const filterData = function (data) {
+    const filterData = function(data) {
       for (let i = 0; i < data.length; i++) {
         const item = data[i];
         if (item.value === nodeValue || Array.isArray(nodeValue) && nodeValue.includes(item.value)) {
-          result = {
-            ...item
-          };
-          // 删除 children 字段，避免循环引用
+          result = { ...item };
           delete result.children;
           return null;
         }
-        // 一直递归到最后一层子节点
         if (item.children && item.children.length > 0) {
           filterData(item.children);
         }
@@ -615,20 +425,13 @@ export const ProTreeSelect = (props, ref) => {
     filterData(treeList);
     return result;
   }
-  /**
-   * 根据值获取标签
-   * 注意：此时数据已经是标准格式（label, value, children）
-   * @param treeList 树形数据（标准格式）
-   * @param nodeValue 节点值
-   * @returns 标签对象或数组
-   */
   function getLabelByValue(treeList, nodeValue) {
     let result = nodeValue;
     if (nodeValue) {
       if (Array.isArray(nodeValue)) {
         result = [];
-        nodeValue.map(item => {
-          const res = findTreeNode(treeList, item?.value);
+        nodeValue.map((item) => {
+          const res = findTreeNode(treeList, item == null ? void 0 : item.value);
           res && result.push(res);
           return item;
         });
@@ -639,13 +442,11 @@ export const ProTreeSelect = (props, ref) => {
     return result;
   }
   const handleChange = (newVal, label, extra) => {
-    // newVal回来得一定是label、value
-    // 注意：此时数据已经是标准格式（label, value, children）
-    const _selectList = selectList.map(item => {
+    const _selectList = selectList.map((item) => {
       let _label = item.label;
       if (_label) {
         const regex = /<span class="highlight-search-text">(.*?)<\/span>/g;
-        _label = item.label = _label.replace(regex, '$1');
+        _label = item.label = _label.replace(regex, "$1");
       }
       return {
         ...item,
@@ -653,65 +454,60 @@ export const ProTreeSelect = (props, ref) => {
       };
     });
     let result = newVal;
-    if (props?.labelInValue) {
+    if (props == null ? void 0 : props.labelInValue) {
       result = getLabelByValue(_selectList, newVal);
     }
-    // showCodeName 仅影响展示，回调返回的 option 需还原原始 label
-    const options = restoreCodeNameLabel(findTreeNode(_selectList, extra?.triggerValue), showCodeName);
+    const options = restoreCodeNameLabel(
+      findTreeNode(_selectList, extra == null ? void 0 : extra.triggerValue),
+      showCodeName
+    );
     onChange && onChange(result, options, extra);
-    // 重置搜索
-    showSearch && searchTreeEvent('');
+    showSearch && searchTreeEvent("");
   };
-
-  /**
-   * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
-   * @param e 事件源
-   */
-  const nodeChangeEvent = e => {
+  const nodeChangeEvent = (e) => {
     const el = e.target;
     const classStr = el.className;
-    if (classStr && !treeCheckable && typeof classStr === 'string') {
-      const [valStr] = classStr.split(' ');
-      if (valStr && classStr.startsWith('node-val-')) {
-        const choiceVal = valStr.replace('node-val-', '');
+    if (classStr && !treeCheckable && typeof classStr === "string") {
+      const [valStr] = classStr.split(" ");
+      if (valStr && classStr.startsWith("node-val-")) {
+        const choiceVal = valStr.replace("node-val-", "");
         if (value === choiceVal) {
-          onChange && onChange(undefined, [], null);
+          onChange && onChange(void 0, [], null);
         }
       }
     }
   };
-
-  // 如果单选情况下只有10条那么设置class控制样式
-  let tenCountClass = '';
-  const countTen = enums => {
+  let tenCountClass = "";
+  const countTen = (enums) => {
     if (!enums) {
-      return '';
+      return "";
     }
     let noneChild = true;
-    const loopCount = data => {
-      data.map(item => {
-        if (item?.children?.length) {
+    const loopCount = (data) => {
+      data.map((item) => {
+        var _a2;
+        if ((_a2 = item == null ? void 0 : item.children) == null ? void 0 : _a2.length) {
           noneChild = false;
         }
         return item;
       });
     };
     loopCount(enums);
-    return noneChild ? 'ten-count-tree-node' : '';
+    return noneChild ? "ten-count-tree-node" : "";
   };
   tenCountClass = countTen(selectList);
   const cls = classnames({
-    'pro-tree-select': true,
+    "pro-tree-select": true,
     [`${className}`]: className
   });
-  const innerClass = treeCheckable ? 'checkable-tree pro' : `${tenCountClass} signal-tree`;
+  const innerClass = treeCheckable ? "checkable-tree pro" : `${tenCountClass} signal-tree`;
   const dropDownClassName = classnames({
-    'pro-tree-select-drop-down-container': true,
+    "pro-tree-select-drop-down-container": true,
     [`${innerClass}`]: true,
     [`${popupClassName}`]: popupClassName
   });
-  const selectClassNames = selectProps?.classNames;
-  const selectStyles = selectProps?.styles;
+  const selectClassNames = selectProps == null ? void 0 : selectProps.classNames;
+  const selectStyles = selectProps == null ? void 0 : selectProps.styles;
   const treeProps = {
     disabled,
     showSearch,
@@ -726,10 +522,7 @@ export const ProTreeSelect = (props, ref) => {
     value,
     onChange: handleChange,
     listHeight: listHeight || 320,
-    style: {
-      width: width || '100%',
-      ...style
-    },
+    style: { width: width || "100%", ...style },
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
     treeNodeFilterProp,
@@ -740,20 +533,20 @@ export const ProTreeSelect = (props, ref) => {
     classNames: {
       ...selectClassNames,
       popup: {
-        ...selectClassNames?.popup,
-        root: [selectClassNames?.popup?.root, dropDownClassName].filter(Boolean).join(' ')
+        ...selectClassNames == null ? void 0 : selectClassNames.popup,
+        root: [(_e = selectClassNames == null ? void 0 : selectClassNames.popup) == null ? void 0 : _e.root, dropDownClassName].filter(Boolean).join(" ")
       }
     },
     styles: {
       ...selectStyles,
       popup: {
-        ...selectStyles?.popup,
+        ...selectStyles == null ? void 0 : selectStyles.popup,
         root: {
           maxHeight: 320,
-          paddingTop: '0px',
-          maxWidth: '580px',
+          paddingTop: "0px",
+          maxWidth: "580px",
           ...dropdownStyle,
-          ...selectStyles?.popup?.root
+          ...(_f = selectStyles == null ? void 0 : selectStyles.popup) == null ? void 0 : _f.root
         }
       }
     }
@@ -761,15 +554,18 @@ export const ProTreeSelect = (props, ref) => {
   if (value === null) {
     delete treeProps.value;
   }
-  return /*#__PURE__*/_jsx("div", {
-    onClick: nodeChangeEvent,
-    className: cls,
-    children: /*#__PURE__*/_jsx(TreeSelect, {
+  return /* @__PURE__ */ jsx("div", { onClick: nodeChangeEvent, className: cls, children: /* @__PURE__ */ jsx(
+    TreeSelect,
+    {
       placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
-      maxTagPlaceholder: maxTagPlaceholder,
+      maxTagPlaceholder,
       ...treeProps,
-      children: selectList.map(node => renderTreeNode(node, 1))
-    })
-  });
+      children: selectList.map((node) => renderTreeNode(node, 1))
+    }
+  ) });
+};
+var ProTreeSelect_default = forwardRef(ProTreeSelect);
+export {
+  ProTreeSelect,
+  ProTreeSelect_default as default
 };
-export default /*#__PURE__*/forwardRef(ProTreeSelect);