@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

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

@@ -1,129 +1,139 @@
-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);
+"use strict";
 
-// src/ProTree/components/ProTreeSelect/index.tsx
-var ProTreeSelect_exports = {};
-__export(ProTreeSelect_exports, {
-  ProTreeSelect: () => ProTreeSelect,
-  default: () => ProTreeSelect_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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;
+exports.default = exports.ProTreeSelect = void 0;
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+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 _ahooks = require("ahooks");
+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 = (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";
+  var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$styles, _selectProps$styles2;
+  // 全局属性配置在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';
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
     code = proSelectFieldNames.value;
     label = proSelectFieldNames.label;
     uuidKey = proSelectFieldNames.key || proSelectFieldNames.value;
   }
-  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 || {};
+  // 配置属性
+  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;
   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;
   }
-  const [{ selectList = [], origDataSource = [] }, setState] = (0, import_ahooks.useSetState)({});
-  const countChild = (dictsEnum) => {
+  // 经过处理后的枚举数据，可能来自用户配置的处理函数后返回的结果
+  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 = dictsEnum => {
     if (treeCheckable) {
       return dictsEnum;
     }
-    let count = 0;
-    const result = [];
-    const loopCount = (data) => {
-      data.map((item) => {
+    var count = 0;
+    var result = [];
+    var loopCount = data => {
+      data.map(item => {
         count += 1;
-        const { children, ...other } = item;
-        result.push({ ...other });
+        var children = item.children,
+          other = (0, _objectWithoutProperties2.default)(item, _excluded2);
+        result.push((0, _objectSpread2.default)({}, other));
         if (item.children) {
           loopCount(item.children);
         }
         return item;
       });
     };
-    if ((dictsEnum == null ? void 0 : dictsEnum.length) > 10) {
+    if ((dictsEnum === null || dictsEnum === void 0 ? void 0 : dictsEnum.length) > 10) {
       return dictsEnum;
     }
     loopCount(dictsEnum);
@@ -132,10 +142,17 @@ var ProTreeSelect = (props, ref) => {
     }
     return dictsEnum;
   };
-  const transferDataSource = (dataArr, showCodeAndName) => {
-    const copyData = (0, import_lodash.cloneDeep)(dataArr);
-    const loop = (arr) => {
-      arr.map((item) => {
+
+  /**
+   * 如果要展示code-name，那么将源数据的label转为code-name
+   * @param dataArr 源数据
+   * @param showCodeAndName 是否展示code-name
+   * @returns 转换结果
+   */
+  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);
@@ -148,94 +165,137 @@ var ProTreeSelect = (props, ref) => {
     }
     return copyData;
   };
-  const defaultOnSuccessFun = (res) => {
-    const { status = 200, message: msg, data } = res;
+  var defaultOnSuccessFun = res => {
+    var _res$status = res.status,
+      status = _res$status === void 0 ? 200 : _res$status,
+      msg = res.message,
+      data = res.data;
     if (status !== 200) {
-      import_antd.message.error(msg);
+      _message2.default.error(msg);
       return;
     }
-    const resultData = transferDataSource(data, showCodeName);
-    setState({ selectList: resultData || [], origDataSource: resultData || [] });
+    var resultData = transferDataSource(data, showCodeName);
+    setState({
+      selectList: resultData || [],
+      origDataSource: resultData || []
+    });
   };
-  const successTransformDataHandle = (0, import_react.useCallback)((res) => {
-    if (transformResponse && typeof transformResponse === "function") {
+  var successTransformDataHandle = (0, _react.useCallback)(res => {
+    if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
-    const { status = 200, message: msg, data } = res || {};
+    var _ref4 = res || {},
+      _ref4$status = _ref4.status,
+      status = _ref4$status === void 0 ? 200 : _ref4$status,
+      msg = _ref4.message,
+      data = _ref4.data;
     if (status !== 200) {
-      import_antd.message.error(msg);
+      _message2.default.error(msg);
       return;
     }
     return data;
   }, []);
-  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
+
+  // 配置了异步数据源，拉取枚举数据逻辑 如果有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: (data) => {
-      if (transformResponse && typeof transformResponse === "function") {
-        const responseData = transformResponse(data);
-        const resultData = transferDataSource(responseData, showCodeName);
-        setState({ selectList: countChild(resultData), origDataSource: resultData });
+    onSuccess: data => {
+      if (transformResponse && typeof transformResponse === 'function') {
+        var responseData = transformResponse(data);
+        var resultData = transferDataSource(responseData, showCodeName);
+        setState({
+          selectList: countChild(resultData),
+          origDataSource: resultData
+        });
       } else {
         defaultOnSuccessFun(fetchFunction.data);
       }
-    },
-    ...useRequest == null ? void 0 : useRequest.options
-  });
-  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 });
+    }
+  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
+  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)(() => {
+    var _useRequest$options2;
+    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);
+        setState({
+          selectList: countChild(resultData),
+          origDataSource: resultData
+        });
       } else {
         defaultOnSuccessFun(fetchFunction.data);
       }
     }
-  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (enumCode) {
-      const dictEnum = dics[enumCode] || [];
-      const resultData = transferDataSource(dictEnum, showCodeName);
-      setState({ selectList: countChild(resultData), origDataSource: resultData });
+      var dictEnum = dics[enumCode] || [];
+      var resultData = transferDataSource(dictEnum, showCodeName);
+      setState({
+        selectList: countChild(resultData),
+        origDataSource: resultData
+      });
     } else if (dataSource) {
-      const resultData = transferDataSource(dataSource, showCodeName);
-      setState({ selectList: countChild(resultData), origDataSource: resultData });
+      var _resultData = transferDataSource(dataSource, showCodeName);
+      setState({
+        selectList: countChild(_resultData),
+        origDataSource: _resultData
+      });
     }
   }, [enumCode, dataSource]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    // code存在huo dataSource存在，不执行接口请求
     if (enumCode || dataSource) {
-      return void 0;
+      return undefined;
     }
-    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    // 如果配置手动加载，不执行请求
+    var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref5.defaultParams,
+      manual = _ref5.manual;
+    // disabled 状态时，不查询接口
     if (defaultDisableValue || !useRequest) {
-      return void 0;
+      return undefined;
     }
-    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
+    if (manual || cacheList !== null && cacheList !== void 0 && cacheList.length) {
       return;
     }
-    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
+    // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
-  }, [useRequest == null ? void 0 : useRequest.options, defaultDisableValue]);
+  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
+
+  // disable默认值
   if (defaultDisableValue) {
-    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 }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      title: defaultDisableValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+        disabled: true,
+        defaultValue: defaultDisableValue,
+        style: props === null || props === void 0 ? void 0 : props.style
+      })
+    });
   }
-  const transToLabel = (value2) => {
+
+  /**
+   * 根据值进行回显
+   * @param value 输入值
+   * @returns 对应枚举label
+   */
+  var transToLabel = value => {
     if (!Array.isArray(origDataSource) || !origDataSource.length) {
       return viewEmpty;
     }
-    const labelResult = [];
-    const queryLabel = (dicts) => dicts.map((item) => {
-      if (value2.includes(item[code])) {
-        const labelText = item[label];
+    var labelResult = [];
+    var queryLabel = dicts => dicts.map(item => {
+      if (value.includes(item[code])) {
+        var labelText = item[label];
         labelResult.push(labelText);
       }
       if (item.children) {
@@ -244,107 +304,140 @@ var ProTreeSelect = (props, ref) => {
       return item;
     });
     queryLabel(origDataSource);
-    return labelResult == null ? void 0 : labelResult.join("，");
+    return labelResult === null || labelResult === void 0 ? void 0 : labelResult.join('，');
   };
+
+  // 纯展示处理
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { tooltip: true, viewEmpty }, transToLabel(value));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+        tooltip: true,
+        viewEmpty: viewEmpty,
+        children: transToLabel(value)
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { viewEmpty }, value ? transToLabel([value]) : null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty,
+      children: value ? transToLabel([value]) : null
+    });
   }
-  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"
-        }
-      )
-    );
+  var Icon = () => {
+    return /*#__PURE__*/(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: /*#__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"
+      })
+    });
   };
-  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) {
+
+  /**
+   * 自定义渲染子树
+   * @param node 每个节点数据对象
+   * @returns 整个react节点树
+   */
+  var 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) {
       if (showCodeName) {
-        labelText = `${node == null ? void 0 : node.value}-${node == null ? 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 ? void 0 : node.label;
+        labelText = node === null || node === void 0 ? void 0 : node.label;
       }
-      value2 = node == null ? void 0 : node.value;
-      key = node == null ? void 0 : node.value;
+      value = node === null || node === void 0 ? void 0 : node.value;
+      key = node === null || node === void 0 ? void 0 : node.value;
     }
-    const titleHtml = /* @__PURE__ */ import_react.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelText } });
-    let searchKey = "";
+    var titleHtml = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      dangerouslySetInnerHTML: {
+        __html: labelText
+      }
+    });
+    var searchKey = '';
     if (showCodeName) {
-      searchKey = `${value2}-${labelText}`;
+      searchKey = `${value}-${labelText}`;
     } else {
       searchKey = labelText;
     }
-    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);
+    var title = treeCheckable ? titleHtml : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: "check-option-text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "check-option-text-content",
+        children: titleHtml
+      }), !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "check-mark-icon",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
+      }) : null]
+    });
     if (_showEllipse) {
-      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)));
+      title = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
+        children: treeCheckable ? titleHtml : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "check-option-text",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "check-option-text-content",
+            children: titleHtml
+          })
+        })
+      });
     }
     if (!children) {
-      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,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default.TreeNode, {
+        value: value,
+        title: title,
         label: searchKey,
         disabled: node.disabled,
         checkable: node.checkable,
-        className: `node-val-${value2}`
-      },
-      children.map((child) => renderTreeNode(child, sonGrade))
-    );
+        icon: icon,
+        className: `node-val-${value}`
+      }, key);
+    }
+    var sonGrade = grade + 1;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default.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);
   };
+
+  /**
+   * 从树形数据中找出用户搜索得数据，并且将搜索字符串高亮标识
+   * @param data 全量树
+   * @param searchStr 搜索字符串
+   * @returns 处理后得树
+   */
   function filterTree(sourceList, keyWord) {
-    const filterData = function(data) {
-      const currentAllNodeChild = [];
-      for (let i = 0; i < data.length; i++) {
-        const item = data[i];
-        let currentNodeChild = [];
+    var filterData = function filterData(data) {
+      var currentAllNodeChild = []; // 记录当前节点得所有子节点
+      // 遍历数组
+      for (var i = 0; i < data.length; i++) {
+        var item = data[i];
+        // 一直递归到最后一层子节点
+        var currentNodeChild = []; // 记录当前节点下得子节点匹配到的节点个数
         if (item.children && item.children.length > 0) {
           currentNodeChild = filterData(item.children);
         }
+        // 迭代完子节点向上回溯，如果有匹配到得子节点，那么加入当前节点得孩子对象上,否则加入得是空数组
         item.children = currentNodeChild;
-        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>`
-          );
+        // 判断节点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">${keyWord}</span>`);
         }
         currentAllNodeChild.push(item);
       }
@@ -353,26 +446,48 @@ var ProTreeSelect = (props, ref) => {
     sourceList = filterData(sourceList);
     return sourceList;
   }
-  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);
+  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) {
+          case 0:
+            if (searchVal) {
+              _context.next = 3;
+              break;
+            }
+            setState({
+              selectList: (0, _lodash.cloneDeep)(origDataSource || [])
+            });
+            return _context.abrupt("return", null);
+          case 3:
+            result = filterTree((0, _lodash.cloneDeep)(origDataSource || []), searchVal);
+            setState({
+              selectList: result || []
+            });
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref6.apply(this, arguments);
+    };
+  }(), 500);
   function findTreeNode(treeList, nodeValue) {
-    let result = {};
-    const filterData = function(data) {
-      for (let i = 0; i < data.length; i++) {
-        const item = data[i];
+    var result = {};
+    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])) {
-          result = { ...item };
+          result = (0, _objectSpread2.default)({}, item);
           result.value = item[code];
           result.label = item[label];
-          delete result[(fieldNames == null ? void 0 : fieldNames.children) || "children"];
+          delete result[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'];
           return null;
         }
+        // 一直递归到最后一层子节点
         if (item.children && item.children.length > 0) {
           filterData(item.children);
         }
@@ -382,12 +497,12 @@ var ProTreeSelect = (props, ref) => {
     return result;
   }
   function getLabelByValue(treeList, nodeValue) {
-    let result = nodeValue;
+    var result = nodeValue;
     if (nodeValue) {
       if (Array.isArray(nodeValue)) {
         result = [];
-        nodeValue.map((item) => {
-          const res = findTreeNode(treeList, item == null ? void 0 : item.value);
+        nodeValue.map(item => {
+          var res = findTreeNode(treeList, item === null || item === void 0 ? void 0 : item.value);
           res && result.push(res);
           return item;
         });
@@ -397,70 +512,80 @@ var ProTreeSelect = (props, ref) => {
     }
     return result;
   }
-  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");
+  var handleChange = (newVal, label, extra) => {
+    // newVal回来得一定是label、value
+    var _selectList = selectList.map(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');
       }
-      return {
-        ...item,
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         label: _label
-      };
+      });
     });
-    let result = newVal;
-    if (props == null ? void 0 : props.labelInValue) {
+    var result = newVal;
+    if (props !== null && props !== void 0 && props.labelInValue) {
       result = getLabelByValue(_selectList, newVal);
     }
-    const options = findTreeNode(_selectList, extra == null ? void 0 : extra.triggerValue);
+    var options = findTreeNode(_selectList, extra === null || extra === void 0 ? void 0 : extra.triggerValue);
     onChange && onChange(result, options, extra);
-    showSearch && searchTreeEvent("");
+    // 重置搜索
+    showSearch && searchTreeEvent('');
   };
-  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-", "");
+
+  /**
+   * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
+   * @param e 事件源
+   */
+  var 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-', '');
         if (value === choiceVal) {
-          onChange && onChange(void 0, [], null);
+          onChange && onChange(undefined, [], null);
         }
       }
     }
   };
-  let tenCountClass = "";
-  const countTen = (enums) => {
+
+  // 如果单选情况下只有10条那么设置class控制样式
+  var tenCountClass = '';
+  var countTen = enums => {
     if (!enums) {
-      return "";
+      return '';
     }
-    let noneChild = true;
-    const loopCount = (data) => {
-      data.map((item) => {
-        var _a2;
-        if ((_a2 = item == null ? void 0 : item.children) == null ? void 0 : _a2.length) {
+    var noneChild = true;
+    var loopCount = data => {
+      data.map(item => {
+        var _item$children;
+        if (item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
           noneChild = false;
         }
         return item;
       });
     };
     loopCount(enums);
-    return noneChild ? "ten-count-tree-node" : "";
+    return noneChild ? 'ten-count-tree-node' : '';
   };
   tenCountClass = countTen(selectList);
-  const cls = (0, import_classnames.default)({
-    "pro-tree-select": true,
+  var cls = (0, _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,
+  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
   });
-  const treeProps = {
+  var treeProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
     disabled,
     showSearch,
     // 默认支持搜索
@@ -474,59 +599,58 @@ var ProTreeSelect = (props, ref) => {
     value,
     onChange: handleChange,
     listHeight: listHeight || 320,
-    style: { width: width || "100%", ...style },
+    style: (0, _objectSpread2.default)({
+      width: width || '100%'
+    }, style),
     onSearch: searchTreeEvent,
     allowClear: allowClear || true,
     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: {
+    classNames: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.classNames), {}, {
+      popup: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectProps === null || selectProps === void 0 || (_selectProps$classNam = selectProps.classNames) === null || _selectProps$classNam === void 0 ? void 0 : _selectProps$classNam.popup), {}, {
+        root: [selectProps === null || selectProps === void 0 || (_selectProps$classNam2 = selectProps.classNames) === null || _selectProps$classNam2 === void 0 || (_selectProps$classNam2 = _selectProps$classNam2.popup) === null || _selectProps$classNam2 === void 0 ? void 0 : _selectProps$classNam2.root, dropDownClassName].filter(Boolean).join(' ')
+      })
+    }),
+    styles: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), {}, {
+      popup: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectProps === null || selectProps === void 0 || (_selectProps$styles = selectProps.styles) === null || _selectProps$styles === void 0 ? void 0 : _selectProps$styles.popup), {}, {
+        root: (0, _objectSpread2.default)((0, _objectSpread2.default)({
           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
-        }
-      }
-    }
-  };
+          paddingTop: '0px',
+          maxWidth: '580px'
+        }, dropdownStyle), selectProps === null || selectProps === void 0 || (_selectProps$styles2 = selectProps.styles) === null || _selectProps$styles2 === void 0 || (_selectProps$styles2 = _selectProps$styles2.popup) === null || _selectProps$styles2 === void 0 ? void 0 : _selectProps$styles2.root)
+      })
+    })
+  });
   if (value === null) {
     delete treeProps.value;
   }
-  return /* @__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))
-  ));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onClick: nodeChangeEvent,
+    className: cls,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      placeholder: placeholder || _locale.default.ProForm.treeSelectPlaceholder,
+      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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: _str
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: ["+ ", rest.length, " ..."]
+          })
+        });
+      }
+    }, treeProps), {}, {
+      children: selectList.map(node => renderTreeNode(node, 1))
+    }))
+  });
 };
-var ProTreeSelect_default = (0, import_react.forwardRef)(ProTreeSelect);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ProTreeSelect
-});
+exports.ProTreeSelect = ProTreeSelect;
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProTreeSelect);