@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,646 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _reactSvg = require("react-svg");
+var _react = _interopRequireWildcard(require("react"));
+var _zatDesignProComponent = require("zat-design-pro-component");
+var _Container = _interopRequireDefault(require("../../Container"));
+var _view = _interopRequireDefault(require("../../../../assets/view.svg"));
+var _useRequestList2 = _interopRequireDefault(require("./hooks/useRequestList"));
+var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "isTooltip", "otherProps"],
+  _excluded2 = ["onOk"],
+  _excluded3 = ["rowKey", "columns", "rowSelection"];
+var ProModalSelect = function ProModalSelect(props, ref) {
+  var _formColumns$;
+  var value = props.value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$labelInValue = props.labelInValue,
+    labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+    fieldNames = props.fieldNames,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? true : _props$readOnly,
+    addonAfter = props.addonAfter,
+    configOption = props.configOption,
+    title = props.title,
+    onFormat = props.onFormat,
+    showCodeName = props.showCodeName,
+    optionRender = props.optionRender,
+    customRender = props.customRender,
+    style = props.style,
+    className = props.className,
+    beforeOpen = props.beforeOpen,
+    isTooltip = props.isTooltip,
+    otherProps = props.otherProps,
+    restInputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
+    throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
+  }
+  var _configOption$type = configOption.type,
+    type = _configOption$type === void 0 ? 'radio' : _configOption$type,
+    useRequest = configOption.useRequest,
+    transformParams = configOption.transformParams,
+    transformResponse = configOption.transformResponse,
+    formColumns = configOption.formColumns,
+    _configOption$withPag = configOption.withPagination,
+    withPagination = _configOption$withPag === void 0 ? true : _configOption$withPag,
+    modalProps = configOption.modalProps,
+    tableProps = configOption.tableProps;
+  var _ref = modalProps || {},
+    onOk = _ref.onOk,
+    restModalProps = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+  var _ref2 = otherProps || {},
+    _ref2$isView = _ref2.isView,
+    isView = _ref2$isView === void 0 ? false : _ref2$isView,
+    viewEmpty = _ref2.viewEmpty;
+  // 是否多选
+  var isMultiple = type === 'checkbox';
+  // 生成一个唯一id，用于满足tooltip功能
+  var uuid = Math.random().toString(36).slice(-6);
+  // 全局配置fieldNames指定 value与label的key
+  var _ref3 = (0, _zatDesignProComponent.useProConfig)('ProModalSelect') || {},
+    _ref3$fieldNames = _ref3.fieldNames,
+    proModalSelectFieldNames = _ref3$fieldNames === void 0 ? {} : _ref3$fieldNames;
+  var labelKey = 'label';
+  var valueKey = 'value';
+  if (proModalSelectFieldNames && Object.keys(proModalSelectFieldNames).length) {
+    labelKey = proModalSelectFieldNames.label;
+    valueKey = proModalSelectFieldNames.value;
+  }
+  // 表单上配置的权重大于全局配置
+  if (fieldNames && Object.keys(fieldNames).length) {
+    labelKey = fieldNames.label;
+    valueKey = fieldNames.value;
+  }
+  var _ref4 = tableProps || {},
+    _ref4$rowKey = _ref4.rowKey,
+    rowKey = _ref4$rowKey === void 0 ? valueKey : _ref4$rowKey,
+    columns = _ref4.columns,
+    rowSelection = _ref4.rowSelection,
+    restTableProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
+  var _useSetState = (0, _ahooks.useSetState)({
+      _value: value,
+      isInit: true,
+      onOff: false,
+      visible: false,
+      open: false,
+      selectedRows: [],
+      selectedRowKeys: []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    _value = _useSetState2$._value,
+    isInit = _useSetState2$.isInit,
+    onOff = _useSetState2$.onOff,
+    visible = _useSetState2$.visible,
+    open = _useSetState2$.open,
+    selectedRows = _useSetState2$.selectedRows,
+    selectedRowKeys = _useSetState2$.selectedRowKeys,
+    setState = _useSetState2[1];
+  var _Form$useForm = _antd.Form.useForm(),
+    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useRequestList = (0, _useRequestList2.default)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
+      withPagination: withPagination,
+      transformParams: transformParams,
+      transformResponse: transformResponse
+    }, (0, _objectSpread2.default)({
+      manual: true,
+      ready: (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) || visible
+    }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
+    data = _useRequestList.data,
+    loading = _useRequestList.loading,
+    pagination = _useRequestList.pagination,
+    onSearch = _useRequestList.onSearch,
+    onReset = _useRequestList.onReset,
+    runAsync = _useRequestList.runAsync,
+    mutate = _useRequestList.mutate;
+  var defaultOptionRender = function defaultOptionRender(rowData) {
+    return rowData === null || rowData === void 0 ? void 0 : rowData[labelKey];
+  };
+  var handleFormat = optionRender || onFormat || defaultOptionRender;
+  if (showCodeName) {
+    handleFormat = function handleFormat(_ref5) {
+      var value = _ref5.value,
+        label = _ref5.label;
+      return "".concat(value, "-").concat(label);
+    };
+  }
+  /**
+   * 格式化数据方法，展示在输入框中
+   * @date 2023-02-16
+   * @param {any} data 当前选中的值 labelInValue模式下为选中行对象，单值模式为value值
+   * @returns {any}
+   */
+  var formatValue = function formatValue(data) {
+    var _data$map;
+    if (typeof data === 'string' || typeof data === 'number') {
+      return data;
+    }
+    if (Object.prototype.toString.call(data) === '[object Object]') {
+      return handleFormat((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+        value: data[valueKey],
+        label: data[labelKey]
+      }));
+    }
+    return (0, _lodash.isArray)(data) ? data === null || data === void 0 ? void 0 : (_data$map = data.map(function (item) {
+      return handleFormat((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        value: item[valueKey],
+        label: item[labelKey]
+      }));
+    })) === null || _data$map === void 0 ? void 0 : _data$map.join('，') : undefined;
+  };
+  /**
+   * 获取表格的rowKey，支持函数、字符串
+   * @date 2023-02-16
+   * @param {any} record 表格行数据
+   * @returns {any}
+   */
+  var getRowKey = function getRowKey(record) {
+    if (typeof rowKey === 'function') {
+      return rowKey(record);
+    }
+    return record[rowKey];
+  };
+  /**
+   * 执行onChange暴露出来的第一个参数取数方法
+   * @date 2023-02-16
+   * @param {any} selectedRows 选中行数据
+   * @returns {any}
+   */
+  var getNextValues = function getNextValues(selectedRows) {
+    if (isMultiple) {
+      return selectedRows.map(function (item) {
+        return item === null || item === void 0 ? void 0 : item[valueKey];
+      });
+    }
+    return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[valueKey];
+  };
+  var handleChangeValue = function handleChangeValue(e) {
+    onChange(e.target.value);
+    if (!readOnly) {
+      setState({
+        _value: e.target.value
+      });
+    }
+  };
+  // 清空表单项
+  var handleClearValue = function handleClearValue() {
+    onChange(undefined, {});
+    setState({
+      _value: undefined,
+      selectedRowKeys: [],
+      selectedRows: []
+    });
+  };
+  var handleClick = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _yield$beforeOpen, res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (disabled) {
+              _context.next = 14;
+              break;
+            }
+            _context.next = 3;
+            return beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
+          case 3:
+            _context.t1 = _yield$beforeOpen = _context.sent;
+            _context.t0 = _context.t1 !== null;
+            if (!_context.t0) {
+              _context.next = 7;
+              break;
+            }
+            _context.t0 = _yield$beforeOpen !== void 0;
+          case 7:
+            if (!_context.t0) {
+              _context.next = 11;
+              break;
+            }
+            _context.t2 = _yield$beforeOpen;
+            _context.next = 12;
+            break;
+          case 11:
+            _context.t2 = true;
+          case 12:
+            res = _context.t2;
+            if (res) {
+              setState({
+                onOff: true
+              });
+            }
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleClick() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var handleClose = function handleClose() {
+    var _useRequest$options;
+    form.resetFields();
+    setState({
+      onOff: false,
+      visible: false,
+      isInit: false
+    });
+    // 当设置manual为true时，清空当前弹框内已搜索出来的值
+    if (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.manual) {
+      mutate(function () {
+        return [];
+      });
+    }
+  };
+  var handleFinish = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+      var data, flag, res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (selectedRows.length) {
+              _context2.next = 3;
+              break;
+            }
+            _antd.message.error('请先勾选');
+            return _context2.abrupt("return", false);
+          case 3:
+            data = isMultiple ? selectedRows : selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[0]; // @ts-ignore
+            data.value = data[valueKey];
+            // @ts-ignore
+            data.label = data[labelKey];
+            flag = true;
+            if (!onOk) {
+              _context2.next = 12;
+              break;
+            }
+            _context2.next = 10;
+            return onOk(data);
+          case 10:
+            res = _context2.sent;
+            if (res !== null && res !== undefined) {
+              flag = res;
+            }
+          case 12:
+            if (flag) {
+              onChange === null || onChange === void 0 ? void 0 : onChange(labelInValue ? data : getNextValues(data), data);
+              // 更新内部展示值
+              setState({
+                _value: data
+              });
+              handleClose();
+            }
+            return _context2.abrupt("return", flag);
+          case 14:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleFinish() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var handleSearch = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+      var values;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return form.validateFields();
+          case 2:
+            values = _context3.sent;
+            onSearch((0, _objectSpread2.default)((0, _objectSpread2.default)({}, values), {}, {
+              d: Date.now()
+            }));
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleSearch() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var _rowSelection = (0, _objectSpread2.default)({
+    type: type,
+    selectedRowKeys: selectedRowKeys,
+    onChange: function onChange(rowKeys, rows) {
+      setState({
+        selectedRowKeys: rowKeys,
+        selectedRows: rows
+      });
+    },
+    getCheckboxProps: function getCheckboxProps(record) {
+      return {
+        disabled: record === null || record === void 0 ? void 0 : record.disabled
+      };
+    }
+  }, 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) {
+      return;
+    }
+    if (record === null || record === void 0 ? void 0 : record.disabled) return;
+    var selectedValue = getRowKey(record);
+    var tempSelectedRows = (0, _lodash.cloneDeep)(selectedRows);
+    var tempSelectedRowKeys = (0, _lodash.cloneDeep)(selectedRowKeys);
+    if (isMultiple) {
+      var rowIndex = tempSelectedRows.findIndex(function (item) {
+        return getRowKey(item) === selectedValue;
+      });
+      var rowKeyIndex = tempSelectedRowKeys.findIndex(function (item) {
+        return item === selectedValue;
+      });
+      if (rowKeyIndex > -1) {
+        tempSelectedRows.splice(rowIndex, 1);
+        tempSelectedRowKeys.splice(rowKeyIndex, 1);
+      } else {
+        tempSelectedRows.push(record);
+        tempSelectedRowKeys.push(selectedValue);
+      }
+    } else {
+      tempSelectedRows = [record];
+      tempSelectedRowKeys = [selectedValue];
+    }
+    setState({
+      selectedRows: tempSelectedRows,
+      selectedRowKeys: tempSelectedRowKeys
+    });
+  };
+  // 初始化回显，当传入initParams时，前端用来回险
+  var getInitValues = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+      var _useRequest$options2, _useRequest$options3, queryBean, page, params, res, _list, list, _res$data, _data, nextSelectRowKeys;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (typeof (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) === 'function') {
+              useRequest.initParams = useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams(value);
+            }
+            if (!(useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams)) {
+              _context4.next = 13;
+              break;
+            }
+            if (readOnly) {
+              _context4.next = 5;
+              break;
+            }
+            setState({
+              _value: value,
+              isInit: false
+            });
+            return _context4.abrupt("return");
+          case 5:
+            queryBean = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams), useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams);
+            page = (0, _objectSpread2.default)({
+              pageNum: 1,
+              pageSize: 10
+            }, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.page);
+            params = withPagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
+              queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+            }) : queryBean;
+            params = transformParams ? transformParams(params) : params;
+            _context4.next = 11;
+            return runAsync(params);
+          case 11:
+            res = _context4.sent;
+            if (res === null || res === void 0 ? void 0 : res.data) {
+              list = [];
+              if (transformResponse) {
+                list = transformResponse(res === null || res === void 0 ? void 0 : res.data);
+              } else {
+                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;
+              }
+              _data = isMultiple ? list : (_list = list) === null || _list === void 0 ? void 0 : _list[0];
+              nextSelectRowKeys = isMultiple ? value : [value]; // 更新内部展示值
+              setState({
+                _value: _data,
+                isInit: false,
+                selectedRows: list,
+                selectedRowKeys: nextSelectRowKeys
+              });
+            }
+          case 13:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function getInitValues() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      handleClick: handleClick,
+      handleSearch: handleSearch
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (!value) {
+      setState({
+        selectedRowKeys: [],
+        selectedRows: [],
+        _value: undefined
+      });
+    } else if (Object.prototype.toString.call(value) === '[object Object]') {
+      var _initialValue;
+      var initialValue = (_initialValue = {}, (0, _defineProperty2.default)(_initialValue, valueKey, value[valueKey]), (0, _defineProperty2.default)(_initialValue, labelKey, value[labelKey]), _initialValue);
+      setState({
+        selectedRowKeys: [value],
+        selectedRows: [initialValue],
+        _value: initialValue
+      });
+    }
+    if (onOff && !visible) {
+      var _useRequest$options4;
+      if ((useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.manual) !== true) {
+        onReset();
+      }
+      var nextState = {
+        visible: true
+      };
+      if (labelInValue) {
+        if (!value) {
+          nextState.selectedRowKeys = [];
+          nextState.selectedRows = [];
+        }
+        if (Object.prototype.toString.call(value) === '[object Object]') {
+          nextState.selectedRowKeys = [getRowKey(value)];
+          nextState.selectedRows = [value];
+        }
+        if ((0, _lodash.isArray)(value)) {
+          nextState.selectedRowKeys = value.map(function (item) {
+            return getRowKey(item);
+          });
+          nextState.selectedRows = value;
+        }
+      }
+      setState(nextState);
+    }
+  }, [onOff, visible, value]);
+  (0, _react.useEffect)(function () {
+    if (value && !visible && isInit) {
+      getInitValues();
+    }
+  }, [value, visible, isInit]);
+  var defaultAddonAfter = /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-enum-input-addonAfter"
+  }, value && !disabled && /*#__PURE__*/_react.default.createElement("span", {
+    className: "close-icon"
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
+    onClick: handleClearValue
+  })), /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    className: "viewSvg",
+    src: _view.default,
+    onClick: handleClick
+  }));
+  var forceAddonAfterRender = function forceAddonAfterRender() {
+    if (isView || disabled) {
+      return;
+    }
+    if (addonAfter) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onClick: handleClick
+      }, addonAfter);
+    }
+    return defaultAddonAfter;
+  };
+  // 加个中间状态Input
+  var initRender = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)({
+    value: formatValue(labelInValue ? value : _value),
+    readOnly: readOnly,
+    onClick: readOnly ? handleClick : undefined,
+    onChange: handleChangeValue,
+    disabled: disabled,
+    addonAfter: forceAddonAfterRender(),
+    placeholder: "\u8BF7\u9009\u62E9"
+  }, restInputProps)), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    type: "hidden",
+    value: value
+  }));
+  if (customRender && /*#__PURE__*/_react.default.isValidElement(customRender)) {
+    initRender = /*#__PURE__*/_react.default.createElement("div", {
+      className: "pro-modal-select-init",
+      onClick: handleClick
+    }, customRender);
+  }
+  (0, _react.useEffect)(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]);
+  // 当搜索条件只有一个时，且为输入框，默认设置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)) {
+      formColumns[0].fieldProps = {};
+    }
+    if (!(0, _lodash.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 = /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, {
+        onClick: handleSearch
+      });
+    }
+  }
+  if (isView) {
+    if (!value) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewEmpty);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Container.default, {
+      viewEmpty: viewEmpty
+    }, "".concat(formatValue(labelInValue ? value : _value || '')));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: uuid,
+    className: "pro-modal-select ".concat(className !== null && className !== void 0 ? className : ''),
+    style: style
+  }, isTooltip && value ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    placement: "topLeft",
+    open: open,
+    title: formatValue(labelInValue ? value : _value)
+  }, initRender) : initRender, /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.ProDrawerForm, (0, _objectSpread2.default)({
+    showType: "Modal",
+    title: title,
+    width: "50%",
+    onOk: handleFinish,
+    onCancel: handleClose,
+    visible: visible
+  }, restModalProps), /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.ProForm, {
+    form: form,
+    columns: formColumns,
+    onFinish: handleSearch,
+    footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
+  }), /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.ProTable, (0, _objectSpread2.default)({
+    onRow: function onRow(record) {
+      return {
+        onClick: function onClick() {
+          return handleClickRow(record);
+        }
+      };
+    },
+    rowKey: rowKey,
+    loading: loading,
+    scroll: {
+      y: '250px'
+    },
+    rowSelection: _rowSelection,
+    columns: columns,
+    dataSource: data,
+    pagination: withPagination ? pagination : false
+  }, restTableProps))));
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(ProModalSelect);
+exports.default = _default;

package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts

@@ -0,0 +1,45 @@
+import { InputProps, ModalProps } from 'antd';
+import { Service, Options } from 'ahooks/lib/useRequest/src/types';
+import React from 'react';
+import { ProColumnProps } from '../../render/propsType';
+import { ProFormOtherProps } from '../../../propsType';
+type OnOkFunction = (list: Record<string, any>[]) => boolean;
+interface ConfigOption {
+    useRequest?: {
+        service: Service<any, any>;
+        options?: Options<any, any> & {
+            page?: Object;
+            defaultParams?: any;
+            initParams?: any;
+        };
+        initParams?: any;
+    };
+    formColumns?: ProColumnProps[];
+    type?: 'radio' | 'checkbox';
+    withPagination?: boolean;
+    transformParams?: (params: Object) => Object;
+    transformResponse?: (data: Object[]) => Object[];
+    modalProps?: ModalProps & {
+        onOk?: OnOkFunction;
+    };
+    tableProps?: Record<string, any>;
+}
+interface ProModalPropsType {
+    configOption: ConfigOption;
+    onChange?: (value: number | string | undefined, option?: any) => void;
+    title: ModalProps['title'];
+    ref?: React.MutableRefObject<any>;
+    onFormat?: (value: Object) => string;
+    optionRender?: (value: Object) => string;
+    fieldNames?: any;
+    isView?: boolean;
+    customRender?: React.ReactNode;
+    viewEmpty?: React.ReactNode;
+    otherProps?: ProFormOtherProps;
+    labelInValue?: boolean;
+    beforeOpen?: any;
+    isTooltip?: any;
+    showCodeName?: boolean;
+}
+export declare type ProModalSelectPropsType = InputProps & ProModalPropsType;
+export {};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});