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

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

@@ -6,26 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
@@ -34,6 +19,7 @@ var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactSvg = require("react-svg");
 var _react = _interopRequireWildcard(require("react"));
@@ -46,6 +32,8 @@ var _utils = require("./utils");
 var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "afterOpen", "isTooltip", "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); }
 var ProModalSelect = function ProModalSelect(props, ref) {
   var _useRequest$options, _useRequest$options2, _useRequest$options2$, _useRequest$options3, _formColumns$;
   var value = props.value,
@@ -73,7 +61,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     defaultOne = props.defaultOne,
     otherProps = props.otherProps,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var contentForm = _form.default.useFormInstance();
+  var contentForm = _antd.Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
     throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
   }
@@ -128,7 +116,6 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       _value: value,
       isInit: true,
       onOff: false,
-      visible: false,
       open: false,
       options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || [],
       selectedRows: [],
@@ -139,13 +126,12 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     _value = _useSetState2$._value,
     isInit = _useSetState2$.isInit,
     onOff = _useSetState2$.onOff,
-    visible = _useSetState2$.visible,
     open = _useSetState2$.open,
     options = _useSetState2$.options,
     _selectedRows = _useSetState2$.selectedRows,
     _selectedRowKeys = _useSetState2$.selectedRowKeys,
     setState = _useSetState2[1];
-  var _Form$useForm = _form.default.useForm(searchForm),
+  var _Form$useForm = _antd.Form.useForm(searchForm),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var selectedRows = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || _selectedRows;
@@ -180,7 +166,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       transformResponse: transformResponse
     }, (0, _objectSpread5.default)({
       manual: true,
-      ready: (initParams || defaultOne) && !readOnly || visible
+      ready: (initParams || defaultOne) && !readOnly || open
     }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
     data = _useRequestList2.data,
     loading = _useRequestList2.loading,
@@ -281,37 +267,37 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     preValue.current = val;
   };
   var handleClick = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var _yield$beforeOpen, res;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref7 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _yield$beforeOpen, res, _t, _t2, _t3;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             if (disabled) {
-              _context.next = 14;
+              _context.n = 5;
               break;
             }
-            _context.next = 3;
+            _context.n = 1;
             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;
+          case 1:
+            _t2 = _yield$beforeOpen = _context.v;
+            _t = _t2 !== null;
+            if (!_t) {
+              _context.n = 2;
               break;
             }
-            _context.t0 = _yield$beforeOpen !== void 0;
-          case 7:
-            if (!_context.t0) {
-              _context.next = 11;
+            _t = _yield$beforeOpen !== void 0;
+          case 2:
+            if (!_t) {
+              _context.n = 3;
               break;
             }
-            _context.t2 = _yield$beforeOpen;
-            _context.next = 12;
+            _t3 = _yield$beforeOpen;
+            _context.n = 4;
             break;
-          case 11:
-            _context.t2 = true;
-          case 12:
-            res = _context.t2;
+          case 3:
+            _t3 = true;
+          case 4:
+            res = _t3;
             if (res) {
               setState({
                 onOff: true
@@ -322,9 +308,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 });
               }, 100);
             }
-          case 14:
-          case "end":
-            return _context.stop();
+          case 5:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -337,7 +322,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     form.resetFields();
     setState({
       onOff: false,
-      visible: false,
+      open: false,
       isInit: false
     });
     // 当设置manual为true时，清空当前弹框内已搜索出来的值
@@ -348,19 +333,19 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     }
   };
   var handleFinish = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
-      var _nextSelectedRows, _nextSelectedRows2, nextSelectedRows, record, flag, res;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref8 = (0, _asyncToGenerator2.default)(/*#__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) {
           case 0:
-            _context2.prev = 0;
+            _context2.p = 0;
             if (!(!(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || !(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length))) {
-              _context2.next = 4;
+              _context2.n = 1;
               break;
             }
-            _message2.default.error(_locale.default.ProModalSelect.checkMsg);
-            return _context2.abrupt("return", false);
-          case 4:
+            _antd.message.error(_locale.default.ProModalSelect.checkMsg);
+            return _context2.a(2, false);
+          case 1:
             nextSelectedRows = selectedRows;
             if (!((_nextSelectedRows = nextSelectedRows) === null || _nextSelectedRows === void 0 ? void 0 : _nextSelectedRows[0])) {
               nextSelectedRows = data.filter(function (item) {
@@ -376,18 +361,18 @@ var ProModalSelect = function ProModalSelect(props, ref) {
             }
             flag = true;
             if (!onOk) {
-              _context2.next = 14;
+              _context2.n = 3;
               break;
             }
-            _context2.next = 12;
+            _context2.n = 2;
             return onOk(record);
-          case 12:
-            res = _context2.sent;
+          case 2:
+            res = _context2.v;
             if (res !== null && res !== undefined) {
               // @ts-ignore
               flag = res;
             }
-          case 14:
+          case 3:
             if (flag) {
               onChange === null || onChange === void 0 ? void 0 : onChange(labelInValue ? record : getNextValues(record), record);
               preValue.current = labelInValue ? record : getNextValues(record);
@@ -398,37 +383,35 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               });
               handleClose();
             }
-            return _context2.abrupt("return", flag);
-          case 18:
-            _context2.prev = 18;
-            _context2.t0 = _context2["catch"](0);
-            console.warn('error', _context2.t0);
-          case 21:
-          case "end":
-            return _context2.stop();
+            return _context2.a(2, flag);
+          case 4:
+            _context2.p = 4;
+            _t4 = _context2.v;
+            console.warn('error', _t4);
+          case 5:
+            return _context2.a(2);
         }
-      }, _callee2, null, [[0, 18]]);
+      }, _callee2, null, [[0, 4]]);
     }));
     return function handleFinish() {
       return _ref8.apply(this, arguments);
     };
   }();
   var handleSearch = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+    var _ref9 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee3() {
       var values;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
           case 0:
-            _context3.next = 2;
+            _context3.n = 1;
             return form.validateFields();
-          case 2:
-            values = _context3.sent;
+          case 1:
+            values = _context3.v;
             onSearch((0, _objectSpread5.default)((0, _objectSpread5.default)({}, values), {}, {
               d: Date.now()
             }));
-          case 4:
-          case "end":
-            return _context3.stop();
+          case 2:
+            return _context3.a(2);
         }
       }, _callee3);
     }));
@@ -487,13 +470,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   };
   // 初始化回显，当传入initParams时，前端用来回险
   var getInitValues = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+    var _ref0 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee4() {
       var _useRequest$options5, queryBean, page, params, res, _res$data2, _list, list, _data, nextSelectRowKeys;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
           case 0:
             if (!(initParams || defaultOne)) {
-              _context4.next = 9;
+              _context4.n = 2;
               break;
             }
             queryBean = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, defaultParams), initParams || {});
@@ -505,10 +488,10 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
             }) : queryBean;
             params = transformParams ? transformParams(params) : params;
-            _context4.next = 7;
+            _context4.n = 1;
             return runAsync(params);
-          case 7:
-            res = _context4.sent;
+          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;
               if (transformResponse) {
@@ -536,23 +519,22 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 });
               }
             }
-          case 9:
-          case "end":
-            return _context4.stop();
+          case 2:
+            return _context4.a(2);
         }
       }, _callee4);
     }));
     return function getInitValues() {
-      return _ref10.apply(this, arguments);
+      return _ref0.apply(this, arguments);
     };
   }();
   // 初始化回显，当传入initParams时，前端用来回险
   var getDefaultOneValues = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee5() {
+    var _ref1 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee5() {
       var _useRequest$options6;
       var queryBean, page, params, res, _res$data3, _list2, list, _data2, nextSelectRowKeys;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regenerator().w(function (_context5) {
+        while (1) switch (_context5.n) {
           case 0:
             queryBean = (0, _objectSpread5.default)({}, defaultParams);
             page = (0, _objectSpread5.default)({
@@ -563,10 +545,10 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
             }) : queryBean;
             params = transformParams ? transformParams(params) : params;
-            _context5.next = 6;
+            _context5.n = 1;
             return runAsync(params);
-          case 6:
-            res = _context5.sent;
+          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;
               if (transformResponse) {
@@ -593,14 +575,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
                 selectedRowKeys: nextSelectRowKeys
               });
             }
-          case 8:
-          case "end":
-            return _context5.stop();
+          case 2:
+            return _context5.a(2);
         }
       }, _callee5);
     }));
     return function getDefaultOneValues() {
-      return _ref11.apply(this, arguments);
+      return _ref1.apply(this, arguments);
     };
   }();
   (0, _react.useImperativeHandle)(ref, function () {
@@ -632,13 +613,13 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     }
   });
   (0, _react.useEffect)(function () {
-    if (onOff && !visible) {
+    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) {
         onReset();
       }
       var nextState = {
-        visible: true
+        open: true
       };
       if (labelInValue) {
         if (!value) {
@@ -666,17 +647,17 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       }
       setState(nextState);
     }
-  }, [onOff, visible, JSON.stringify(value)]);
+  }, [onOff, open, JSON.stringify(value)]);
   (0, _react.useEffect)(function () {
-    (0, _utils.hideTooltipIfOpen)(fieldRef.current, visible);
-  }, [visible]);
+    (0, _utils.hideTooltipIfOpen)(fieldRef.current, open);
+  }, [open]);
   (0, _react.useEffect)(function () {
-    if (value && !visible && isInit && !readOnly) {
+    if (value && !open && isInit && !readOnly) {
       getInitValues();
     }
-  }, [JSON.stringify(value), visible, isInit]);
+  }, [JSON.stringify(value), open, isInit]);
   (0, _ahooks.useDebounceEffect)(function () {
-    if (value && !visible && readOnly && (!(0, _isEqual2.default)(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
+    if (value && !open && readOnly && (!(0, _isEqual2.default)(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;
@@ -699,7 +680,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         }, 300);
       }
     }
-  }, [JSON.stringify(value), visible, JSON.stringify(defaultParams), JSON.stringify(initParams), options === null || options === void 0 ? void 0 : options.length]);
+  }, [JSON.stringify(value), open, JSON.stringify(defaultParams), JSON.stringify(initParams), options === null || options === void 0 ? void 0 : options.length]);
   var handleSelectFocus = function handleSelectFocus() {
     if (useRequest) {
       var queryBean = defaultParams || {};
@@ -761,7 +742,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     }
   }, [value, _value]);
   // 加个中间状态Input
-  var initRender = (0, _jsxRuntime.jsxs)(_space.default.Compact, {
+  var initRender = (0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
     style: {
       width: '100%'
     },
@@ -777,7 +758,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       optionRender: optionRender,
       scrollFollowParent: false,
       mode: isMultiple ? 'multiple' : undefined,
-      notFoundContent: selectLoading ? (0, _jsxRuntime.jsx)(_spin.default, {
+      notFoundContent: selectLoading ? (0, _jsxRuntime.jsx)(_antd.Spin, {
         size: "small"
       }) : null,
       onFocus: handleSelectFocus,
@@ -785,17 +766,17 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       style: {
         width: isView || disabled ? '100%' : 'calc(100% - 30px)'
       }
-    }, restProps)) : (0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread5.default)({
+    }, restProps)) : (0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread5.default)({
       value: viewText,
       onChange: handleChangeValue,
       disabled: disabled,
       autoComplete: "off",
       allowClear: true
-    }, restProps)), isView || disabled ? null : (0, _jsxRuntime.jsx)(_button.default, {
+    }, restProps)), isView || disabled ? null : (0, _jsxRuntime.jsx)(_antd.Button, {
+      onClick: handleClick,
       icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
         className: "viewSvg",
-        src: _view.default,
-        onClick: handleClick
+        src: _view.default
       })
     })]
   });
@@ -871,14 +852,14 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   }
   var _className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
     'pro-modal-select': true
-  }, props.className, props.className), 'pro-modal-select-open', visible));
+  }, props.className, props.className), 'pro-modal-select-open', open));
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)("div", {
       id: uuid,
       className: _className,
       style: style,
       ref: fieldRef,
-      children: isTooltip && viewText ? (0, _jsxRuntime.jsx)(_tooltip.default, {
+      children: isTooltip && viewText ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
         placement: "topLeft",
         open: open,
         title: viewText,
@@ -890,7 +871,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       onOk: handleFinish,
       // @ts-ignore
       onCancel: handleClose,
-      open: visible
+      open: open
     }, restModalProps), {}, {
       children: [(0, _jsxRuntime.jsx)(_index.ProForm, {
         submitOnEnter: true,

package/lib/ProForm/components/combination/ProModalSelect/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-modal-select,
 .pro-tree-modal {
@@ -59,9 +59,9 @@
     border-bottom-right-radius: 0;
     &.@{ant-prefix}-input-affix-wrapper-status-error{
        & + .@{ant-prefix}-btn{
-        border: 1px solid var(--ant-error-color);
+        border: 1px solid #ff4d4f;
         >.viewSvg{
-          color: var(--ant-error-color);
+          color: #ff4d4f;
         }
       }
     }
@@ -81,7 +81,9 @@
   .@{ant-prefix}-btn-compact-item.@{ant-prefix}-btn.@{ant-prefix}-btn-compact-last-item:not(.@{ant-prefix}-btn-compact-first-item):not(.@{ant-prefix}-btn-compact-item-rtl){
     &:hover{
       position: relative;
+      z-index: 1;
       transition: none;
+      border-color: var(--ant-primary-color-hover, #1677ff) !important;
       &::before{
         opacity: 1;
       }
@@ -93,16 +95,13 @@
       left: -1px;
       width: 1px;
       height: calc(100% + 2px);
-      background:var(--ant-primary-color-hover);
+      background: var(--ant-primary-color-hover, #1677ff);
       opacity: 0;
       display: block;
+      z-index: 2;
     }
   }
 
-  .@{ant-prefix}-input-affix-wrapper-status-error{
-    
-  }
-
 
   .@{ant-prefix}-input-group-wrapper-status-error {
     &:hover {
@@ -132,7 +131,7 @@
   }
 
   .viewSvg {
-    height: 20px;
+    height: 16px;
     cursor: pointer;
     fill: #c5c7cd;
   }
@@ -140,11 +139,11 @@
   .@{ant-prefix}-space-compact {
     .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
       & + .@{ant-prefix}-btn-compact-last-item {
-        border-top: 1px solid var(--ant-error-color);
-        border-right: 1px solid var(--ant-error-color);
-        border-bottom: 1px solid var(--ant-error-color);
+        border-top: 1px solid #ff4d4f;
+        border-right: 1px solid #ff4d4f;
+        border-bottom: 1px solid #ff4d4f;
         >.viewSvg{
-          color: var(--ant-error-color);
+          color: #ff4d4f;
         }
       }
     }

package/lib/ProForm/components/combination/ProNumberRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProNumberRangeType } from './propsType';
-declare const ProNumberRange: (props: ProNumberRangeType) => any;
-export default ProNumberRange;
+declare const _default: import("react").MemoExoticComponent<(props: ProNumberRangeType) => any>;
+export default _default;

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

@@ -5,20 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/input-number/style");
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("@zat-design/utils");
 var _Container = _interopRequireDefault(require("../../Container"));
@@ -186,10 +181,10 @@ var ProNumberRange = function ProNumberRange(props) {
     }
     return result;
   };
-  return (0, _jsxRuntime.jsx)(_space.default, {
+  return (0, _jsxRuntime.jsx)(_antd.Space, {
     className: cls,
-    children: (0, _jsxRuntime.jsxs)(_space.default.Compact, {
-      children: [(0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: (0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+      children: [(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         id: id,
         className: "range-left",
         value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
@@ -202,18 +197,18 @@ var ProNumberRange = function ProNumberRange(props) {
       }, valueProps), {}, {
         min: min !== null && min !== void 0 ? min : (_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.min,
         max: (_ref2 = (_ref3 = (_value$ = value === null || value === void 0 ? void 0 : value[1]) !== null && _value$ !== void 0 ? _value$ : range[1]) !== null && _ref3 !== void 0 ? _ref3 : max) !== null && _ref2 !== void 0 ? _ref2 : (_valueProps2 = valueProps) === null || _valueProps2 === void 0 ? void 0 : _valueProps2.max
-      }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), addonBefore ? (0, _jsxRuntime.jsx)(_button.default, {
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), addonBefore ? (0, _jsxRuntime.jsx)(_antd.Button, {
         disabled: true,
         className: "range-addon-before",
         children: addonBefore
-      }) : null, (0, _jsxRuntime.jsx)(_input.default, {
+      }) : null, (0, _jsxRuntime.jsx)(_antd.Input, {
         className: (0, _classnames.default)({
           'range-split': true,
           'range-split-disabled': !!disabled
         }),
         placeholder: "~",
         disabled: true
-      }), (0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      }), (0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         className: "range-right",
         value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
         placeholder: "".concat(_locale.default.ProForm.inputPlaceholder),
@@ -225,7 +220,7 @@ var ProNumberRange = function ProNumberRange(props) {
       }, valueProps), {}, {
         min: (_ref4 = (_ref5 = (_value$2 = value === null || value === void 0 ? void 0 : value[0]) !== null && _value$2 !== void 0 ? _value$2 : range[0]) !== null && _ref5 !== void 0 ? _ref5 : min) !== null && _ref4 !== void 0 ? _ref4 : (_valueProps3 = valueProps) === null || _valueProps3 === void 0 ? void 0 : _valueProps3.min,
         max: max !== null && max !== void 0 ? max : (_valueProps4 = valueProps) === null || _valueProps4 === void 0 ? void 0 : _valueProps4.max
-      }, childProps === null || childProps === void 0 ? void 0 : childProps[1])), addonAfter ? (0, _jsxRuntime.jsx)(_button.default, {
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[1])), addonAfter ? (0, _jsxRuntime.jsx)(_antd.Button, {
         disabled: true,
         className: "range-addon-after",
         children: addonAfter
@@ -233,4 +228,10 @@ var ProNumberRange = function ProNumberRange(props) {
     })
   });
 };
-var _default = exports.default = ProNumberRange;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProNumberRange, function (prevProps, nextProps) {
+  // 基本props比较 只比较关键的
+  if (!(0, _isEqual2.default)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.value, nextProps === null || nextProps === void 0 ? void 0 : nextProps.value) || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.disabled) !== (nextProps === null || nextProps === void 0 ? void 0 : nextProps.disabled) || !(0, _isEqual2.default)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.childProps, nextProps === null || nextProps === void 0 ? void 0 : nextProps.childProps)) {
+    return false;
+  }
+  return true;
+});