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

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

@@ -1,507 +1,393 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTree/components/ProTreeSelect/index.tsx
+var ProTreeSelect_exports = {};
+__export(ProTreeSelect_exports, {
+  ProTreeSelect: () => ProTreeSelect,
+  default: () => ProTreeSelect_default
 });
-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");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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 _locale = _interopRequireDefault(require("../../../locale"));
-var _ProConfigProvider = require("../../../ProConfigProvider");
-var _Container = _interopRequireDefault(require("../../../ProForm/components/Container"));
-var _AdaptiveTooltip = _interopRequireDefault(require("../AdaptiveTooltip"));
-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 _useRequest$options;
-  // 全局属性配置在ConfigProvider
-  var _ref = (0, _ProConfigProvider.useProConfig)('ProTreeSelect') || {},
-    _ref$fieldNames = _ref.fieldNames,
-    proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames;
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var label = 'label';
-  var code = 'value';
-  var uuidKey = 'value';
+module.exports = __toCommonJS(ProTreeSelect_exports);
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_locale = __toESM(require("../../../locale"));
+var import_ProConfigProvider = require("../../../ProConfigProvider");
+var import_Container = __toESM(require("../../../ProForm/components/Container"));
+var import_AdaptiveTooltip = __toESM(require("../AdaptiveTooltip"));
+var { SHOW_PARENT } = import_antd.TreeSelect;
+var ProTreeSelect = (props, ref) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { fieldNames: proSelectFieldNames = {} } = (0, import_ProConfigProvider.useProConfig)("ProTreeSelect") || {};
+  const { dics = {} } = (0, import_ProConfigProvider.useProConfig)("ProEnum");
+  let label = "label";
+  let code = "value";
+  let uuidKey = "value";
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
     code = proSelectFieldNames.value;
     label = proSelectFieldNames.label;
     uuidKey = proSelectFieldNames.key || proSelectFieldNames.value;
   }
-  // 配置属性
-  var disabled = props.disabled,
-    enumCode = props.code,
-    dataSource = props.dataSource,
-    defaultDisableValue = props.defaultDisableValue,
-    onChange = props.onChange,
-    useRequest = props.useRequest,
-    transformResponse = props.transformResponse,
-    fieldNames = props.fieldNames,
-    placeholder = props.placeholder,
-    _props$tooltip = props.tooltip,
-    tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
-    _props$showSearch = props.showSearch,
-    showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
-    filterTreeNode = props.filterTreeNode,
-    _props$treeNodeFilter = props.treeNodeFilterProp,
-    treeNodeFilterProp = _props$treeNodeFilter === void 0 ? 'label' : _props$treeNodeFilter,
-    _props$defaultExpandA = props.defaultExpandAll,
-    defaultExpandAll = _props$defaultExpandA === void 0 ? true : _props$defaultExpandA,
-    expandedKeys = props.expandedKeys,
-    _props$treeCheckable = props.treeCheckable,
-    treeCheckable = _props$treeCheckable === void 0 ? true : _props$treeCheckable,
-    _onSearch = props.onSearch,
-    otherProps = props.otherProps,
-    width = props.width,
-    dropdownStyle = props.dropdownStyle,
-    popupClassName = props.popupClassName,
-    style = props.style,
-    allowClear = props.allowClear,
-    listHeight = props.listHeight,
-    showCodeName = props.showCodeName,
-    className = props.className,
-    checkStrictly = props.checkStrictly,
-    checkable = props.checkable,
-    selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _props$value = props.value,
-    value = _props$value === void 0 ? undefined : _props$value;
-  var _props$showEllipse = props.showEllipse,
-    showEllipse = _props$showEllipse === void 0 ? true : _props$showEllipse;
-  var _ref2 = otherProps !== null && otherProps !== void 0 ? otherProps : {},
-    isDiffChange = _ref2.isDiffChange;
-  var _showEllipse = showEllipse && !isDiffChange;
-  var _ref3 = otherProps || {},
-    isView = _ref3.isView,
-    viewEmpty = _ref3.viewEmpty;
+  const {
+    disabled,
+    code: enumCode,
+    // 配置了此code其他异步逻辑都不走，优先级最高
+    dataSource,
+    // 优先级第二
+    defaultDisableValue,
+    onChange,
+    useRequest,
+    // 优先级第三
+    transformResponse,
+    fieldNames,
+    placeholder,
+    tooltip = false,
+    showSearch = true,
+    // 默认支持搜索
+    filterTreeNode,
+    // 是否根据输入项进行筛选，默认true
+    treeNodeFilterProp = "label",
+    defaultExpandAll = true,
+    // 默认展开所有树
+    expandedKeys,
+    treeCheckable = true,
+    // 默认支持复选、多选
+    onSearch: _onSearch,
+    // 使用内部onSearch,传入不使用
+    otherProps,
+    width,
+    dropdownStyle,
+    popupClassName,
+    style,
+    allowClear,
+    listHeight,
+    // 下拉最大高度
+    showCodeName,
+    className,
+    checkStrictly,
+    checkable,
+    ...selectProps
+  } = props;
+  const { value = void 0 } = props;
+  const { showEllipse = true } = props;
+  const { isDiffChange } = otherProps ?? {};
+  const _showEllipse = showEllipse && !isDiffChange;
+  const { isView, viewEmpty } = otherProps || {};
   if (fieldNames && Object.keys(fieldNames).length) {
-    code = fieldNames.value || 'value';
-    label = fieldNames.label || 'label';
+    code = fieldNames.value || "value";
+    label = fieldNames.label || "label";
     uuidKey = fieldNames.key || code;
   }
-  // 经过处理后的枚举数据，可能来自用户配置的处理函数后返回的结果
-  var _useSetState = (0, _ahooks.useSetState)({}),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    _useSetState2$ = _useSetState2[0],
-    _useSetState2$$select = _useSetState2$.selectList,
-    selectList = _useSetState2$$select === void 0 ? [] : _useSetState2$$select,
-    _useSetState2$$origDa = _useSetState2$.origDataSource,
-    origDataSource = _useSetState2$$origDa === void 0 ? [] : _useSetState2$$origDa,
-    setState = _useSetState2[1];
-  /**
-   * 如果数据少于10条那么将数据平铺返回
-   * @param dictsEnum 原始数据
-   * @returns 平铺或者原始数据
-   */
-  var countChild = function countChild(dictsEnum) {
+  const [{ selectList = [], origDataSource = [] }, setState] = (0, import_ahooks.useSetState)({});
+  const countChild = (dictsEnum) => {
     if (treeCheckable) {
       return dictsEnum;
     }
-    var count = 0;
-    var result = [];
-    var _loopCount = function loopCount(data) {
-      data.map(function (item) {
+    let count = 0;
+    const result = [];
+    const loopCount = (data) => {
+      data.map((item) => {
         count += 1;
-        var children = item.children,
-          other = (0, _objectWithoutProperties2.default)(item, _excluded2);
-        result.push((0, _objectSpread2.default)({}, other));
+        const { children, ...other } = item;
+        result.push({ ...other });
         if (item.children) {
-          _loopCount(item.children);
+          loopCount(item.children);
         }
         return item;
       });
     };
-    if ((dictsEnum === null || dictsEnum === void 0 ? void 0 : dictsEnum.length) > 10) {
+    if ((dictsEnum == null ? 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]);
+  const transferDataSource = (dataArr, showCodeAndName) => {
+    const copyData = (0, import_lodash.cloneDeep)(dataArr);
+    const 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 _res$status = res.status,
-      status = _res$status === void 0 ? 200 : _res$status,
-      msg = res.message,
-      data = res.data;
+  const defaultOnSuccessFun = (res) => {
+    const { status = 200, message: msg, data } = res;
     if (status !== 200) {
-      _message2.default.error(msg);
+      import_antd.message.error(msg);
       return;
     }
-    var resultData = transferDataSource(data, showCodeName);
-    setState({
-      selectList: resultData || [],
-      origDataSource: resultData || []
-    });
+    const resultData = transferDataSource(data, showCodeName);
+    setState({ selectList: resultData || [], origDataSource: resultData || [] });
   };
-  var successTransformDataHandle = (0, _react.useCallback)(function (res) {
-    if (transformResponse && typeof transformResponse === 'function') {
+  const successTransformDataHandle = (0, import_react.useCallback)((res) => {
+    if (transformResponse && typeof transformResponse === "function") {
       return transformResponse(res);
     }
-    var _ref4 = res || {},
-      _ref4$status = _ref4.status,
-      status = _ref4$status === void 0 ? 200 : _ref4$status,
-      msg = _ref4.message,
-      data = _ref4.data;
+    const { status = 200, message: msg, data } = res || {};
     if (status !== 200) {
-      _message2.default.error(msg);
+      import_antd.message.error(msg);
       return;
     }
     return data;
   }, []);
-  // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
+  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
     debounceWait: 300,
-    onSuccess: function onSuccess(data) {
-      if (transformResponse && typeof transformResponse === 'function') {
-        var responseData = transformResponse(data);
-        var resultData = transferDataSource(responseData, showCodeName);
-        setState({
-          selectList: countChild(resultData),
-          origDataSource: resultData
-        });
+    onSuccess: (data) => {
+      if (transformResponse && typeof transformResponse === "function") {
+        const responseData = transformResponse(data);
+        const resultData = transferDataSource(responseData, showCodeName);
+        setState({ selectList: countChild(resultData), origDataSource: resultData });
       } else {
         defaultOnSuccessFun(fetchFunction.data);
       }
-    }
-  }, 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
-    };
+    },
+    ...useRequest == null ? void 0 : useRequest.options
   });
-  // 设置cacheKey后使用缓存的数据
-  (0, _ahooks.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 (transformResponse && typeof transformResponse === 'function') {
-        var responseData = transformResponse(fetchFunction.data);
-        // debugger;
-        var resultData = transferDataSource(responseData, showCodeName);
-        setState({
-          selectList: countChild(resultData),
-          origDataSource: resultData
-        });
+  const cacheList = ((_a = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      useRequestRef: fetchFunction
+    })
+  );
+  (0, import_ahooks.useDeepCompareEffect)(() => {
+    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);
+        const resultData = transferDataSource(responseData, showCodeName);
+        setState({ selectList: countChild(resultData), origDataSource: resultData });
       } else {
         defaultOnSuccessFun(fetchFunction.data);
       }
     }
-  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (enumCode) {
-      var dictEnum = dics[enumCode] || [];
-      var resultData = transferDataSource(dictEnum, showCodeName);
-      setState({
-        selectList: countChild(resultData),
-        origDataSource: resultData
-      });
+      const dictEnum = dics[enumCode] || [];
+      const resultData = transferDataSource(dictEnum, showCodeName);
+      setState({ selectList: countChild(resultData), origDataSource: resultData });
     } else if (dataSource) {
-      var _resultData = transferDataSource(dataSource, showCodeName);
-      setState({
-        selectList: countChild(_resultData),
-        origDataSource: _resultData
-      });
+      const resultData = transferDataSource(dataSource, showCodeName);
+      setState({ selectList: countChild(resultData), origDataSource: resultData });
     }
   }, [enumCode, dataSource]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    // code存在huo dataSource存在，不执行接口请求
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (enumCode || dataSource) {
-      return undefined;
+      return void 0;
     }
-    // 如果配置手动加载，不执行请求
-    var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref5.defaultParams,
-      manual = _ref5.manual;
-    // disabled 状态时，不查询接口
+    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
     if (defaultDisableValue || !useRequest) {
-      return undefined;
+      return void 0;
     }
-    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
       return;
     }
-    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
-    // 执行用户配置的枚举服务，拉取枚举数据进行更新
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
-  // disable默认值
+  }, [useRequest == null ? void 0 : useRequest.options, defaultDisableValue]);
   if (defaultDisableValue) {
-    return (0, _jsxRuntime.jsx)("span", {
-      title: defaultDisableValue,
-      children: (0, _jsxRuntime.jsx)(_input.default, {
-        disabled: true,
-        defaultValue: defaultDisableValue,
-        style: props === null || props === void 0 ? void 0 : props.style
-      })
-    });
+    return /* @__PURE__ */ import_react.default.createElement("span", { title: defaultDisableValue }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { disabled: true, defaultValue: defaultDisableValue, style: props == null ? void 0 : props.style }));
   }
-  /**
-   * 根据值进行回显
-   * @param value 输入值
-   * @returns 对应枚举label
-   */
-  var transToLabel = function transToLabel(value) {
+  const transToLabel = (value2) => {
     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);
-    return labelResult === null || labelResult === void 0 ? void 0 : labelResult.join('，');
+    const labelResult = [];
+    const queryLabel = (dicts) => dicts.map((item) => {
+      if (value2.includes(item[code])) {
+        const labelText = item[label];
+        labelResult.push(labelText);
+      }
+      if (item.children) {
+        queryLabel(item.children);
+      }
+      return item;
+    });
+    queryLabel(origDataSource);
+    return labelResult == null ? void 0 : labelResult.join("，");
   };
-  // 纯展示处理
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return (0, _jsxRuntime.jsx)(_Container.default, {
-        tooltip: true,
-        viewEmpty: viewEmpty,
-        children: transToLabel(value)
-      });
+      return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { tooltip: true, viewEmpty }, transToLabel(value));
     }
-    return (0, _jsxRuntime.jsx)(_Container.default, {
-      viewEmpty: viewEmpty,
-      children: value ? transToLabel([value]) : null
-    });
+    return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { viewEmpty }, value ? transToLabel([value]) : null);
   }
-  var Icon = function Icon() {
-    return (0, _jsxRuntime.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: (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"
-      })
-    });
+  const Icon = () => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "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"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "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 children = node.children,
-      icon = node.icon;
-    var labelText = node[label];
-    var value = node[code];
-    var key = node[uuidKey];
-    // 三无走默认
-    if (['undefined-undefined', 'undefined'].includes(labelText) && !value && !key) {
+  const renderTreeNode = (node, grade) => {
+    const { children, icon } = node;
+    let labelText = node[label];
+    let value2 = node[code];
+    let key = node[uuidKey];
+    if (["undefined-undefined", "undefined"].includes(labelText) && !value2 && !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 ? void 0 : node.value}-${node == null ? void 0 : node.label}`;
       } else {
-        labelText = node === null || node === void 0 ? void 0 : node.label;
+        labelText = node == null ? void 0 : node.label;
       }
-      value = node === null || node === void 0 ? void 0 : node.value;
-      key = node === null || node === void 0 ? void 0 : node.value;
+      value2 = node == null ? void 0 : node.value;
+      key = node == null ? void 0 : node.value;
     }
-    var titleHtml = (0, _jsxRuntime.jsx)("span", {
-      dangerouslySetInnerHTML: {
-        __html: labelText
-      }
-    });
-    var searchKey = '';
+    const titleHtml = /* @__PURE__ */ import_react.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelText } });
+    let searchKey = "";
     if (showCodeName) {
-      searchKey = "".concat(value, "-").concat(labelText);
+      searchKey = `${value2}-${labelText}`;
     } else {
       searchKey = labelText;
     }
-    var title = treeCheckable ? titleHtml : (0, _jsxRuntime.jsxs)("span", {
-      className: "check-option-text",
-      children: [(0, _jsxRuntime.jsx)("span", {
-        className: "check-option-text-content",
-        children: titleHtml
-      }), !disabled ? (0, _jsxRuntime.jsx)("span", {
-        className: "check-mark-icon",
-        children: (0, _jsxRuntime.jsx)(Icon, {})
-      }) : null]
-    });
+    let title = treeCheckable ? titleHtml : /* @__PURE__ */ import_react.default.createElement("span", { className: "check-option-text" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "check-option-text-content" }, titleHtml), !disabled ? /* @__PURE__ */ import_react.default.createElement("span", { className: "check-mark-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, null)) : null);
     if (_showEllipse) {
-      title = (0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
-        children: treeCheckable ? titleHtml : (0, _jsxRuntime.jsx)("span", {
-          className: "check-option-text",
-          children: (0, _jsxRuntime.jsx)("span", {
-            className: "check-option-text-content",
-            children: titleHtml
-          })
-        })
-      });
+      title = /* @__PURE__ */ import_react.default.createElement(import_AdaptiveTooltip.default, null, treeCheckable ? titleHtml : /* @__PURE__ */ import_react.default.createElement("span", { className: "check-option-text" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "check-option-text-content" }, titleHtml)));
     }
     if (!children) {
-      return (0, _jsxRuntime.jsx)(_treeSelect.default.TreeNode, {
-        value: value,
-        title: title,
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.TreeSelect.TreeNode,
+        {
+          key,
+          value: value2,
+          title,
+          label: searchKey,
+          disabled: node.disabled,
+          checkable: node.checkable,
+          icon,
+          className: `node-val-${value2}`
+        }
+      );
+    }
+    const sonGrade = grade + 1;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.TreeSelect.TreeNode,
+      {
+        key,
+        value: value2,
+        title,
         label: searchKey,
         disabled: node.disabled,
         checkable: node.checkable,
-        icon: icon,
-        className: "node-val-".concat(value)
-      }, key);
-    }
-    var sonGrade = grade + 1;
-    return (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);
-      })
-    }, key);
+        className: `node-val-${value2}`
+      },
+      children.map((child) => renderTreeNode(child, sonGrade))
+    );
   };
-  /**
-   * 从树形数据中找出用户搜索得数据，并且将搜索字符串高亮标识
-   * @param data 全量树
-   * @param searchStr 搜索字符串
-   * @returns 处理后得树
-   */
   function filterTree(sourceList, keyWord) {
-    var _filterData = function filterData(data) {
-      var currentAllNodeChild = []; // 记录当前节点得所有子节点
-      // 遍历数组
-      for (var i = 0; i < data.length; i++) {
-        var item = data[i];
-        // 一直递归到最后一层子节点
-        var currentNodeChild = []; // 记录当前节点下得子节点匹配到的节点个数
+    const filterData = function(data) {
+      const currentAllNodeChild = [];
+      for (let i = 0; i < data.length; i++) {
+        const item = data[i];
+        let currentNodeChild = [];
         if (item.children && item.children.length > 0) {
-          currentNodeChild = _filterData(item.children);
+          currentNodeChild = filterData(item.children);
         }
-        // 迭代完子节点向上回溯，如果有匹配到得子节点，那么加入当前节点得孩子对象上,否则加入得是空数组
         item.children = currentNodeChild;
-        // 判断节点title是否包含关键字 如果有，那么直接进行下一循环
-        // @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>"));
+        if (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>`
+          );
         }
         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 result;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (searchVal) {
-              _context.next = 3;
-              break;
-            }
-            setState({
-              selectList: (0, _cloneDeep2.default)(origDataSource || [])
-            });
-            return _context.abrupt("return", null);
-          case 3:
-            result = filterTree((0, _cloneDeep2.default)(origDataSource || []), searchVal);
-            setState({
-              selectList: result || []
-            });
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref6.apply(this, arguments);
-    };
-  }(), 500);
+  const searchTreeEvent = (0, import_lodash.debounce)(async (searchVal) => {
+    if (!searchVal) {
+      setState({ selectList: (0, import_lodash.cloneDeep)(origDataSource || []) });
+      return null;
+    }
+    const result = filterTree((0, import_lodash.cloneDeep)(origDataSource || []), searchVal);
+    setState({ selectList: result || [] });
+  }, 500);
   function findTreeNode(treeList, nodeValue) {
-    var result = {};
-    var _filterData2 = function filterData(data) {
-      for (var i = 0; i < data.length; i++) {
-        var item = data[i];
+    let result = {};
+    const filterData = function(data) {
+      for (let i = 0; i < data.length; i++) {
+        const item = data[i];
         if (item[code] === nodeValue || Array.isArray(nodeValue) && nodeValue.includes(item[code])) {
-          result = (0, _objectSpread2.default)({}, item);
+          result = { ...item };
           result.value = item[code];
           result.label = item[label];
-          delete result[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'];
+          delete result[(fieldNames == null ? void 0 : fieldNames.children) || "children"];
           return null;
         }
-        // 一直递归到最后一层子节点
         if (item.children && item.children.length > 0) {
-          _filterData2(item.children);
+          filterData(item.children);
         }
       }
     };
-    _filterData2(treeList);
+    filterData(treeList);
     return result;
   }
   function getLabelByValue(treeList, nodeValue) {
-    var result = nodeValue;
+    let result = nodeValue;
     if (nodeValue) {
       if (Array.isArray(nodeValue)) {
         result = [];
-        nodeValue.map(function (item) {
-          var res = findTreeNode(treeList, item === null || item === void 0 ? void 0 : item.value);
+        nodeValue.map((item) => {
+          const res = findTreeNode(treeList, item == null ? void 0 : item.value);
           res && result.push(res);
           return item;
         });
@@ -511,128 +397,136 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     return result;
   }
-  var handleChange = function handleChange(newVal, label, extra) {
-    // newVal回来得一定是label、value
-    var _selectList = selectList.map(function (item) {
-      var label = item.label;
-      var _label = label;
-      if (label) {
-        var regex = /<span class="highlight-search-text">(.*?)<\/span>/g;
-        _label = item[label] = label === null || label === void 0 ? void 0 : label.replace(regex, '$1');
+  const handleChange = (newVal, label2, extra) => {
+    const _selectList = selectList.map((item) => {
+      const { label: label3 } = item;
+      let _label = label3;
+      if (label3) {
+        const regex = /<span class="highlight-search-text">(.*?)<\/span>/g;
+        _label = item[label3] = label3 == null ? void 0 : label3.replace(regex, "$1");
       }
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+      return {
+        ...item,
         label: _label
-      });
+      };
     });
-    var result = newVal;
-    if (props === null || props === void 0 ? void 0 : props.labelInValue) {
+    let result = newVal;
+    if (props == null ? void 0 : props.labelInValue) {
       result = getLabelByValue(_selectList, newVal);
     }
-    var options = findTreeNode(_selectList, extra === null || extra === void 0 ? void 0 : extra.triggerValue);
+    const options = findTreeNode(_selectList, extra == null ? void 0 : extra.triggerValue);
     onChange && onChange(result, options, extra);
-    // 重置搜索
-    showSearch && searchTreeEvent('');
+    showSearch && searchTreeEvent("");
   };
-  /**
-   * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
-   * @param e 事件源
-   */
-  var nodeChangeEvent = function nodeChangeEvent(e) {
-    var el = e.target;
-    var classStr = el.className;
-    if (classStr && !treeCheckable && typeof classStr === 'string') {
-      var _classStr$split = classStr.split(' '),
-        _classStr$split2 = (0, _slicedToArray2.default)(_classStr$split, 1),
-        valStr = _classStr$split2[0];
-      if (valStr && classStr.startsWith('node-val-')) {
-        var choiceVal = valStr.replace('node-val-', '');
+  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 (value === choiceVal) {
-          onChange && onChange(undefined, [], null);
+          onChange && onChange(void 0, [], null);
         }
       }
     }
   };
-  // 如果单选情况下只有10条那么设置class控制样式
-  var tenCountClass = '';
-  var countTen = function countTen(enums) {
+  let tenCountClass = "";
+  const countTen = (enums) => {
     if (!enums) {
-      return '';
+      return "";
     }
-    var noneChild = true;
-    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) {
+    let noneChild = true;
+    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);
-  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 treeProps = (0, _objectSpread2.default)({
-    disabled: disabled,
-    showSearch: showSearch,
+  const cls = (0, import_classnames.default)({
+    "pro-tree-select": true,
+    [`${className}`]: className
+  });
+  const innerClass = treeCheckable ? "checkable-tree pro" : `${tenCountClass} signal-tree`;
+  const dropDownClassName = (0, import_classnames.default)({
+    "pro-tree-select-drop-down-container": true,
+    [`${innerClass}`]: true,
+    [`${popupClassName}`]: popupClassName
+  });
+  const treeProps = {
+    disabled,
+    showSearch,
+    // 默认支持搜索
     treeDefaultExpandAll: defaultExpandAll,
+    // 展开下拉配置，默认全展开
     treeExpandedKeys: expandedKeys,
-    treeCheckable: treeCheckable,
+    treeCheckable,
+    // 可以复选；*枚举数据里必须有key
     showCheckedStrategy: SHOW_PARENT,
-    value: value,
+    // 选择后的值只显示父级
+    value,
     onChange: handleChange,
-    dropdownStyle: (0, _objectSpread2.default)({
-      maxHeight: 320,
-      paddingTop: '0px',
-      maxWidth: '580px'
-    }, dropdownStyle),
     listHeight: listHeight || 320,
-    style: (0, _objectSpread2.default)({
-      width: width || '100%'
-    }, style),
-    popupClassName: dropDownClassName,
+    style: { width: width || "100%", ...style },
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
-    showArrow: true,
-    treeNodeFilterProp: treeNodeFilterProp,
+    treeNodeFilterProp,
     virtual: true,
-    treeCheckStrictly: checkStrictly
-  }, selectProps);
+    treeCheckStrictly: checkStrictly,
+    ...selectProps,
+    // 使用新的 API 替代弃用的 popupClassName 和 dropdownStyle
+    classNames: {
+      ...selectProps == null ? void 0 : selectProps.classNames,
+      popup: {
+        ...(_b = selectProps == null ? void 0 : selectProps.classNames) == null ? void 0 : _b.popup,
+        root: [(_d = (_c = selectProps == null ? void 0 : selectProps.classNames) == null ? void 0 : _c.popup) == null ? void 0 : _d.root, dropDownClassName].filter(Boolean).join(" ")
+      }
+    },
+    styles: {
+      ...selectProps == null ? void 0 : selectProps.styles,
+      popup: {
+        ...(_e = selectProps == null ? void 0 : selectProps.styles) == null ? void 0 : _e.popup,
+        root: {
+          maxHeight: 320,
+          paddingTop: "0px",
+          maxWidth: "580px",
+          ...dropdownStyle,
+          ...(_g = (_f = selectProps == null ? void 0 : selectProps.styles) == null ? void 0 : _f.popup) == null ? void 0 : _g.root
+        }
+      }
+    }
+  };
   if (value === null) {
     delete treeProps.value;
   }
-  return (0, _jsxRuntime.jsx)("div", {
-    onClick: nodeChangeEvent,
-    className: cls,
-    children: (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;
-        });
-        var _str = _rest.join('、');
-        return (0, _jsxRuntime.jsx)(_tooltip.default, {
-          title: (0, _jsxRuntime.jsx)("div", {
-            children: _str
-          }),
-          children: (0, _jsxRuntime.jsxs)("span", {
-            children: ["+ ", rest.length, " ..."]
-          })
-        });
-      }
-    }, treeProps), {}, {
-      children: selectList.map(function (node) {
-        return _renderTreeNode(node, 1);
-      })
-    }))
-  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { onClick: nodeChangeEvent, className: cls }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.TreeSelect,
+    {
+      placeholder: placeholder || import_locale.default.ProForm.treeSelectPlaceholder,
+      maxTagPlaceholder: (rest) => {
+        const _rest = rest.map(
+          (tag) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j;
+            return (((_b2 = (_a2 = tag == null ? void 0 : tag.label) == null ? void 0 : _a2.props) == null ? void 0 : _b2.children) ? (_g2 = (_f2 = (_e2 = (_d2 = (_c2 = tag == null ? void 0 : tag.label) == null ? void 0 : _c2.props) == null ? void 0 : _d2.children) == null ? void 0 : _e2.props) == null ? void 0 : _f2.dangerouslySetInnerHTML) == null ? void 0 : _g2.__html : (_j = (_i = (_h = tag == null ? void 0 : tag.label) == null ? void 0 : _h.props) == null ? void 0 : _i.dangerouslySetInnerHTML) == null ? void 0 : _j.__html) || tag.label;
+          }
+        );
+        const _str = _rest.join("、");
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: /* @__PURE__ */ import_react.default.createElement("div", null, _str) }, /* @__PURE__ */ import_react.default.createElement("span", null, "+ ", rest.length, " ..."));
+      },
+      ...treeProps
+    },
+    selectList.map((node) => renderTreeNode(node, 1))
+  ));
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProTreeSelect);
+var ProTreeSelect_default = (0, import_react.forwardRef)(ProTreeSelect);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProTreeSelect
+});