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

package/lib/ProForm/components/combination/ProModalSelect/index.js

@@ -1,207 +1,242 @@
-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/ProForm/components/combination/ProModalSelect/index.tsx
-var ProModalSelect_exports = {};
-__export(ProModalSelect_exports, {
-  default: () => ProModalSelect_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(ProModalSelect_exports);
-var import_icons = require("@ant-design/icons");
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_react_svg = require("react-svg");
-var import_react = __toESM(require("react"));
-var import__ = require("../../../../index");
-var import_Container = __toESM(require("../../Container"));
-var import_view = __toESM(require("../../../../assets/view.svg"));
-var import_useRequestList = __toESM(require("./hooks/useRequestList"));
-var import_locale = __toESM(require("../../../../locale"));
-var import_utils = require("./utils");
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+require("antd/es/tooltip/style");
+var _tooltip2 = _interopRequireDefault(require("antd/es/tooltip"));
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+require("antd/es/spin/style");
+var _spin = _interopRequireDefault(require("antd/es/spin"));
+require("antd/es/message/style");
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("antd/es/form/style");
+var _form = _interopRequireDefault(require("antd/es/form"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactSvg = require("react-svg");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../../../../index");
+var _Container = _interopRequireDefault(require("../../Container"));
+var _view = _interopRequireDefault(require("../../../../assets/view.svg"));
+var _useRequestList3 = _interopRequireDefault(require("./hooks/useRequestList"));
+var _locale = _interopRequireDefault(require("../../../../locale"));
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "mode", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "afterOpen", "isTooltip", "tooltip", "searchForm", "searchKey", "defaultOne", "otherProps"],
+  _excluded2 = ["onOk"],
+  _excluded3 = ["rowKey", "columns", "rowSelection"];
 var ProModalSelect = (props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const {
-    value,
-    onChange,
-    disabled,
-    labelInValue = false,
-    fieldNames,
-    readOnly = true,
-    addonAfter,
-    configOption,
-    title,
-    onFormat,
-    showCodeName,
-    optionRender,
-    customRender,
-    style,
-    className,
-    beforeOpen,
-    afterOpen,
-    isTooltip,
-    searchForm,
-    searchKey,
-    defaultOne,
-    otherProps,
-    ...restProps
-  } = props;
-  const contentForm = import_antd.Form.useFormInstance();
-  if (!configOption || Object.prototype.toString.call(configOption) !== "[object Object]") {
-    throw new Error("error: 请检查枚举选择弹框的配置项【configOption】");
+  var _useRequest$options, _useRequest$options2, _useRequest$options3, _formColumns$;
+  var value = props.value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$labelInValue = props.labelInValue,
+    labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+    fieldNames = props.fieldNames,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? true : _props$readOnly,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'select' : _props$mode,
+    addonAfter = props.addonAfter,
+    configOption = props.configOption,
+    title = props.title,
+    onFormat = props.onFormat,
+    showCodeName = props.showCodeName,
+    optionRender = props.optionRender,
+    customRender = props.customRender,
+    style = props.style,
+    className = props.className,
+    beforeOpen = props.beforeOpen,
+    afterOpen = props.afterOpen,
+    isTooltip = props.isTooltip,
+    tooltip = props.tooltip,
+    searchForm = props.searchForm,
+    searchKey = props.searchKey,
+    defaultOne = props.defaultOne,
+    otherProps = props.otherProps,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _tooltip = tooltip !== null && tooltip !== void 0 ? tooltip : isTooltip;
+  var nextMode = (0, _react.useMemo)(() => {
+    if ((0, _lodash.isBoolean)(readOnly) && readOnly === false) {
+      return 'input';
+    }
+    return mode;
+  }, [mode, readOnly]);
+  var contentForm = _form.default.useFormInstance();
+  if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
+    throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
   }
-  const {
-    type = "radio",
-    useRequest,
-    transformParams,
-    transformResponse,
-    formColumns,
-    withPagination = true,
-    modalProps,
-    tableProps
-  } = configOption;
-  const { onOk, ...restModalProps } = modalProps || {};
-  const { isView: isViewCon, viewEmpty } = import__.ProForm.useFieldProps() || {};
-  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
-  const isMultiple = type === "checkbox";
-  const uuid = Math.random().toString(36).slice(-6);
-  const { fieldNames: proModalSelectFieldNames = {} } = (0, import__.useProConfig)("ProModalSelect") || {};
-  let labelKey = "label";
-  let valueKey = "value";
+  var _configOption$type = configOption.type,
+    type = _configOption$type === void 0 ? 'radio' : _configOption$type,
+    useRequest = configOption.useRequest,
+    transformParams = configOption.transformParams,
+    transformResponse = configOption.transformResponse,
+    formColumns = configOption.formColumns,
+    _configOption$withPag = configOption.withPagination,
+    withPagination = _configOption$withPag === void 0 ? true : _configOption$withPag,
+    modalProps = configOption.modalProps,
+    tableProps = configOption.tableProps;
+  var _ref = modalProps || {},
+    onOk = _ref.onOk,
+    restModalProps = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+  var _ref2 = _index.ProForm.useFieldProps() || {},
+    isViewCon = _ref2.isView,
+    viewEmpty = _ref2.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+
+  // 是否多选
+  var isMultiple = type === 'checkbox';
+
+  // 生成一个唯一id，用于满足tooltip功能
+  var uuid = Math.random().toString(36).slice(-6);
+
+  // 全局配置fieldNames指定 value与label的key
+  var _ref3 = (0, _index.useProConfig)('ProModalSelect') || {},
+    _ref3$fieldNames = _ref3.fieldNames,
+    proModalSelectFieldNames = _ref3$fieldNames === void 0 ? {} : _ref3$fieldNames;
+  var labelKey = 'label';
+  var valueKey = 'value';
   if (proModalSelectFieldNames && Object.keys(proModalSelectFieldNames).length) {
     labelKey = proModalSelectFieldNames.label;
     valueKey = proModalSelectFieldNames.value;
   }
+
+  // 表单上配置的权重大于全局配置
   if (fieldNames && Object.keys(fieldNames).length) {
     labelKey = fieldNames.label;
     valueKey = fieldNames.value;
   }
-  const { rowKey = valueKey, columns, rowSelection, ...restTableProps } = tableProps || {};
-  const preValue = (0, import_react.useRef)(value);
-  const fieldRef = (0, import_react.useRef)(null);
-  const defaultParams = Array.isArray((_a = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a.defaultParams) ? (_c = (_b = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b.defaultParams) == null ? void 0 : _c[0] : ((_d = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _d.defaultParams) || {};
-  const defaultParamsRef = (0, import_react.useRef)(defaultParams);
-  const [
-    {
-      _value,
-      isInit,
-      onOff,
-      open,
-      options,
-      selectedRows: _selectedRows,
-      selectedRowKeys: _selectedRowKeys
-    },
-    setState
-  ] = (0, import_ahooks.useSetState)({
-    _value: value,
-    isInit: true,
-    onOff: false,
-    open: false,
-    options: (tableProps == null ? void 0 : tableProps.dataSource) || [],
-    selectedRows: [],
-    selectedRowKeys: []
-  });
-  const [form] = import_antd.Form.useForm(searchForm);
-  const selectedRows = (rowSelection == null ? void 0 : rowSelection.selectedRows) || _selectedRows;
-  const selectedRowKeys = (rowSelection == null ? void 0 : rowSelection.selectedRowKeys) || _selectedRowKeys;
-  const { run, loading: selectLoading } = (0, import_useRequestList.default)(
-    useRequest == null ? void 0 : useRequest.service,
-    {
+  var _ref4 = tableProps || {},
+    _ref4$rowKey = _ref4.rowKey,
+    rowKey = _ref4$rowKey === void 0 ? valueKey : _ref4$rowKey,
+    columns = _ref4.columns,
+    rowSelection = _ref4.rowSelection,
+    restTableProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
+  var preValue = (0, _react.useRef)(value);
+  // 表单项的ref
+  var fieldRef = (0, _react.useRef)(null);
+  var defaultParams = Array.isArray(useRequest === null || useRequest === void 0 || (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.defaultParams) ? useRequest === null || useRequest === void 0 || (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 || (_useRequest$options2 = _useRequest$options2.defaultParams) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2[0] : (useRequest === null || useRequest === void 0 || (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.defaultParams) || {};
+  var defaultParamsRef = (0, _react.useRef)(defaultParams); // 缓存 defaultParams 的引用
+
+  var _useSetState = (0, _ahooks.useSetState)({
+      _value: value,
+      isInit: true,
+      onOff: false,
+      open: false,
+      options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || [],
+      selectedRows: [],
+      selectedRowKeys: []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    _value = _useSetState2$._value,
+    isInit = _useSetState2$.isInit,
+    onOff = _useSetState2$.onOff,
+    open = _useSetState2$.open,
+    options = _useSetState2$.options,
+    _selectedRows = _useSetState2$.selectedRows,
+    _selectedRowKeys = _useSetState2$.selectedRowKeys,
+    setState = _useSetState2[1];
+  var _Form$useForm = _form.default.useForm(searchForm),
+    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var selectedRows = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || _selectedRows;
+  var selectedRowKeys = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || _selectedRowKeys;
+  var _useRequestList = (0, _useRequestList3.default)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
       withPagination,
       transformParams,
       transformResponse
-    },
-    {
-      ...useRequest == null ? void 0 : useRequest.options,
+    }, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
       manual: true,
       onSuccess(res) {
-        var _a2;
-        const list = withPagination ? (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.list : res == null ? void 0 : res.data;
+        var _res$data, _ref5;
+        var list = withPagination ? res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.list : res === null || res === void 0 ? void 0 : res.data;
         setState({
-          options: (transformResponse ? transformResponse(res == null ? void 0 : res.data) : list) ?? []
+          options: (_ref5 = transformResponse ? transformResponse(res === null || res === void 0 ? void 0 : res.data) : list) !== null && _ref5 !== void 0 ? _ref5 : []
         });
       }
-    }
-  );
-  const initParams = (0, import_react.useMemo)(() => {
-    var _a2;
-    let nextInitParams = useRequest == null ? void 0 : useRequest.initParams;
-    if (typeof (useRequest == null ? void 0 : useRequest.initParams) === "function") {
-      nextInitParams = useRequest == null ? void 0 : useRequest.initParams(value, (_a2 = contentForm == null ? void 0 : contentForm.getFieldsValue) == null ? void 0 : _a2.call(contentForm));
+    })),
+    run = _useRequestList.run,
+    selectLoading = _useRequestList.loading;
+  var initParams = (0, _react.useMemo)(() => {
+    var nextInitParams = useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams;
+    if (typeof (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) === 'function') {
+      var _contentForm$getField;
+      nextInitParams = useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams(value, contentForm === null || contentForm === void 0 || (_contentForm$getField = contentForm.getFieldsValue) === null || _contentForm$getField === void 0 ? void 0 : _contentForm$getField.call(contentForm));
     }
     return nextInitParams;
   }, [value]);
-  const { data, loading, pagination, onSearch, onReset, runAsync, mutate } = (0, import_useRequestList.default)(
-    useRequest == null ? void 0 : useRequest.service,
-    {
+  var _useRequestList2 = (0, _useRequestList3.default)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
       withPagination,
       transformParams,
       transformResponse
-    },
-    {
-      manual: true,
-      ready: (initParams || defaultOne) && !readOnly || open,
-      ...useRequest == null ? void 0 : useRequest.options
-    }
-  );
-  const defaultOptionRender = (rowData) => rowData == null ? void 0 : rowData[labelKey];
-  let handleFormat = onFormat || defaultOptionRender;
+    }, (0, _objectSpread2.default)({
+      ready: (initParams || defaultOne) && nextMode === 'input' || open
+    }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
+    data = _useRequestList2.data,
+    loading = _useRequestList2.loading,
+    pagination = _useRequestList2.pagination,
+    onSearch = _useRequestList2.onSearch,
+    onReset = _useRequestList2.onReset,
+    runAsync = _useRequestList2.runAsync,
+    mutate = _useRequestList2.mutate;
+  var defaultOptionRender = rowData => rowData === null || rowData === void 0 ? void 0 : rowData[labelKey];
+  var handleFormat = onFormat || defaultOptionRender;
   if (showCodeName) {
-    handleFormat = ({ value: value2, label }) => `${value2}-${label}`;
+    handleFormat = _ref6 => {
+      var value = _ref6.value,
+        label = _ref6.label;
+      return `${value}-${label}`;
+    };
   }
-  const formatValue = (data2) => {
-    var _a2;
-    if (typeof data2 === "string" || typeof data2 === "number") {
-      return data2;
+
+  /**
+   * 格式化数据方法，展示在输入框中
+   * @date 2023-02-16
+   * @param {any} data 当前选中的值 labelInValue模式下为选中行对象，单值模式为value值
+   * @returns {any}
+   */
+  var formatValue = data => {
+    var _data$map;
+    if (typeof data === 'string' || typeof data === 'number') {
+      return data;
     }
-    if (Object.prototype.toString.call(data2) === "[object Object]") {
-      return handleFormat({
-        ...data2,
-        value: data2[valueKey],
-        label: data2[labelKey]
-      });
+    if ((0, _lodash.isObject)(data)) {
+      return handleFormat((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+        value: data[valueKey],
+        label: data[labelKey]
+      }));
     }
-    return (0, import_lodash.isArray)(data2) ? (_a2 = data2 == null ? void 0 : data2.map((item) => {
-      return handleFormat({
-        ...item,
+    return (0, _lodash.isArray)(data) ? data === null || data === void 0 || (_data$map = data.map(item => {
+      return handleFormat((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         value: item[valueKey],
         label: item[labelKey]
-      });
-    })) == null ? void 0 : _a2.join("，") : "";
+      }));
+    })) === null || _data$map === void 0 ? void 0 : _data$map.join('，') : '';
   };
-  const viewText = (0, import_react.useMemo)(() => {
-    var _a2;
-    let nextValue = labelInValue ? value : _value;
+  var viewText = (0, _react.useMemo)(() => {
+    var nextValue = labelInValue ? value : _value;
     if (labelInValue) {
       nextValue = value;
     } else {
-      const optionDTO = (_a2 = options == null ? void 0 : options.find) == null ? void 0 : _a2.call(options, (item) => item[valueKey] === value);
+      var _options$find;
+      var optionDTO = options === null || options === void 0 || (_options$find = options.find) === null || _options$find === void 0 ? void 0 : _options$find.call(options, item => item[valueKey] === value);
       if (optionDTO) {
         nextValue = optionDTO;
       } else {
@@ -210,102 +245,199 @@ var ProModalSelect = (props, ref) => {
     }
     return formatValue(nextValue);
   }, [value, _value, options]);
-  const getRowKey = (record) => {
-    if (typeof rowKey === "function") {
+
+  /**
+   * 获取表格的rowKey，支持函数、字符串
+   * @date 2023-02-16
+   * @param {any} record 表格行数据
+   * @returns {any}
+   */
+  var getRowKey = record => {
+    if ((0, _lodash.isFunction)(rowKey)) {
       return rowKey(record);
     }
     return record[rowKey];
   };
-  const getNextValues = (selectedRows2) => {
+
+  /**
+   * 执行onChange暴露出来的第一个参数取数方法
+   * @date 2023-02-16
+   * @param {any} selectedRows 选中行数据
+   * @returns {any}
+   */
+  var getNextValues = selectedRows => {
     if (isMultiple) {
-      return selectedRows2.map((item) => item == null ? void 0 : item[valueKey]);
+      return selectedRows.map(item => item === null || item === void 0 ? void 0 : item[valueKey]);
     }
-    return selectedRows2 == null ? void 0 : selectedRows2[valueKey];
+    return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[valueKey];
   };
-  const handleChangeValue = (e) => {
+  var handleChangeValue = e => {
     onChange(e.target.value);
     preValue.current = e.target.value;
-    if (!readOnly) {
+    if (nextMode === 'input') {
       setState({
         _value: e.target.value
       });
     }
   };
-  const handleSelectValue = (val, option) => {
+  var handleSelectValue = (val, option) => {
     onChange(val, option);
     preValue.current = val;
   };
-  const handleClick = async () => {
-    if (!disabled) {
-      const res = await (beforeOpen == null ? void 0 : beforeOpen()) ?? true;
-      if (res) {
-        setState({
-          onOff: true
-        });
-        setTimeout(() => {
-          afterOpen == null ? void 0 : afterOpen({
-            setInnerState: setState
-          });
-        }, 100);
-      }
-    }
-  };
-  const handleClose = () => {
-    var _a2;
+  var handleClick = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _yield$beforeOpen, res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (disabled) {
+              _context.next = 14;
+              break;
+            }
+            _context.next = 3;
+            return beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
+          case 3:
+            _context.t1 = _yield$beforeOpen = _context.sent;
+            _context.t0 = _context.t1 !== null;
+            if (!_context.t0) {
+              _context.next = 7;
+              break;
+            }
+            _context.t0 = _yield$beforeOpen !== void 0;
+          case 7:
+            if (!_context.t0) {
+              _context.next = 11;
+              break;
+            }
+            _context.t2 = _yield$beforeOpen;
+            _context.next = 12;
+            break;
+          case 11:
+            _context.t2 = true;
+          case 12:
+            res = _context.t2;
+            if (res) {
+              setState({
+                onOff: true
+              });
+              setTimeout(() => {
+                afterOpen === null || afterOpen === void 0 || afterOpen({
+                  setInnerState: setState
+                });
+              }, 100);
+            }
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleClick() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var handleClose = () => {
+    var _useRequest$options4;
     form.resetFields();
     setState({
       onOff: false,
       open: false,
       isInit: false
     });
-    if ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.manual) {
+
+    // 当设置manual为true时，清空当前弹框内已搜索出来的值
+    if (useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.manual) {
       mutate(() => []);
     }
   };
-  const handleFinish = async () => {
-    try {
-      if (!(selectedRowKeys == null ? void 0 : selectedRowKeys.length) || !(selectedRows == null ? void 0 : selectedRows.length)) {
-        import_antd.message.error(import_locale.default.ProModalSelect.checkMsg);
-        return false;
-      }
-      let nextSelectedRows = selectedRows;
-      if (!(nextSelectedRows == null ? void 0 : nextSelectedRows[0])) {
-        nextSelectedRows = data.filter((item) => selectedRowKeys.includes(item[valueKey]));
-      }
-      const record = isMultiple ? nextSelectedRows : nextSelectedRows == null ? void 0 : nextSelectedRows[0];
-      if (!isMultiple) {
-        record.value = record[valueKey];
-        record.label = record[labelKey];
-      }
-      let flag = true;
-      if (onOk) {
-        const res = await onOk(record);
-        if (res !== null && res !== void 0) {
-          flag = res;
+  var handleFinish = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+      var _nextSelectedRows, _nextSelectedRows2, nextSelectedRows, record, flag, res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            if (!(!(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length) || !(selectedRows !== null && selectedRows !== void 0 && selectedRows.length))) {
+              _context2.next = 4;
+              break;
+            }
+            _message2.default.error(_locale.default.ProModalSelect.checkMsg);
+            return _context2.abrupt("return", false);
+          case 4:
+            nextSelectedRows = selectedRows;
+            if (!((_nextSelectedRows = nextSelectedRows) !== null && _nextSelectedRows !== void 0 && _nextSelectedRows[0])) {
+              nextSelectedRows = data.filter(item => selectedRowKeys.includes(item[valueKey]));
+            }
+            record = isMultiple ? nextSelectedRows : (_nextSelectedRows2 = nextSelectedRows) === null || _nextSelectedRows2 === void 0 ? void 0 : _nextSelectedRows2[0];
+            if (!isMultiple) {
+              // @ts-ignore
+              record.value = record[valueKey];
+              // @ts-ignore
+              record.label = record[labelKey];
+            }
+            flag = true;
+            if (!onOk) {
+              _context2.next = 14;
+              break;
+            }
+            _context2.next = 12;
+            return onOk(record);
+          case 12:
+            res = _context2.sent;
+            if (res !== null && res !== undefined) {
+              // @ts-ignore
+              flag = res;
+            }
+          case 14:
+            if (flag) {
+              onChange === null || onChange === void 0 || onChange(labelInValue ? record : getNextValues(record), record);
+              preValue.current = labelInValue ? record : getNextValues(record);
+              // 更新内部展示值
+              setState({
+                _value: record,
+                options: (0, _lodash.isArray)(record) ? record : [record]
+              });
+              handleClose();
+            }
+            return _context2.abrupt("return", flag);
+          case 18:
+            _context2.prev = 18;
+            _context2.t0 = _context2["catch"](0);
+            console.warn('error', _context2.t0);
+          case 21:
+          case "end":
+            return _context2.stop();
         }
-      }
-      if (flag) {
-        onChange == null ? void 0 : onChange(labelInValue ? record : getNextValues(record), record);
-        preValue.current = labelInValue ? record : getNextValues(record);
-        setState({
-          _value: record,
-          options: (0, import_lodash.isArray)(record) ? record : [record]
-        });
-        handleClose();
-      }
-      return flag;
-    } catch (error) {
-      console.warn("error", error);
-    }
-  };
-  const handleSearch = async () => {
-    const values = await form.validateFields();
-    onSearch({
-      ...values,
-      d: Date.now()
-    });
-  };
-  const _rowSelection = {
+      }, _callee2, null, [[0, 18]]);
+    }));
+    return function handleFinish() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var handleSearch = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+      var values;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return form.validateFields();
+          case 2:
+            values = _context3.sent;
+            onSearch((0, _objectSpread2.default)((0, _objectSpread2.default)({}, values), {}, {
+              d: Date.now()
+            }));
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleSearch() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  var _rowSelection = (0, _objectSpread2.default)({
     type,
     onChange: (rowKeys, rows) => {
       setState({
@@ -313,26 +445,26 @@ var ProModalSelect = (props, ref) => {
         selectedRows: rows
       });
     },
-    getCheckboxProps: (record) => ({
-      disabled: record == null ? void 0 : record.disabled
+    getCheckboxProps: record => ({
+      disabled: record === null || record === void 0 ? void 0 : record.disabled
     }),
     selectedRowKeys,
-    selectedRows,
-    ...rowSelection
-  };
-  const handleClickRow = (record) => {
-    var _a2, _b2;
-    if ((_b2 = (_a2 = _rowSelection == null ? void 0 : _rowSelection.getCheckboxProps) == null ? void 0 : _a2.call(_rowSelection, record)) == null ? void 0 : _b2.disabled) {
+    selectedRows
+  }, rowSelection);
+
+  // 点击行进行勾选
+  var handleClickRow = record => {
+    var _rowSelection$getChec;
+    if (_rowSelection !== null && _rowSelection !== void 0 && (_rowSelection$getChec = _rowSelection.getCheckboxProps) !== null && _rowSelection$getChec !== void 0 && (_rowSelection$getChec = _rowSelection$getChec.call(_rowSelection, record)) !== null && _rowSelection$getChec !== void 0 && _rowSelection$getChec.disabled) {
       return;
     }
-    if (record == null ? void 0 : record.disabled)
-      return;
-    const selectedValue = getRowKey(record);
-    let tempSelectedRows = [...selectedRows];
-    let tempSelectedRowKeys = [...selectedRowKeys];
+    if (record !== null && record !== void 0 && record.disabled) return;
+    var selectedValue = getRowKey(record);
+    var tempSelectedRows = [...selectedRows];
+    var tempSelectedRowKeys = [...selectedRowKeys];
     if (isMultiple) {
-      const rowIndex = tempSelectedRows.findIndex((item) => getRowKey(item) === selectedValue);
-      const rowKeyIndex = tempSelectedRowKeys.findIndex((item) => item === selectedValue);
+      var rowIndex = tempSelectedRows.findIndex(item => getRowKey(item) === selectedValue);
+      var rowKeyIndex = tempSelectedRowKeys.findIndex(item => item === selectedValue);
       if (rowKeyIndex > -1) {
         tempSelectedRows.splice(rowIndex, 1);
         tempSelectedRowKeys.splice(rowKeyIndex, 1);
@@ -349,108 +481,144 @@ var ProModalSelect = (props, ref) => {
       selectedRowKeys: tempSelectedRowKeys
     });
   };
-  const getInitValues = async () => {
-    var _a2, _b2;
-    if (initParams || defaultOne) {
-      const queryBean = {
-        ...defaultParams,
-        ...initParams || {}
-      };
-      const page = {
-        pageNum: 1,
-        pageSize: 10,
-        ...(_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.page
-      };
-      let params = withPagination ? {
-        ...page,
-        queryBean: queryBean ?? {}
-      } : queryBean;
-      params = transformParams ? transformParams(params) : params;
-      const res = await runAsync(params);
-      if (res == null ? void 0 : res.data) {
-        let list = withPagination ? (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.list : res == null ? void 0 : res.data;
-        if (transformResponse) {
-          list = transformResponse(res == null ? void 0 : res.data);
-        }
-        const data2 = isMultiple ? list : list == null ? void 0 : list[0];
-        if (data2) {
-          const nextSelectRowKeys = isMultiple ? value : [value];
-          if (labelInValue) {
-            onChange(data2);
-            preValue.current = data2;
-          }
-          setState({
-            _value: data2,
-            isInit: false,
-            selectedRows: list,
-            selectedRowKeys: nextSelectRowKeys
-          });
-        } else if (!readOnly) {
-          setState({
-            _value: value,
-            isInit: false
-          });
+
+  // 初始化回显，当传入initParams时，前端用来回险
+  var getInitValues = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+      var _useRequest$options5, queryBean, page, params, res, _res$data2, _list, list, _data, nextSelectRowKeys;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(initParams || defaultOne)) {
+              _context4.next = 9;
+              break;
+            }
+            queryBean = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), initParams || {});
+            page = (0, _objectSpread2.default)({
+              pageNum: 1,
+              pageSize: 10
+            }, useRequest === null || useRequest === void 0 || (_useRequest$options5 = useRequest.options) === null || _useRequest$options5 === void 0 ? void 0 : _useRequest$options5.page);
+            params = withPagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
+              queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+            }) : queryBean;
+            params = transformParams ? transformParams(params) : params;
+            _context4.next = 7;
+            return runAsync(params);
+          case 7:
+            res = _context4.sent;
+            if (res !== null && res !== void 0 && res.data) {
+              list = withPagination ? res === null || res === void 0 || (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.list : res === null || res === void 0 ? void 0 : res.data;
+              if (transformResponse) {
+                list = transformResponse(res === null || res === void 0 ? void 0 : res.data);
+              }
+              _data = isMultiple ? list : (_list = list) === null || _list === void 0 ? void 0 : _list[0];
+              if (_data) {
+                nextSelectRowKeys = isMultiple ? value : [value];
+                if (labelInValue) {
+                  onChange(_data);
+                  preValue.current = _data;
+                }
+                // 更新内部展示值
+                setState({
+                  _value: _data,
+                  isInit: false,
+                  selectedRows: list,
+                  selectedRowKeys: nextSelectRowKeys
+                });
+              } else if (nextMode === 'input') {
+                // 当传入initParams且文本框非只读时，不调用接口获取初始化数据
+                setState({
+                  _value: value,
+                  isInit: false
+                });
+              }
+            }
+          case 9:
+          case "end":
+            return _context4.stop();
         }
-      }
-    }
-  };
-  const getDefaultOneValues = async () => {
-    var _a2, _b2;
-    const queryBean = {
-      ...defaultParams
+      }, _callee4);
+    }));
+    return function getInitValues() {
+      return _ref10.apply(this, arguments);
     };
-    const page = {
-      pageNum: 1,
-      pageSize: 10,
-      ...(_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.page
+  }();
+
+  // 初始化回显，当传入initParams时，前端用来回险
+  var getDefaultOneValues = /*#__PURE__*/function () {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee5() {
+      var _useRequest$options6;
+      var queryBean, page, params, res, _res$data3, _list2, list, _data2, nextSelectRowKeys;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            queryBean = (0, _objectSpread2.default)({}, defaultParams);
+            page = (0, _objectSpread2.default)({
+              pageNum: 1,
+              pageSize: 10
+            }, useRequest === null || useRequest === void 0 || (_useRequest$options6 = useRequest.options) === null || _useRequest$options6 === void 0 ? void 0 : _useRequest$options6.page);
+            params = withPagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
+              queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+            }) : queryBean;
+            params = transformParams ? transformParams(params) : params;
+            _context5.next = 6;
+            return runAsync(params);
+          case 6:
+            res = _context5.sent;
+            if (res !== null && res !== void 0 && res.data) {
+              list = withPagination ? res === null || res === void 0 || (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.list : res === null || res === void 0 ? void 0 : res.data;
+              if (transformResponse) {
+                list = transformResponse(res === null || res === void 0 ? void 0 : res.data);
+              }
+              _data2 = isMultiple ? list : (_list2 = list) === null || _list2 === void 0 ? void 0 : _list2[0];
+              nextSelectRowKeys = isMultiple ? value : [value];
+              if (labelInValue) {
+                onChange(_data2);
+                preValue.current = _data2;
+              } else {
+                onChange(isMultiple ? _data2.map(item => item[valueKey]) : _data2[valueKey]);
+                preValue.current = isMultiple ? _data2.map(item => item[valueKey]) : _data2[valueKey];
+              }
+              // 更新内部展示值
+              setState({
+                _value: _data2,
+                isInit: false,
+                selectedRows: list,
+                selectedRowKeys: nextSelectRowKeys
+              });
+            }
+          case 8:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getDefaultOneValues() {
+      return _ref11.apply(this, arguments);
     };
-    let params = withPagination ? {
-      ...page,
-      queryBean: queryBean ?? {}
-    } : queryBean;
-    params = transformParams ? transformParams(params) : params;
-    const res = await runAsync(params);
-    if (res == null ? void 0 : res.data) {
-      let list = withPagination ? (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.list : res == null ? void 0 : res.data;
-      if (transformResponse) {
-        list = transformResponse(res == null ? void 0 : res.data);
-      }
-      const data2 = isMultiple ? list : list == null ? void 0 : list[0];
-      const nextSelectRowKeys = isMultiple ? value : [value];
-      if (labelInValue) {
-        onChange(data2);
-        preValue.current = data2;
-      } else {
-        onChange(isMultiple ? data2.map((item) => item[valueKey]) : data2[valueKey]);
-        preValue.current = isMultiple ? data2.map((item) => item[valueKey]) : data2[valueKey];
-      }
-      setState({
-        _value: data2,
-        isInit: false,
-        selectedRows: list,
-        selectedRowKeys: nextSelectRowKeys
-      });
-    }
-  };
-  (0, import_react.useImperativeHandle)(ref, () => ({
+  }();
+  (0, _react.useImperativeHandle)(ref, () => ({
     handleClick,
     handleSearch
   }));
-  (0, import_ahooks.useMount)(() => {
+  (0, _ahooks.useMount)(() => {
     if (!value) {
       setState({
-        selectedRowKeys: (rowSelection == null ? void 0 : rowSelection.selectedRowKeys) || [],
-        selectedRows: (rowSelection == null ? void 0 : rowSelection.selectedRows) || [],
-        _value: void 0
+        selectedRowKeys: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [],
+        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || [],
+        _value: undefined
       });
-    } else if (Object.prototype.toString.call(value) === "[object Array]") {
+    } else if ((0, _lodash.isArray)(value)) {
       setState({
-        selectedRowKeys: (rowSelection == null ? void 0 : rowSelection.selectedRowKeys) || value,
-        selectedRows: (rowSelection == null ? void 0 : rowSelection.selectedRows) || value,
+        selectedRowKeys: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || value,
+        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || value,
         _value: value
       });
-    } else if (Object.prototype.toString.call(value) === "[object Object]") {
-      const initialValue = { [valueKey]: value[valueKey], [labelKey]: value[labelKey] };
+    } else if ((0, _lodash.isObject)(value)) {
+      var initialValue = {
+        [valueKey]: value[valueKey],
+        [labelKey]: value[labelKey]
+      };
       setState({
         selectedRowKeys: [value],
         selectedRows: [initialValue],
@@ -458,13 +626,13 @@ var ProModalSelect = (props, ref) => {
       });
     }
   });
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
+  (0, _react.useEffect)(() => {
     if (onOff && !open) {
-      if (((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.manual) !== true) {
+      var _useRequest$options7;
+      if ((useRequest === null || useRequest === void 0 || (_useRequest$options7 = useRequest.options) === null || _useRequest$options7 === void 0 ? void 0 : _useRequest$options7.manual) !== true) {
         onReset();
       }
-      const nextState = {
+      var nextState = {
         open: true
       };
       if (labelInValue) {
@@ -472,123 +640,115 @@ var ProModalSelect = (props, ref) => {
           nextState.selectedRowKeys = [];
           nextState.selectedRows = [];
         }
-        if (Object.prototype.toString.call(value) === "[object Object]") {
+        if ((0, _lodash.isObject)(value)) {
           nextState.selectedRowKeys = [getRowKey(value)];
           nextState.selectedRows = [value];
         }
-        if ((0, import_lodash.isArray)(value)) {
-          nextState.selectedRowKeys = value.map((item) => getRowKey(item));
+        if ((0, _lodash.isArray)(value)) {
+          nextState.selectedRowKeys = value.map(item => getRowKey(item));
           nextState.selectedRows = value;
         }
       } else if (value) {
-        const nextSelectedRowKeys = isMultiple ? value : [value];
+        var _list$filter;
+        var nextSelectedRowKeys = isMultiple ? value : [value];
         nextState.selectedRowKeys = nextSelectedRowKeys;
-        const list = options ?? data;
-        nextState.selectedRows = (_b2 = list == null ? void 0 : list.filter) == null ? void 0 : _b2.call(list, (item) => {
+        var list = options !== null && options !== void 0 ? options : data;
+        nextState.selectedRows = list === null || list === void 0 || (_list$filter = list.filter) === null || _list$filter === void 0 ? void 0 : _list$filter.call(list, item => {
           return nextSelectedRowKeys.includes(item[valueKey]);
         });
       }
       setState(nextState);
     }
   }, [onOff, open, JSON.stringify(value)]);
-  (0, import_react.useEffect)(() => {
-    (0, import_utils.hideTooltipIfOpen)(fieldRef.current, open);
+  (0, _react.useEffect)(() => {
+    (0, _utils.hideTooltipIfOpen)(fieldRef.current, open);
   }, [open]);
-  (0, import_react.useEffect)(() => {
-    if (value && !open && isInit && !readOnly) {
+  (0, _react.useEffect)(() => {
+    if (value && !open && isInit && nextMode === 'input') {
       getInitValues();
     }
   }, [JSON.stringify(value), open, isInit]);
-  (0, import_ahooks.useDebounceEffect)(() => {
-    var _a2;
-    if (value && !open && readOnly && (!(0, import_lodash.isEqual)(value, preValue.current) || (options == null ? void 0 : options.length) === 0)) {
+  (0, _ahooks.useDebounceEffect)(() => {
+    if (value && !open && nextMode === 'select' && (!(0, _lodash.isEqual)(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
+      var _options$some;
       preValue.current = value;
-      const data2 = labelInValue ? value[valueKey] : value;
-      const isHasValue = (_a2 = options == null ? void 0 : options.some) == null ? void 0 : _a2.call(options, (item) => item[valueKey] === data2);
+      var _data3 = labelInValue ? value[valueKey] : value;
+      var isHasValue = options === null || options === void 0 || (_options$some = options.some) === null || _options$some === void 0 ? void 0 : _options$some.call(options, item => item[valueKey] === _data3);
       if (isHasValue) {
         return;
       }
       if (useRequest) {
+        // 加定时器 修复依赖数据同步更新未取到问题
         setTimeout(() => {
-          const params = withPagination ? {
+          var params = withPagination ? {
             pageNum: 1,
             pageSize: 50,
-            queryBean: {
-              ...defaultParams,
-              ...initParams,
-              [searchKey ?? valueKey]: data2
-            }
-          } : {
-            ...defaultParams,
-            ...initParams,
-            [searchKey ?? valueKey]: data2
-          };
-          const nextParams = transformParams ? transformParams(params) : params;
+            queryBean: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), initParams), {}, {
+              [searchKey !== null && searchKey !== void 0 ? searchKey : valueKey]: _data3
+            })
+          } : (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), initParams), {}, {
+            [searchKey !== null && searchKey !== void 0 ? searchKey : valueKey]: _data3
+          });
+          var nextParams = transformParams ? transformParams(params) : params;
           run(nextParams);
         }, 300);
       }
     }
-  }, [
-    JSON.stringify(value),
-    open,
-    JSON.stringify(defaultParams),
-    JSON.stringify(initParams),
-    options == null ? void 0 : options.length
-  ]);
-  const handleSelectFocus = () => {
+  }, [JSON.stringify(value), open, JSON.stringify(defaultParams), JSON.stringify(initParams), options === null || options === void 0 ? void 0 : options.length]);
+  var handleSelectFocus = () => {
     if (useRequest) {
-      const queryBean = defaultParams || {};
-      const params = withPagination ? {
+      var queryBean = defaultParams || {};
+      var params = withPagination ? {
         pageNum: 1,
         pageSize: 50,
         queryBean
       } : queryBean;
-      const nextParams = transformParams ? transformParams(params) : params;
-      if (!(0, import_lodash.isEqual)(queryBean, defaultParamsRef.current) || !(options == null ? void 0 : options.length)) {
-        run(nextParams);
-        defaultParamsRef.current = queryBean;
+      var nextParams = transformParams ? transformParams(params) : params;
+      // 减少请求条件一致时，且请求过时，focus的重复请求
+      if (!(0, _lodash.isEqual)(queryBean, defaultParamsRef.current) || !(options !== null && options !== void 0 && options.length)) {
+        run(nextParams); // 触发 run 请求
+        defaultParamsRef.current = queryBean; // 更新缓存
       }
       setState({
         isInit: false
       });
     }
   };
-  const handleSelectSearch = (0, import_lodash.debounce)((val) => {
+  var handleSelectSearch = (0, _lodash.debounce)(val => {
     if (useRequest) {
-      const queryBean = {
-        ...defaultParams,
-        [searchKey ?? labelKey]: val
-      };
-      const params = withPagination ? {
+      var queryBean = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), {}, {
+        [searchKey !== null && searchKey !== void 0 ? searchKey : labelKey]: val
+      });
+      var params = withPagination ? {
         pageNum: 1,
         pageSize: 50,
         queryBean
       } : queryBean;
-      const nextParams = transformParams ? transformParams(params) : params;
+      var nextParams = transformParams ? transformParams(params) : params;
       run(nextParams);
     }
-  }, 1e3);
-  (0, import_ahooks.useDebounceEffect)(() => {
+  }, 1000);
+  (0, _ahooks.useDebounceEffect)(() => {
     if (!value) {
       if (defaultOne) {
         getDefaultOneValues();
       } else {
         setState({
-          _value: void 0,
+          _value: undefined,
           selectedRowKeys: [],
           selectedRows: []
         });
       }
     }
-    if (!readOnly) {
-      if (labelInValue && _value && !(0, import_lodash.isEqual)(value, _value)) {
+    if (nextMode === 'input') {
+      if (labelInValue && _value && !(0, _lodash.isEqual)(value, _value)) {
         setState({
           _value: value,
           selectedRowKeys: [],
           selectedRows: []
         });
       }
-      if (!labelInValue && !(0, import_lodash.isEqual)(value, _value == null ? void 0 : _value[valueKey])) {
+      if (!labelInValue && !(0, _lodash.isEqual)(value, _value === null || _value === void 0 ? void 0 : _value[valueKey])) {
         setState({
           _value: value,
           selectedRowKeys: [],
@@ -597,136 +757,129 @@ var ProModalSelect = (props, ref) => {
       }
     }
   }, [value, _value]);
-  let initRender = /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { style: { width: "100%" }, block: true }, readOnly ? /* @__PURE__ */ import_react.default.createElement(
-    import__.ProSelect,
-    {
-      value,
+
+  // 加个中间状态Input
+  var initRender = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default.Compact, {
+    style: {
+      width: '100%'
+    },
+    block: true,
+    children: [nextMode === 'select' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProSelect, (0, _objectSpread2.default)({
+      value: value,
       onChange: handleSelectValue,
-      disabled,
-      fieldNames,
-      showCodeName,
-      labelInValue,
+      disabled: disabled,
+      fieldNames: fieldNames,
+      showCodeName: showCodeName,
+      labelInValue: labelInValue,
       dataSource: options,
-      optionRender,
+      optionRender: optionRender,
       scrollFollowParent: false,
-      mode: isMultiple ? "multiple" : void 0,
-      notFoundContent: selectLoading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : null,
+      mode: isMultiple ? 'multiple' : undefined,
+      notFoundContent: selectLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+        size: "small"
+      }) : null,
       onFocus: handleSelectFocus,
       onSearch: handleSelectSearch,
-      style: { width: isView || disabled ? "100%" : "calc(100% - 30px)" },
-      ...restProps
-    }
-  ) : /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
-    {
-      value: viewText,
-      onChange: handleChangeValue,
-      disabled,
-      autoComplete: "off",
-      allowClear: true,
-      ...restProps
-    }
-  ), isView || disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick, icon: /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { className: "viewSvg", src: import_view.default }) }));
-  if (customRender && import_react.default.isValidElement(customRender)) {
-    initRender = /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-modal-select-init", onClick: handleClick }, customRender);
+      tooltip: _tooltip,
+      style: {
+        width: isView || disabled ? '100%' : 'calc(100% - 30px)'
+      }
+    }, restProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip2.default, {
+      title: _tooltip ? viewText : null,
+      placement: "topLeft",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)({
+        value: viewText,
+        onChange: handleChangeValue,
+        disabled: disabled,
+        autoComplete: "off",
+        allowClear: true
+      }, restProps))
+    }), isView || disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      onClick: handleClick,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+        className: "viewSvg",
+        src: _view.default
+      })
+    })]
+  });
+  if (customRender && /*#__PURE__*/_react.default.isValidElement(customRender)) {
+    initRender = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-modal-select-init",
+      onClick: handleClick,
+      children: customRender
+    });
   }
-  (0, import_ahooks.useDeepCompareEffect)(() => {
-    if (isTooltip && value) {
-      const dom = document.getElementById(uuid);
-      dom.addEventListener("mouseover", (e) => {
-        if (value && e.target.tagName === "INPUT") {
-          setState({
-            open: true
-          });
-        }
-      });
-      dom.addEventListener("mouseout", (e) => {
-        if (e.target.tagName === "INPUT") {
-          setState({
-            open: false
-          });
-        }
-      });
-      return () => {
-        dom.removeEventListener("mouseover", (e) => {
-          if (value && e.target.tagName === "INPUT") {
-            setState({
-              open: true
-            });
-          }
-        });
-        dom.removeEventListener("mouseout", (e) => {
-          if (e.target.tagName === "INPUT") {
-            setState({
-              open: false
-            });
-          }
-        });
-      };
-    }
-  }, [value, isTooltip]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     setState({
-      options: (tableProps == null ? void 0 : tableProps.dataSource) || []
+      options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
     });
-  }, [tableProps == null ? void 0 : tableProps.dataSource]);
-  if ((formColumns == null ? void 0 : formColumns.length) === 1 && ((_e = formColumns == null ? void 0 : formColumns[0]) == null ? void 0 : _e.type) === "Input") {
-    if (!((_f = formColumns[0]) == null ? void 0 : _f.fieldProps)) {
+  }, [tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource]);
+
+  // 当搜索条件只有一个时，且为输入框，默认设置suffix
+  if ((formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) === 1 && (formColumns === null || formColumns === void 0 || (_formColumns$ = formColumns[0]) === null || _formColumns$ === void 0 ? void 0 : _formColumns$.type) === 'Input') {
+    var _formColumns$2, _formColumns$3;
+    if (!((_formColumns$2 = formColumns[0]) !== null && _formColumns$2 !== void 0 && _formColumns$2.fieldProps)) {
       formColumns[0].fieldProps = {};
     }
-    if (!(0, import_lodash.isFunction)(formColumns[0].fieldProps) && !((_h = (_g = formColumns == null ? void 0 : formColumns[0]) == null ? void 0 : _g.fieldProps) == null ? void 0 : _h.suffix)) {
-      formColumns[0].fieldProps.suffix = /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { onClick: handleSearch });
+    if (!(0, _lodash.isFunction)(formColumns[0].fieldProps) && !(formColumns !== null && formColumns !== void 0 && (_formColumns$3 = formColumns[0]) !== null && _formColumns$3 !== void 0 && (_formColumns$3 = _formColumns$3.fieldProps) !== null && _formColumns$3 !== void 0 && _formColumns$3.suffix)) {
+      formColumns[0].fieldProps.suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchOutlined, {
+        onClick: handleSearch
+      });
     }
   }
   if (isView) {
     if (!value) {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, viewEmpty);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: viewEmpty
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { viewEmpty }, `${viewText}`);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty,
+      children: `${viewText}`
+    });
   }
-  const _className = (0, import_classnames.default)({
-    "pro-modal-select": true,
+  var _className = (0, _classnames.default)({
+    'pro-modal-select': true,
     [props.className]: props.className,
-    "pro-modal-select-open": open
+    'pro-modal-select-open': open
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: uuid, className: _className, style, ref: fieldRef }, isTooltip && viewText ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { placement: "topLeft", open, title: viewText }, initRender) : initRender), /* @__PURE__ */ import_react.default.createElement(
-    import__.ProDrawerForm,
-    {
-      showType: "Modal",
-      title,
-      onOk: handleFinish,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: uuid,
+      className: _className,
+      style: style,
+      ref: fieldRef,
+      children: initRender
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.ProDrawerForm, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      mode: "Modal",
+      title: title,
+      onOk: handleFinish
+      // @ts-ignore
+      ,
       onCancel: handleClose,
-      open,
-      ...restModalProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import__.ProForm,
-      {
+      open: open
+    }, restModalProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProForm, {
         submitOnEnter: true,
-        form,
+        form: form,
         columns: formColumns,
         onFinish: handleSearch,
         confirmLoading: loading,
-        footer: (formColumns == null ? void 0 : formColumns.length) > 1
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      import__.ProTable,
-      {
-        onRow: (record) => {
+        footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProTable, (0, _objectSpread2.default)({
+        onRow: record => {
           return {
             onClick: () => handleClickRow(record)
           };
         },
-        rowKey,
-        loading,
+        rowKey: rowKey,
+        loading: loading,
         rowSelection: _rowSelection,
-        columns,
+        columns: columns,
         dataSource: data,
-        pagination: withPagination ? pagination : false,
-        ...restTableProps
-      }
-    )
-  ));
+        pagination: withPagination ? pagination : false
+      }, restTableProps))]
+    }))]
+  });
 };
-var ProModalSelect_default = (0, import_react.forwardRef)(ProModalSelect);
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProModalSelect);