@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

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

@@ -1,33 +1,31 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isFunction from "lodash/isFunction";
-import _isEqual from "lodash/isEqual";
-import _isArray from "lodash/isArray";
-import _debounce from "lodash/debounce";
-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"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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, isBoolean, isEqual, isFunction, isObject } from 'lodash';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
-import { ProForm, ProDrawerForm, ProTable, useProConfig, ProSelect } from '../../../../index';
-import Container from '../../Container';
-import viewSvg from '../../../../assets/view.svg';
-import useRequestList from './hooks/useRequestList';
-import locale from '../../../../locale';
-import { hideTooltipIfOpen } from './utils';
+import { ProForm, ProDrawerForm, ProTable, useProConfig, ProSelect } from "../../../../index";
+import Container from "../../Container";
+import viewSvg from "../../../../assets/view.svg";
+import useRequestList from "./hooks/useRequestList";
+import locale from "../../../../locale";
+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 _useRequest$options, _useRequest$options2, _useRequest$options2$, _useRequest$options3, _formColumns$;
+  var _useRequest$options, _useRequest$options2, _useRequest$options3, _formColumns$;
   var value = props.value,
     onChange = props.onChange,
     disabled = props.disabled,
@@ -36,6 +34,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,
@@ -48,11 +48,19 @@ 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 _tooltip = tooltip !== null && tooltip !== void 0 ? tooltip : isTooltip;
+  var nextMode = useMemo(function () {
+    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】');
@@ -74,10 +82,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     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 = useProConfig('ProModalSelect') || {},
     _ref3$fieldNames = _ref3.fieldNames,
@@ -88,6 +99,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     labelKey = proModalSelectFieldNames.label;
     valueKey = proModalSelectFieldNames.value;
   }
+
   // 表单上配置的权重大于全局配置
   if (fieldNames && Object.keys(fieldNames).length) {
     labelKey = fieldNames.label;
@@ -102,8 +114,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   var preValue = useRef(value);
   // 表单项的ref
   var fieldRef = useRef(null);
-  var defaultParams = Array.isArray(useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.defaultParams) ? useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : (_useRequest$options2$ = _useRequest$options2.defaultParams) === null || _useRequest$options2$ === void 0 ? void 0 : _useRequest$options2$[0] : (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.defaultParams) || {};
+  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 = useRef(defaultParams); // 缓存 defaultParams 的引用
+
   var _useSetState = useSetState({
       _value: value,
       isInit: true,
@@ -136,7 +149,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       manual: true,
       onSuccess: function onSuccess(res) {
         var _res$data, _ref5;
-        var list = withPagination ? res === null || res === void 0 ? 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;
+        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: (_ref5 = transformResponse ? transformResponse(res === null || res === void 0 ? void 0 : res.data) : list) !== null && _ref5 !== void 0 ? _ref5 : []
         });
@@ -148,7 +161,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     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 ? void 0 : (_contentForm$getField = contentForm.getFieldsValue) === null || _contentForm$getField === void 0 ? void 0 : _contentForm$getField.call(contentForm));
+      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]);
@@ -157,8 +170,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       transformParams: transformParams,
       transformResponse: 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,
@@ -178,6 +190,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       return "".concat(value, "-").concat(label);
     };
   }
+
   /**
    * 格式化数据方法，展示在输入框中
    * @date 2023-02-16
@@ -189,13 +202,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     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 ? void 0 : (_data$map = data.map(function (item) {
+    return isArray(data) ? data === null || data === void 0 || (_data$map = data.map(function (item) {
       return handleFormat(_objectSpread(_objectSpread({}, item), {}, {
         value: item[valueKey],
         label: item[labelKey]
@@ -208,7 +221,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       nextValue = value;
     } else {
       var _options$find;
-      var optionDTO = options === null || options === void 0 ? void 0 : (_options$find = options.find) === null || _options$find === void 0 ? void 0 : _options$find.call(options, function (item) {
+      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;
       });
       if (optionDTO) {
@@ -219,6 +232,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     }
     return formatValue(nextValue);
   }, [value, _value, options]);
+
   /**
    * 获取表格的rowKey，支持函数、字符串
    * @date 2023-02-16
@@ -226,11 +240,12 @@ var ProModalSelect = function ProModalSelect(props, ref) {
    * @returns {any}
    */
   var getRowKey = function getRowKey(record) {
-    if (typeof rowKey === 'function') {
+    if (isFunction(rowKey)) {
       return rowKey(record);
     }
     return record[rowKey];
   };
+
   /**
    * 执行onChange暴露出来的第一个参数取数方法
    * @date 2023-02-16
@@ -248,7 +263,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   var handleChangeValue = function handleChangeValue(e) {
     onChange(e.target.value);
     preValue.current = e.target.value;
-    if (!readOnly) {
+    if (nextMode === 'input') {
       setState({
         _value: e.target.value
       });
@@ -259,49 +274,50 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     preValue.current = val;
   };
   var handleClick = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-      var _yield$beforeOpen, res, _t, _t2, _t3;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$beforeOpen, res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (disabled) {
-              _context.n = 5;
+              _context.next = 14;
               break;
             }
-            _context.n = 1;
+            _context.next = 3;
             return beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
-          case 1:
-            _t2 = _yield$beforeOpen = _context.v;
-            _t = _t2 !== null;
-            if (!_t) {
-              _context.n = 2;
+          case 3:
+            _context.t1 = _yield$beforeOpen = _context.sent;
+            _context.t0 = _context.t1 !== null;
+            if (!_context.t0) {
+              _context.next = 7;
               break;
             }
-            _t = _yield$beforeOpen !== void 0;
-          case 2:
-            if (!_t) {
-              _context.n = 3;
+            _context.t0 = _yield$beforeOpen !== void 0;
+          case 7:
+            if (!_context.t0) {
+              _context.next = 11;
               break;
             }
-            _t3 = _yield$beforeOpen;
-            _context.n = 4;
+            _context.t2 = _yield$beforeOpen;
+            _context.next = 12;
             break;
-          case 3:
-            _t3 = true;
-          case 4:
-            res = _t3;
+          case 11:
+            _context.t2 = true;
+          case 12:
+            res = _context.t2;
             if (res) {
               setState({
                 onOff: true
               });
               setTimeout(function () {
-                afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen({
+                afterOpen === null || afterOpen === void 0 || afterOpen({
                   setInnerState: setState
                 });
               }, 100);
             }
-          case 5:
-            return _context.a(2);
+          case 14:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -317,29 +333,30 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       open: false,
       isInit: false
     });
+
     // 当设置manual为true时，清空当前弹框内已搜索出来的值
-    if (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.manual) {
+    if (useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.manual) {
       mutate(function () {
         return [];
       });
     }
   };
   var handleFinish = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-      var _nextSelectedRows, _nextSelectedRows2, nextSelectedRows, record, flag, res, _t4;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.p = _context2.n) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _nextSelectedRows, _nextSelectedRows2, nextSelectedRows, record, flag, res;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.p = 0;
-            if (!(!(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || !(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length))) {
-              _context2.n = 1;
+            _context2.prev = 0;
+            if (!(!(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length) || !(selectedRows !== null && selectedRows !== void 0 && selectedRows.length))) {
+              _context2.next = 4;
               break;
             }
             message.error(locale.ProModalSelect.checkMsg);
-            return _context2.a(2, false);
-          case 1:
+            return _context2.abrupt("return", false);
+          case 4:
             nextSelectedRows = selectedRows;
-            if (!((_nextSelectedRows = nextSelectedRows) === null || _nextSelectedRows === void 0 ? void 0 : _nextSelectedRows[0])) {
+            if (!((_nextSelectedRows = nextSelectedRows) !== null && _nextSelectedRows !== void 0 && _nextSelectedRows[0])) {
               nextSelectedRows = data.filter(function (item) {
                 return selectedRowKeys.includes(item[valueKey]);
               });
@@ -353,57 +370,59 @@ var ProModalSelect = function ProModalSelect(props, ref) {
             }
             flag = true;
             if (!onOk) {
-              _context2.n = 3;
+              _context2.next = 14;
               break;
             }
-            _context2.n = 2;
+            _context2.next = 12;
             return onOk(record);
-          case 2:
-            res = _context2.v;
+          case 12:
+            res = _context2.sent;
             if (res !== null && res !== undefined) {
               // @ts-ignore
               flag = res;
             }
-          case 3:
+          case 14:
             if (flag) {
-              onChange === null || onChange === void 0 ? void 0 : onChange(labelInValue ? record : getNextValues(record), record);
+              onChange === null || onChange === void 0 || onChange(labelInValue ? record : getNextValues(record), record);
               preValue.current = labelInValue ? record : getNextValues(record);
               // 更新内部展示值
               setState({
                 _value: record,
-                options: _isArray(record) ? record : [record]
+                options: isArray(record) ? record : [record]
               });
               handleClose();
             }
-            return _context2.a(2, flag);
-          case 4:
-            _context2.p = 4;
-            _t4 = _context2.v;
-            console.warn('error', _t4);
-          case 5:
-            return _context2.a(2);
+            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();
         }
-      }, _callee2, null, [[0, 4]]);
+      }, _callee2, null, [[0, 18]]);
     }));
     return function handleFinish() {
       return _ref8.apply(this, arguments);
     };
   }();
   var handleSearch = /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var values;
-      return _regenerator().w(function (_context3) {
-        while (1) switch (_context3.n) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.n = 1;
+            _context3.next = 2;
             return form.validateFields();
-          case 1:
-            values = _context3.v;
+          case 2:
+            values = _context3.sent;
             onSearch(_objectSpread(_objectSpread({}, values), {}, {
               d: Date.now()
             }));
-          case 2:
-            return _context3.a(2);
+          case 4:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -427,13 +446,14 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     selectedRowKeys: selectedRowKeys,
     selectedRows: selectedRows
   }, rowSelection);
+
   // 点击行进行勾选
   var handleClickRow = function handleClickRow(record) {
-    var _rowSelection$getChec, _rowSelection$getChec2;
-    if (_rowSelection === null || _rowSelection === void 0 ? void 0 : (_rowSelection$getChec = _rowSelection.getCheckboxProps) === null || _rowSelection$getChec === void 0 ? void 0 : (_rowSelection$getChec2 = _rowSelection$getChec.call(_rowSelection, record)) === null || _rowSelection$getChec2 === void 0 ? void 0 : _rowSelection$getChec2.disabled) {
+    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 ? void 0 : record.disabled) return;
+    if (record !== null && record !== void 0 && record.disabled) return;
     var selectedValue = getRowKey(record);
     var tempSelectedRows = _toConsumableArray(selectedRows);
     var tempSelectedRowKeys = _toConsumableArray(selectedRowKeys);
@@ -460,32 +480,33 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       selectedRowKeys: tempSelectedRowKeys
     });
   };
+
   // 初始化回显，当传入initParams时，前端用来回险
   var getInitValues = /*#__PURE__*/function () {
-    var _ref0 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var _useRequest$options5, queryBean, page, params, res, _res$data2, _list, list, _data, nextSelectRowKeys;
-      return _regenerator().w(function (_context4) {
-        while (1) switch (_context4.n) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!(initParams || defaultOne)) {
-              _context4.n = 2;
+              _context4.next = 9;
               break;
             }
             queryBean = _objectSpread(_objectSpread({}, defaultParams), initParams || {});
             page = _objectSpread({
               pageNum: 1,
               pageSize: 10
-            }, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options5 = useRequest.options) === null || _useRequest$options5 === void 0 ? void 0 : _useRequest$options5.page);
+            }, useRequest === null || useRequest === void 0 || (_useRequest$options5 = useRequest.options) === null || _useRequest$options5 === void 0 ? void 0 : _useRequest$options5.page);
             params = withPagination ? _objectSpread(_objectSpread({}, page), {}, {
               queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
             }) : queryBean;
             params = transformParams ? transformParams(params) : params;
-            _context4.n = 1;
+            _context4.next = 7;
             return runAsync(params);
-          case 1:
-            res = _context4.v;
-            if (res === null || res === void 0 ? void 0 : res.data) {
-              list = withPagination ? res === null || res === void 0 ? 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;
+          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);
               }
@@ -503,7 +524,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                   selectedRows: list,
                   selectedRowKeys: nextSelectRowKeys
                 });
-              } else if (!readOnly) {
+              } else if (nextMode === 'input') {
                 // 当传入initParams且文本框非只读时，不调用接口获取初始化数据
                 setState({
                   _value: value,
@@ -511,38 +532,40 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 });
               }
             }
-          case 2:
-            return _context4.a(2);
+          case 9:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     }));
     return function getInitValues() {
-      return _ref0.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
+
   // 初始化回显，当传入initParams时，前端用来回险
   var getDefaultOneValues = /*#__PURE__*/function () {
-    var _ref1 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var _useRequest$options6;
       var queryBean, page, params, res, _res$data3, _list2, list, _data2, nextSelectRowKeys;
-      return _regenerator().w(function (_context5) {
-        while (1) switch (_context5.n) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             queryBean = _objectSpread({}, defaultParams);
             page = _objectSpread({
               pageNum: 1,
               pageSize: 10
-            }, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options6 = useRequest.options) === null || _useRequest$options6 === void 0 ? void 0 : _useRequest$options6.page);
+            }, useRequest === null || useRequest === void 0 || (_useRequest$options6 = useRequest.options) === null || _useRequest$options6 === void 0 ? void 0 : _useRequest$options6.page);
             params = withPagination ? _objectSpread(_objectSpread({}, page), {}, {
               queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
             }) : queryBean;
             params = transformParams ? transformParams(params) : params;
-            _context5.n = 1;
+            _context5.next = 6;
             return runAsync(params);
-          case 1:
-            res = _context5.v;
-            if (res === null || res === void 0 ? void 0 : res.data) {
-              list = withPagination ? res === null || res === void 0 ? 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;
+          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);
               }
@@ -567,13 +590,14 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 selectedRowKeys: nextSelectRowKeys
               });
             }
-          case 2:
-            return _context5.a(2);
+          case 8:
+          case "end":
+            return _context5.stop();
         }
       }, _callee5);
     }));
     return function getDefaultOneValues() {
-      return _ref1.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   useImperativeHandle(ref, function () {
@@ -589,13 +613,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         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]') {
+    } else if (isObject(value)) {
       var initialValue = _defineProperty(_defineProperty({}, valueKey, value[valueKey]), labelKey, value[labelKey]);
       setState({
         selectedRowKeys: [value],
@@ -607,7 +631,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   useEffect(function () {
     if (onOff && !open) {
       var _useRequest$options7;
-      if ((useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options7 = useRequest.options) === null || _useRequest$options7 === void 0 ? void 0 : _useRequest$options7.manual) !== true) {
+      if ((useRequest === null || useRequest === void 0 || (_useRequest$options7 = useRequest.options) === null || _useRequest$options7 === void 0 ? void 0 : _useRequest$options7.manual) !== true) {
         onReset();
       }
       var nextState = {
@@ -618,11 +642,11 @@ 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)) {
+        if (isArray(value)) {
           nextState.selectedRowKeys = value.map(function (item) {
             return getRowKey(item);
           });
@@ -633,7 +657,7 @@ 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 ? 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, function (item) {
           return nextSelectedRowKeys.includes(item[valueKey]);
         });
       }
@@ -644,16 +668,16 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     hideTooltipIfOpen(fieldRef.current, open);
   }, [open]);
   useEffect(function () {
-    if (value && !open && isInit && !readOnly) {
+    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)) {
+    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 ? void 0 : (_options$some = options.some) === null || _options$some === void 0 ? void 0 : _options$some.call(options, function (item) {
+      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;
       });
       if (isHasValue) {
@@ -683,7 +707,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       } : queryBean;
       var nextParams = transformParams ? transformParams(params) : params;
       // 减少请求条件一致时，且请求过时，focus的重复请求
-      if (!_isEqual(queryBean, defaultParamsRef.current) || !(options === null || options === void 0 ? void 0 : options.length)) {
+      if (!isEqual(queryBean, defaultParamsRef.current) || !(options !== null && options !== void 0 && options.length)) {
         run(nextParams); // 触发 run 请求
         defaultParamsRef.current = queryBean; // 更新缓存
       }
@@ -692,7 +716,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       });
     }
   };
-  var handleSelectSearch = _debounce(function (val) {
+  var handleSelectSearch = debounce(function (val) {
     if (useRequest) {
       var queryBean = _objectSpread(_objectSpread({}, defaultParams), {}, _defineProperty({}, searchKey !== null && searchKey !== void 0 ? searchKey : labelKey, val));
       var params = withPagination ? {
@@ -716,15 +740,15 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         });
       }
     }
-    if (!readOnly) {
-      if (labelInValue && _value && !_isEqual(value, _value)) {
+    if (nextMode === 'input') {
+      if (labelInValue && _value && !isEqual(value, _value)) {
         setState({
           _value: value,
           selectedRowKeys: [],
           selectedRows: []
         });
       }
-      if (!labelInValue && !_isEqual(value, _value === null || _value === void 0 ? void 0 : _value[valueKey])) {
+      if (!labelInValue && !isEqual(value, _value === null || _value === void 0 ? void 0 : _value[valueKey])) {
         setState({
           _value: value,
           selectedRowKeys: [],
@@ -733,13 +757,14 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       }
     }
   }, [value, _value]);
+
   // 加个中间状态Input
-  var initRender = _jsxs(Space.Compact, {
+  var initRender = /*#__PURE__*/_jsxs(Space.Compact, {
     style: {
       width: '100%'
     },
     block: true,
-    children: [readOnly ? _jsx(ProSelect, _objectSpread({
+    children: [nextMode === 'select' ? /*#__PURE__*/_jsx(ProSelect, _objectSpread({
       value: value,
       onChange: handleSelectValue,
       disabled: disabled,
@@ -750,94 +775,65 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       optionRender: optionRender,
       scrollFollowParent: false,
       mode: isMultiple ? 'multiple' : undefined,
-      notFoundContent: selectLoading ? _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)) : _jsx(Input, _objectSpread({
-      value: viewText,
-      onChange: handleChangeValue,
-      disabled: disabled,
-      autoComplete: "off",
-      allowClear: true
-    }, restProps)), isView || disabled ? null : _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: _jsx(ReactSVG, {
+      icon: /*#__PURE__*/_jsx(ReactSVG, {
         className: "viewSvg",
         src: viewSvg
       })
     })]
   });
   if (customRender && /*#__PURE__*/React.isValidElement(customRender)) {
-    initRender = _jsx("div", {
+    initRender = /*#__PURE__*/_jsx("div", {
       className: "pro-modal-select-init",
       onClick: handleClick,
       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 () {
     setState({
       options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
     });
   }, [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 ? void 0 : (_formColumns$ = formColumns[0]) === null || _formColumns$ === void 0 ? void 0 : _formColumns$.type) === 'Input') {
-    var _formColumns$2, _formColumns$3, _formColumns$3$fieldP;
-    if (!((_formColumns$2 = formColumns[0]) === null || _formColumns$2 === void 0 ? void 0 : _formColumns$2.fieldProps)) {
+  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 (!_isFunction(formColumns[0].fieldProps) && !(formColumns === null || formColumns === void 0 ? void 0 : (_formColumns$3 = formColumns[0]) === null || _formColumns$3 === void 0 ? void 0 : (_formColumns$3$fieldP = _formColumns$3.fieldProps) === null || _formColumns$3$fieldP === void 0 ? void 0 : _formColumns$3$fieldP.suffix)) {
-      formColumns[0].fieldProps.suffix = _jsx(SearchOutlined, {
+    if (!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__*/_jsx(SearchOutlined, {
         onClick: handleSearch
       });
     }
   }
   if (isView) {
     if (!value) {
-      return _jsx(_Fragment, {
+      return /*#__PURE__*/_jsx(_Fragment, {
         children: viewEmpty
       });
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: "".concat(viewText)
     });
@@ -845,34 +841,30 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   var _className = classNames(_defineProperty(_defineProperty({
     'pro-modal-select': true
   }, props.className, props.className), 'pro-modal-select-open', open));
-  return _jsxs(_Fragment, {
-    children: [_jsx("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
       id: uuid,
       className: _className,
       style: style,
       ref: fieldRef,
-      children: isTooltip && viewText ? _jsx(Tooltip, {
-        placement: "topLeft",
-        open: open,
-        title: viewText,
-        children: initRender
-      }) : initRender
-    }), _jsxs(ProDrawerForm, _objectSpread(_objectSpread({
-      showType: "Modal",
+      children: initRender
+    }), /*#__PURE__*/_jsxs(ProDrawerForm, _objectSpread(_objectSpread({
+      mode: "Modal",
       title: title,
-      onOk: handleFinish,
+      onOk: handleFinish
       // @ts-ignore
+      ,
       onCancel: handleClose,
       open: open
     }, restModalProps), {}, {
-      children: [_jsx(ProForm, {
+      children: [/*#__PURE__*/_jsx(ProForm, {
         submitOnEnter: true,
         form: form,
         columns: formColumns,
         onFinish: handleSearch,
         confirmLoading: loading,
         footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
-      }), _jsx(ProTable, _objectSpread({
+      }), /*#__PURE__*/_jsx(ProTable, _objectSpread({
         onRow: function onRow(record) {
           return {
             onClick: function onClick() {