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

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

@@ -1,17 +1,28 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/spin/style";
+import _Spin from "antd/es/spin";
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "afterOpen", "isTooltip", "searchForm", "searchKey", "defaultOne", "otherProps"],
+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"];
 import { SearchOutlined } from '@ant-design/icons';
 import { useDebounceEffect, useDeepCompareEffect, useMount, useSetState } from 'ahooks';
-import { Form, message, Input, Tooltip, Space, Button, Spin } from 'antd';
-import { debounce, isArray, isEqual, isFunction } from 'lodash';
+import { debounce, isArray, isBoolean, isEqual, isFunction, isObject } from 'lodash';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
@@ -24,7 +35,7 @@ import { hideTooltipIfOpen } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var ProModalSelect = function ProModalSelect(props, ref) {
+var ProModalSelect = (props, ref) => {
   var _useRequest$options, _useRequest$options2, _useRequest$options3, _formColumns$;
   var value = props.value,
     onChange = props.onChange,
@@ -34,6 +45,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     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,
@@ -46,12 +59,20 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     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 = _objectWithoutProperties(props, _excluded);
-  var contentForm = Form.useFormInstance();
+  var _tooltip = tooltip !== null && tooltip !== void 0 ? tooltip : isTooltip;
+  var nextMode = useMemo(() => {
+    if (isBoolean(readOnly) && readOnly === false) {
+      return 'input';
+    }
+    return mode;
+  }, [mode, readOnly]);
+  var contentForm = _Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
     throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
   }
@@ -126,18 +147,18 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     _selectedRows = _useSetState2$.selectedRows,
     _selectedRowKeys = _useSetState2$.selectedRowKeys,
     setState = _useSetState2[1];
-  var _Form$useForm = Form.useForm(searchForm),
+  var _Form$useForm = _Form.useForm(searchForm),
     _Form$useForm2 = _slicedToArray(_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 = useRequestList(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
-      withPagination: withPagination,
-      transformParams: transformParams,
-      transformResponse: transformResponse
+      withPagination,
+      transformParams,
+      transformResponse
     }, _objectSpread(_objectSpread({}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
       manual: true,
-      onSuccess: function onSuccess(res) {
+      onSuccess(res) {
         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({
@@ -147,7 +168,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     })),
     run = _useRequestList.run,
     selectLoading = _useRequestList.loading;
-  var initParams = useMemo(function () {
+  var initParams = 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;
@@ -156,12 +177,11 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     return nextInitParams;
   }, [value]);
   var _useRequestList2 = useRequestList(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
-      withPagination: withPagination,
-      transformParams: transformParams,
-      transformResponse: transformResponse
+      withPagination,
+      transformParams,
+      transformResponse
     }, _objectSpread({
-      manual: true,
-      ready: (initParams || defaultOne) && !readOnly || open
+      ready: (initParams || defaultOne) && nextMode === 'input' || open
     }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
     data = _useRequestList2.data,
     loading = _useRequestList2.loading,
@@ -170,15 +190,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     onReset = _useRequestList2.onReset,
     runAsync = _useRequestList2.runAsync,
     mutate = _useRequestList2.mutate;
-  var defaultOptionRender = function defaultOptionRender(rowData) {
-    return rowData === null || rowData === void 0 ? void 0 : rowData[labelKey];
-  };
+  var defaultOptionRender = rowData => rowData === null || rowData === void 0 ? void 0 : rowData[labelKey];
   var handleFormat = onFormat || defaultOptionRender;
   if (showCodeName) {
-    handleFormat = function handleFormat(_ref6) {
+    handleFormat = _ref6 => {
       var value = _ref6.value,
         label = _ref6.label;
-      return "".concat(value, "-").concat(label);
+      return `${value}-${label}`;
     };
   }
 
@@ -188,33 +206,31 @@ var ProModalSelect = function ProModalSelect(props, ref) {
    * @param {any} data 当前选中的值 labelInValue模式下为选中行对象，单值模式为value值
    * @returns {any}
    */
-  var formatValue = function formatValue(data) {
+  var formatValue = data => {
     var _data$map;
     if (typeof data === 'string' || typeof data === 'number') {
       return data;
     }
-    if (Object.prototype.toString.call(data) === '[object Object]') {
+    if (isObject(data)) {
       return handleFormat(_objectSpread(_objectSpread({}, data), {}, {
         value: data[valueKey],
         label: data[labelKey]
       }));
     }
-    return isArray(data) ? data === null || data === void 0 || (_data$map = data.map(function (item) {
+    return isArray(data) ? data === null || data === void 0 || (_data$map = data.map(item => {
       return handleFormat(_objectSpread(_objectSpread({}, item), {}, {
         value: item[valueKey],
         label: item[labelKey]
       }));
     })) === null || _data$map === void 0 ? void 0 : _data$map.join('，') : '';
   };
-  var viewText = useMemo(function () {
+  var viewText = useMemo(() => {
     var nextValue = labelInValue ? value : _value;
     if (labelInValue) {
       nextValue = value;
     } else {
       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, function (item) {
-        return item[valueKey] === value;
-      });
+      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 {
@@ -230,8 +246,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
    * @param {any} record 表格行数据
    * @returns {any}
    */
-  var getRowKey = function getRowKey(record) {
-    if (typeof rowKey === 'function') {
+  var getRowKey = record => {
+    if (isFunction(rowKey)) {
       return rowKey(record);
     }
     return record[rowKey];
@@ -243,24 +259,22 @@ var ProModalSelect = function ProModalSelect(props, ref) {
    * @param {any} selectedRows 选中行数据
    * @returns {any}
    */
-  var getNextValues = function getNextValues(selectedRows) {
+  var getNextValues = selectedRows => {
     if (isMultiple) {
-      return selectedRows.map(function (item) {
-        return item === null || item === void 0 ? void 0 : item[valueKey];
-      });
+      return selectedRows.map(item => item === null || item === void 0 ? void 0 : item[valueKey]);
     }
     return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[valueKey];
   };
-  var handleChangeValue = function handleChangeValue(e) {
+  var handleChangeValue = e => {
     onChange(e.target.value);
     preValue.current = e.target.value;
-    if (!readOnly) {
+    if (nextMode === 'input') {
       setState({
         _value: e.target.value
       });
     }
   };
-  var handleSelectValue = function handleSelectValue(val, option) {
+  var handleSelectValue = (val, option) => {
     onChange(val, option);
     preValue.current = val;
   };
@@ -300,7 +314,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               setState({
                 onOff: true
               });
-              setTimeout(function () {
+              setTimeout(() => {
                 afterOpen === null || afterOpen === void 0 || afterOpen({
                   setInnerState: setState
                 });
@@ -316,7 +330,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       return _ref7.apply(this, arguments);
     };
   }();
-  var handleClose = function handleClose() {
+  var handleClose = () => {
     var _useRequest$options4;
     form.resetFields();
     setState({
@@ -327,9 +341,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
 
     // 当设置manual为true时，清空当前弹框内已搜索出来的值
     if (useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.manual) {
-      mutate(function () {
-        return [];
-      });
+      mutate(() => []);
     }
   };
   var handleFinish = /*#__PURE__*/function () {
@@ -343,14 +355,12 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               _context2.next = 4;
               break;
             }
-            message.error(locale.ProModalSelect.checkMsg);
+            _message.error(locale.ProModalSelect.checkMsg);
             return _context2.abrupt("return", false);
           case 4:
             nextSelectedRows = selectedRows;
             if (!((_nextSelectedRows = nextSelectedRows) !== null && _nextSelectedRows !== void 0 && _nextSelectedRows[0])) {
-              nextSelectedRows = data.filter(function (item) {
-                return selectedRowKeys.includes(item[valueKey]);
-              });
+              nextSelectedRows = data.filter(item => selectedRowKeys.includes(item[valueKey]));
             }
             record = isMultiple ? nextSelectedRows : (_nextSelectedRows2 = nextSelectedRows) === null || _nextSelectedRows2 === void 0 ? void 0 : _nextSelectedRows2[0];
             if (!isMultiple) {
@@ -422,39 +432,33 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     };
   }();
   var _rowSelection = _objectSpread({
-    type: type,
-    onChange: function onChange(rowKeys, rows) {
+    type,
+    onChange: (rowKeys, rows) => {
       setState({
         selectedRowKeys: rowKeys,
         selectedRows: rows
       });
     },
-    getCheckboxProps: function getCheckboxProps(record) {
-      return {
-        disabled: record === null || record === void 0 ? void 0 : record.disabled
-      };
-    },
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows
+    getCheckboxProps: record => ({
+      disabled: record === null || record === void 0 ? void 0 : record.disabled
+    }),
+    selectedRowKeys,
+    selectedRows
   }, rowSelection);
 
   // 点击行进行勾选
-  var handleClickRow = function handleClickRow(record) {
+  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 && record !== void 0 && record.disabled) return;
     var selectedValue = getRowKey(record);
-    var tempSelectedRows = _toConsumableArray(selectedRows);
-    var tempSelectedRowKeys = _toConsumableArray(selectedRowKeys);
+    var tempSelectedRows = [...selectedRows];
+    var tempSelectedRowKeys = [...selectedRowKeys];
     if (isMultiple) {
-      var rowIndex = tempSelectedRows.findIndex(function (item) {
-        return getRowKey(item) === selectedValue;
-      });
-      var rowKeyIndex = tempSelectedRowKeys.findIndex(function (item) {
-        return 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);
@@ -515,7 +519,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                   selectedRows: list,
                   selectedRowKeys: nextSelectRowKeys
                 });
-              } else if (!readOnly) {
+              } else if (nextMode === 'input') {
                 // 当传入initParams且文本框非只读时，不调用接口获取初始化数据
                 setState({
                   _value: value,
@@ -566,12 +570,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 onChange(_data2);
                 preValue.current = _data2;
               } else {
-                onChange(isMultiple ? _data2.map(function (item) {
-                  return item[valueKey];
-                }) : _data2[valueKey]);
-                preValue.current = isMultiple ? _data2.map(function (item) {
-                  return item[valueKey];
-                }) : _data2[valueKey];
+                onChange(isMultiple ? _data2.map(item => item[valueKey]) : _data2[valueKey]);
+                preValue.current = isMultiple ? _data2.map(item => item[valueKey]) : _data2[valueKey];
               }
               // 更新内部展示值
               setState({
@@ -591,27 +591,28 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       return _ref11.apply(this, arguments);
     };
   }();
-  useImperativeHandle(ref, function () {
-    return {
-      handleClick: handleClick,
-      handleSearch: handleSearch
-    };
-  });
-  useMount(function () {
+  useImperativeHandle(ref, () => ({
+    handleClick,
+    handleSearch
+  }));
+  useMount(() => {
     if (!value) {
       setState({
         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 (isArray(value)) {
       setState({
         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]') {
-      var initialValue = _defineProperty(_defineProperty({}, valueKey, value[valueKey]), labelKey, value[labelKey]);
+    } else if (isObject(value)) {
+      var initialValue = {
+        [valueKey]: value[valueKey],
+        [labelKey]: value[labelKey]
+      };
       setState({
         selectedRowKeys: [value],
         selectedRows: [initialValue],
@@ -619,7 +620,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       });
     }
   });
-  useEffect(function () {
+  useEffect(() => {
     if (onOff && !open) {
       var _useRequest$options7;
       if ((useRequest === null || useRequest === void 0 || (_useRequest$options7 = useRequest.options) === null || _useRequest$options7 === void 0 ? void 0 : _useRequest$options7.manual) !== true) {
@@ -633,14 +634,12 @@ var ProModalSelect = function ProModalSelect(props, ref) {
           nextState.selectedRowKeys = [];
           nextState.selectedRows = [];
         }
-        if (Object.prototype.toString.call(value) === '[object Object]') {
+        if (isObject(value)) {
           nextState.selectedRowKeys = [getRowKey(value)];
           nextState.selectedRows = [value];
         }
         if (isArray(value)) {
-          nextState.selectedRowKeys = value.map(function (item) {
-            return getRowKey(item);
-          });
+          nextState.selectedRowKeys = value.map(item => getRowKey(item));
           nextState.selectedRows = value;
         }
       } else if (value) {
@@ -648,53 +647,55 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         var nextSelectedRowKeys = isMultiple ? value : [value];
         nextState.selectedRowKeys = nextSelectedRowKeys;
         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, function (item) {
+        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)]);
-  useEffect(function () {
+  useEffect(() => {
     hideTooltipIfOpen(fieldRef.current, open);
   }, [open]);
-  useEffect(function () {
-    if (value && !open && isInit && !readOnly) {
+  useEffect(() => {
+    if (value && !open && isInit && nextMode === 'input') {
       getInitValues();
     }
   }, [JSON.stringify(value), open, isInit]);
-  useDebounceEffect(function () {
-    if (value && !open && readOnly && (!isEqual(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
+  useDebounceEffect(() => {
+    if (value && !open && nextMode === 'select' && (!isEqual(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
       var _options$some;
       preValue.current = value;
       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, function (item) {
-        return item[valueKey] === _data3;
-      });
+      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(function () {
+        setTimeout(() => {
           var params = withPagination ? {
             pageNum: 1,
             pageSize: 50,
-            queryBean: _objectSpread(_objectSpread(_objectSpread({}, defaultParams), initParams), {}, _defineProperty({}, searchKey !== null && searchKey !== void 0 ? searchKey : valueKey, _data3))
-          } : _objectSpread(_objectSpread(_objectSpread({}, defaultParams), initParams), {}, _defineProperty({}, searchKey !== null && searchKey !== void 0 ? searchKey : valueKey, _data3));
+            queryBean: _objectSpread(_objectSpread(_objectSpread({}, defaultParams), initParams), {}, {
+              [searchKey !== null && searchKey !== void 0 ? searchKey : valueKey]: _data3
+            })
+          } : _objectSpread(_objectSpread(_objectSpread({}, 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 || options === void 0 ? void 0 : options.length]);
-  var handleSelectFocus = function handleSelectFocus() {
+  var handleSelectFocus = () => {
     if (useRequest) {
       var queryBean = defaultParams || {};
       var params = withPagination ? {
         pageNum: 1,
         pageSize: 50,
-        queryBean: queryBean
+        queryBean
       } : queryBean;
       var nextParams = transformParams ? transformParams(params) : params;
       // 减少请求条件一致时，且请求过时，focus的重复请求
@@ -707,19 +708,21 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       });
     }
   };
-  var handleSelectSearch = debounce(function (val) {
+  var handleSelectSearch = debounce(val => {
     if (useRequest) {
-      var queryBean = _objectSpread(_objectSpread({}, defaultParams), {}, _defineProperty({}, searchKey !== null && searchKey !== void 0 ? searchKey : labelKey, val));
+      var queryBean = _objectSpread(_objectSpread({}, defaultParams), {}, {
+        [searchKey !== null && searchKey !== void 0 ? searchKey : labelKey]: val
+      });
       var params = withPagination ? {
         pageNum: 1,
         pageSize: 50,
-        queryBean: queryBean
+        queryBean
       } : queryBean;
       var nextParams = transformParams ? transformParams(params) : params;
       run(nextParams);
     }
   }, 1000);
-  useDebounceEffect(function () {
+  useDebounceEffect(() => {
     if (!value) {
       if (defaultOne) {
         getDefaultOneValues();
@@ -731,7 +734,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         });
       }
     }
-    if (!readOnly) {
+    if (nextMode === 'input') {
       if (labelInValue && _value && !isEqual(value, _value)) {
         setState({
           _value: value,
@@ -750,12 +753,12 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   }, [value, _value]);
 
   // 加个中间状态Input
-  var initRender = /*#__PURE__*/_jsxs(Space.Compact, {
+  var initRender = /*#__PURE__*/_jsxs(_Space.Compact, {
     style: {
       width: '100%'
     },
     block: true,
-    children: [readOnly ? /*#__PURE__*/_jsx(ProSelect, _objectSpread({
+    children: [nextMode === 'select' ? /*#__PURE__*/_jsx(ProSelect, _objectSpread({
       value: value,
       onChange: handleSelectValue,
       disabled: disabled,
@@ -766,21 +769,26 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       optionRender: optionRender,
       scrollFollowParent: false,
       mode: isMultiple ? 'multiple' : undefined,
-      notFoundContent: selectLoading ? /*#__PURE__*/_jsx(Spin, {
+      notFoundContent: selectLoading ? /*#__PURE__*/_jsx(_Spin, {
         size: "small"
       }) : null,
       onFocus: handleSelectFocus,
       onSearch: handleSelectSearch,
+      tooltip: _tooltip,
       style: {
         width: isView || disabled ? '100%' : 'calc(100% - 30px)'
       }
-    }, restProps)) : /*#__PURE__*/_jsx(Input, _objectSpread({
-      value: viewText,
-      onChange: handleChangeValue,
-      disabled: disabled,
-      autoComplete: "off",
-      allowClear: true
-    }, restProps)), isView || disabled ? null : /*#__PURE__*/_jsx(Button, {
+    }, restProps)) : /*#__PURE__*/_jsx(_Tooltip, {
+      title: _tooltip ? viewText : null,
+      placement: "topLeft",
+      children: /*#__PURE__*/_jsx(_Input, _objectSpread({
+        value: viewText,
+        onChange: handleChangeValue,
+        disabled: disabled,
+        autoComplete: "off",
+        allowClear: true
+      }, restProps))
+    }), isView || disabled ? null : /*#__PURE__*/_jsx(_Button, {
       onClick: handleClick,
       icon: /*#__PURE__*/_jsx(ReactSVG, {
         className: "viewSvg",
@@ -795,42 +803,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       children: customRender
     });
   }
-  useDeepCompareEffect(function () {
-    if (isTooltip && value) {
-      var dom = document.getElementById(uuid);
-      dom.addEventListener('mouseover', function (e) {
-        if (value && e.target.tagName === 'INPUT') {
-          setState({
-            open: true
-          });
-        }
-      });
-      dom.addEventListener('mouseout', function (e) {
-        if (e.target.tagName === 'INPUT') {
-          setState({
-            open: false
-          });
-        }
-      });
-      return function () {
-        dom.removeEventListener('mouseover', function (e) {
-          if (value && e.target.tagName === 'INPUT') {
-            setState({
-              open: true
-            });
-          }
-        });
-        dom.removeEventListener('mouseout', function (e) {
-          if (e.target.tagName === 'INPUT') {
-            setState({
-              open: false
-            });
-          }
-        });
-      };
-    }
-  }, [value, isTooltip]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     setState({
       options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
     });
@@ -856,26 +829,23 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
-      children: "".concat(viewText)
+      children: `${viewText}`
     });
   }
-  var _className = classNames(_defineProperty(_defineProperty({
-    'pro-modal-select': true
-  }, props.className, props.className), 'pro-modal-select-open', open));
+  var _className = classNames({
+    'pro-modal-select': true,
+    [props.className]: props.className,
+    'pro-modal-select-open': open
+  });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       id: uuid,
       className: _className,
       style: style,
       ref: fieldRef,
-      children: isTooltip && viewText ? /*#__PURE__*/_jsx(Tooltip, {
-        placement: "topLeft",
-        open: open,
-        title: viewText,
-        children: initRender
-      }) : initRender
+      children: initRender
     }), /*#__PURE__*/_jsxs(ProDrawerForm, _objectSpread(_objectSpread({
-      showType: "Modal",
+      mode: "Modal",
       title: title,
       onOk: handleFinish
       // @ts-ignore
@@ -891,11 +861,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         confirmLoading: loading,
         footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
       }), /*#__PURE__*/_jsx(ProTable, _objectSpread({
-        onRow: function onRow(record) {
+        onRow: record => {
           return {
-            onClick: function onClick() {
-              return handleClickRow(record);
-            }
+            onClick: () => handleClickRow(record)
           };
         },
         rowKey: rowKey,