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

package/es/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js

@@ -10,7 +10,7 @@ var defaultPage = {
   pageNum: 1,
   pageSize: 10
 };
-var useDefaultOptions = function useDefaultOptions(options) {
+var useDefaultOptions = options => {
   var _options$withPaginati;
   var customizePage = options === null || options === void 0 ? void 0 : options.customizePage;
   var _useState = useState(customizePage || defaultPage),
@@ -57,7 +57,7 @@ export function useRequestList(service, options, useRequestOptions) {
     setSearchValues = _useState4[1];
 
   // 当次执行service的请求,包括page参数
-  var params = useMemo(function () {
+  var params = useMemo(() => {
     var _condition = _objectSpread(_objectSpread({}, _defaultParams), searchValues);
     var tempParams = withPagination ? _objectSpread(_objectSpread({}, page), {}, {
       queryBean: _condition !== null && _condition !== void 0 ? _condition : {}
@@ -75,26 +75,26 @@ export function useRequestList(service, options, useRequestOptions) {
 
   // 搜索条件变化时触发
   var prevParams = usePrevious(params);
-  var _useDebounceFn = useDebounceFn(function () {
+  var _useDebounceFn = useDebounceFn(() => {
       run(params);
     }, {
       wait: 300
     }),
     queryList = _useDebounceFn.run;
-  useEffect(function () {
+  useEffect(() => {
     if (prevParams && !isEqual(prevParams, params)) {
       queryList();
     }
   }, [params, prevParams, queryList]);
 
   // 分页变更
-  var onChange = useCallback(function (current, pageSize) {
+  var onChange = useCallback((current, pageSize) => {
     onPageChange({
       pageNum: current,
-      pageSize: pageSize
+      pageSize
     });
   }, [onPageChange]);
-  var onSearch = useCallback(function (values) {
+  var onSearch = useCallback(values => {
     if (!isEqual(searchValues, values)) {
       onChange(defaultPage.pageNum, defaultPage.pageSize);
       setSearchValues(values);
@@ -102,10 +102,10 @@ export function useRequestList(service, options, useRequestOptions) {
   }, [onChange, searchValues]);
 
   // 重置查询条件
-  var onReset = useCallback(function () {
+  var onReset = useCallback(() => {
     onSearch({});
   }, [onSearch]);
-  var dataSource = useMemo(function () {
+  var dataSource = useMemo(() => {
     if (data) {
       var _data$data;
       if (transformResponse) {
@@ -117,28 +117,28 @@ export function useRequestList(service, options, useRequestOptions) {
     return [];
   }, [data, transformResponse, withPagination]);
   return _objectSpread(_objectSpread({}, result), {}, {
-    loading: loading,
+    loading,
     data: dataSource,
-    onReset: onReset,
-    onSearch: onSearch,
-    params: params,
+    onReset,
+    onSearch,
+    params,
     pagination: withPagination ? {
       current: page.pageNum,
       pageSize: page.pageSize,
       onPaginationChange: true,
       total: data === null || data === void 0 || (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.total,
-      onChange: onChange,
+      onChange,
       pageSizeOptions: [10, 20, 50, 100],
       showQuickJumper: true,
       showSizeChanger: true,
       onShowSizeChange: onChange,
       hideOnSinglePage: page.pageSize === 10,
       // 只有一页时隐藏分页器
-      showTotal: function showTotal(total) {
+      showTotal: total => {
         var _locale$ProEditTable;
         if (!total) return;
         return formatMessage(locale === null || locale === void 0 || (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-          total: total
+          total
         });
       }
     } : false

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

@@ -1,16 +1,27 @@
-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", "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, isBoolean, isEqual, isFunction, isObject } from 'lodash';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
@@ -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,
@@ -55,13 +66,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     otherProps = props.otherProps,
     restProps = _objectWithoutProperties(props, _excluded);
   var _tooltip = tooltip !== null && tooltip !== void 0 ? tooltip : isTooltip;
-  var nextMode = useMemo(function () {
+  var nextMode = useMemo(() => {
     if (isBoolean(readOnly) && readOnly === false) {
       return 'input';
     }
     return mode;
   }, [mode, readOnly]);
-  var contentForm = Form.useFormInstance();
+  var contentForm = _Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
     throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
   }
@@ -136,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({
@@ -157,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;
@@ -166,9 +177,9 @@ 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({
       ready: (initParams || defaultOne) && nextMode === 'input' || open
     }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
@@ -179,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}`;
     };
   }
 
@@ -197,7 +206,7 @@ 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;
@@ -208,22 +217,20 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         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 {
@@ -239,7 +246,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
    * @param {any} record 表格行数据
    * @returns {any}
    */
-  var getRowKey = function getRowKey(record) {
+  var getRowKey = record => {
     if (isFunction(rowKey)) {
       return rowKey(record);
     }
@@ -252,15 +259,13 @@ 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 (nextMode === 'input') {
@@ -269,7 +274,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       });
     }
   };
-  var handleSelectValue = function handleSelectValue(val, option) {
+  var handleSelectValue = (val, option) => {
     onChange(val, option);
     preValue.current = val;
   };
@@ -309,7 +314,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               setState({
                 onOff: true
               });
-              setTimeout(function () {
+              setTimeout(() => {
                 afterOpen === null || afterOpen === void 0 || afterOpen({
                   setInnerState: setState
                 });
@@ -325,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({
@@ -336,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 () {
@@ -352,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) {
@@ -431,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);
@@ -575,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({
@@ -600,13 +591,11 @@ 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) || [],
@@ -620,7 +609,10 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         _value: value
       });
     } else if (isObject(value)) {
-      var initialValue = _defineProperty(_defineProperty({}, valueKey, value[valueKey]), labelKey, value[labelKey]);
+      var initialValue = {
+        [valueKey]: value[valueKey],
+        [labelKey]: value[labelKey]
+      };
       setState({
         selectedRowKeys: [value],
         selectedRows: [initialValue],
@@ -628,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) {
@@ -647,9 +639,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
           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) {
@@ -657,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 () {
+  useEffect(() => {
     if (value && !open && isInit && nextMode === 'input') {
       getInitValues();
     }
   }, [JSON.stringify(value), open, isInit]);
-  useDebounceEffect(function () {
+  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的重复请求
@@ -716,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();
@@ -759,7 +753,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   }, [value, _value]);
 
   // 加个中间状态Input
-  var initRender = /*#__PURE__*/_jsxs(Space.Compact, {
+  var initRender = /*#__PURE__*/_jsxs(_Space.Compact, {
     style: {
       width: '100%'
     },
@@ -775,7 +769,7 @@ 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,
@@ -784,17 +778,17 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       style: {
         width: isView || disabled ? '100%' : 'calc(100% - 30px)'
       }
-    }, restProps)) : /*#__PURE__*/_jsx(Tooltip, {
+    }, restProps)) : /*#__PURE__*/_jsx(_Tooltip, {
       title: _tooltip ? viewText : null,
       placement: "topLeft",
-      children: /*#__PURE__*/_jsx(Input, _objectSpread({
+      children: /*#__PURE__*/_jsx(_Input, _objectSpread({
         value: viewText,
         onChange: handleChangeValue,
         disabled: disabled,
         autoComplete: "off",
         allowClear: true
       }, restProps))
-    }), isView || disabled ? null : /*#__PURE__*/_jsx(Button, {
+    }), isView || disabled ? null : /*#__PURE__*/_jsx(_Button, {
       onClick: handleClick,
       icon: /*#__PURE__*/_jsx(ReactSVG, {
         className: "viewSvg",
@@ -809,7 +803,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       children: customRender
     });
   }
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     setState({
       options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
     });
@@ -835,12 +829,14 @@ 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,
@@ -865,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,

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

@@ -1,5 +1,5 @@
 /* eslint-disable no-restricted-syntax */
-export var hideTooltipIfOpen = function hideTooltipIfOpen(dom, open) {
+export var hideTooltipIfOpen = (dom, open) => {
   if (!open && document.querySelector('.pro-modal-select-parent-open') && dom) {
     var _parent = dom.closest('.pro-form-item-changed');
     var _grandParent = _parent === null || _parent === void 0 ? void 0 : _parent.parentElement;