@fle-ui/plus-table 1.2.28 → 1.2.30-beta.1

package/lib/index.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _proComponents = require("@ant-design/pro-components");
 var _antd = require("antd");
-var _index = _interopRequireDefault(require("./FormSearch/index"));
+var _index = _interopRequireDefault(require("./components/FormSearch/index"));
 var _icons = require("@ant-design/icons");
 var _common = require("./utils/common");
-require("./FormSearch/index.less");
-var _excluded = ["columns", "hasShowFull", "request", "pagination", "formRef", "actionRef", "defaultColumnsState", "options", "action", "showDefaultSetting"];
+require("./components/FormSearch/index.less");
+var _excluded = ["columns", "hasShowFull", "request", "pagination", "formRef", "actionRef", "defaultColumnsState", "options", "action", "search", "showDefaultSetting"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -33,8 +33,22 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+// 常量定义
+var CONSTANTS = {
+  DRAWER_WIDTH: 380,
+  DEFAULT_TOP: 92,
+  RELOAD_DELAY: 100,
+  SEARCH_SPAN: {
+    xs: 12,
+    sm: 12,
+    md: 12,
+    lg: 12,
+    xl: 8,
+    xxl: 6
+  },
+  LABEL_WIDTH: 80
+};
 function PlusTable(props, ref) {
-  var _otherProps$scroll;
   var columns = props.columns,
     _props$hasShowFull = props.hasShowFull,
     hasShowFull = _props$hasShowFull === void 0 ? true : _props$hasShowFull,
@@ -46,6 +60,7 @@ function PlusTable(props, ref) {
     _props$options = props.options,
     options = _props$options === void 0 ? {} : _props$options,
     action = props.action,
+    search = props.search,
     _props$showDefaultSet = props.showDefaultSetting,
     showDefaultSetting = _props$showDefaultSet === void 0 ? true : _props$showDefaultSet,
     otherProps = _objectWithoutProperties(props, _excluded);
@@ -63,296 +78,401 @@ function PlusTable(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     columnsStateMap = _useState6[0],
     setColumnsStateMap = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isLoading = _useState8[0],
+    setIsLoading = _useState8[1];
   var actionRef = (0, _react.useRef)();
   (0, _react.useImperativeHandle)(propsActionRef, function () {
     return actionRef.current;
   });
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      getFieldsValue: function () {
-        var _getFieldsValue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var _searchRef$current, _drawFormRef$current;
-          var res1, res2, res;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.getFieldsValue();
-              case 2:
-                res1 = _context.sent;
-                _context.next = 5;
-                return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current = drawFormRef.current) === null || _drawFormRef$current === void 0 ? void 0 : _drawFormRef$current.getFieldsValue();
-              case 5:
-                res2 = _context.sent;
-                res = _objectSpread(_objectSpread({}, dealFetchParams(_objectSpread(_objectSpread({}, res1), res2))), {}, {
-                  showFull: showFull
-                });
-                return _context.abrupt("return", res);
-              case 8:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function getFieldsValue() {
-          return _getFieldsValue.apply(this, arguments);
-        }
-        return getFieldsValue;
-      }(),
-      setFiledsValue: function () {
-        var _setFiledsValue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
-          var _searchRef$current2, _drawFormRef$current2;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.setFieldsValue(params);
-              case 2:
-                _context2.next = 4;
-                return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current2 = drawFormRef.current) === null || _drawFormRef$current2 === void 0 ? void 0 : _drawFormRef$current2.setFieldsValue(params);
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function setFiledsValue(_x) {
-          return _setFiledsValue.apply(this, arguments);
-        }
-        return setFiledsValue;
-      }(),
-      setFiledValue: function () {
-        var _setFiledValue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(key, value) {
-          var _searchRef$current3, _drawFormRef$current3;
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.setFieldValue(key, value);
-              case 2:
-                _context3.next = 4;
-                return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current3 = drawFormRef.current) === null || _drawFormRef$current3 === void 0 ? void 0 : _drawFormRef$current3.setFieldValue(key, value);
-              case 4:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function setFiledValue(_x2, _x3) {
-          return _setFiledValue.apply(this, arguments);
-        }
-        return setFiledValue;
-      }()
-    };
-  });
-  var handleOnChangeColumn = function handleOnChangeColumn(map) {
-    // 列设置更新
-    setColumnsStateMap(function (columnsStateMap) {
-      var newObj = {};
-      for (var key in map) {
-        newObj[key] = _objectSpread(_objectSpread({}, columnsStateMap[key]), map[key]);
+  // 优化：使用 useCallback 避免重复创建函数
+  var getFieldsValue = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _searchRef$current, _drawFormRef$current, res1, res2;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.getFieldsValue();
+        case 3:
+          res1 = _context.sent;
+          _context.next = 6;
+          return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current = drawFormRef.current) === null || _drawFormRef$current === void 0 ? void 0 : _drawFormRef$current.getFieldsValue();
+        case 6:
+          res2 = _context.sent;
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, dealFetchParams(_objectSpread(_objectSpread({}, res1), res2))), {}, {
+            showFull: showFull
+          }));
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](0);
+          console.error('获取字段值失败:', _context.t0);
+          return _context.abrupt("return", {});
+        case 14:
+        case "end":
+          return _context.stop();
       }
-      return newObj;
-    });
-  };
-  var handleSave = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    }, _callee, null, [[0, 10]]);
+  })), [showFull]);
+  var setFiledsValue = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
+      var _searchRef$current2, _drawFormRef$current2;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!props.updateSetting) {
-              _context4.next = 4;
-              break;
-            }
-            _context4.next = 3;
-            return props.updateSetting(columnsStateMap);
+            _context2.prev = 0;
+            _context2.next = 3;
+            return Promise.all([searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.setFieldsValue(params), drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current2 = drawFormRef.current) === null || _drawFormRef$current2 === void 0 ? void 0 : _drawFormRef$current2.setFieldsValue(params)]);
           case 3:
-            (0, _common.simulateClick)();
-          case 4:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function handleSave() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var handleReset = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-      var _props$resetSetting;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            return _context5.abrupt("return", (_props$resetSetting = props.resetSetting) === null || _props$resetSetting === void 0 ? void 0 : _props$resetSetting.call(props).then(function (res) {
-              res.success && init();
-            }));
-          case 1:
+            _context2.next = 8;
+            break;
+          case 5:
+            _context2.prev = 5;
+            _context2.t0 = _context2["catch"](0);
+            console.error('设置字段值失败:', _context2.t0);
+          case 8:
           case "end":
-            return _context5.stop();
+            return _context2.stop();
         }
-      }, _callee5);
+      }, _callee2, null, [[0, 5]]);
     }));
-    return function handleReset() {
+    return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }();
-  var init = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var _props$fetchSetting, res;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+  }(), []);
+  var setFiledValue = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(key, value) {
+      var _searchRef$current3, _drawFormRef$current3;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            if (!props.fetchSetting) {
-              _context6.next = 5;
-              break;
-            }
-            _context6.next = 3;
-            return (_props$fetchSetting = props.fetchSetting) === null || _props$fetchSetting === void 0 ? void 0 : _props$fetchSetting.call(props);
+            _context3.prev = 0;
+            _context3.next = 3;
+            return Promise.all([searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.setFieldValue(key, value), drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current3 = drawFormRef.current) === null || _drawFormRef$current3 === void 0 ? void 0 : _drawFormRef$current3.setFieldValue(key, value)]);
           case 3:
-            res = _context6.sent;
-            setColumnsStateMap(res);
+            _context3.next = 8;
+            break;
           case 5:
+            _context3.prev = 5;
+            _context3.t0 = _context3["catch"](0);
+            console.error('设置字段值失败:', _context3.t0);
+          case 8:
           case "end":
-            return _context6.stop();
+            return _context3.stop();
         }
-      }, _callee6);
+      }, _callee3, null, [[0, 5]]);
     }));
-    return function init() {
+    return function (_x2, _x3) {
       return _ref3.apply(this, arguments);
     };
-  }();
-  var onValuesChange = function onValuesChange(changeValue, allValue) {
-    var _searchRef$current4;
-    searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.setFieldsValue(drawFormRef.current.getFieldsValue());
-  };
-  var handleSearchAll = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(searchConfig) {
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+  }(), []);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getFieldsValue: getFieldsValue,
+      setFiledsValue: setFiledsValue,
+      setFiledValue: setFiledValue
+    };
+  });
+  // 优化：使用 useCallback 避免重复创建函数
+  var handleOnChangeColumn = (0, _react.useCallback)(function (map) {
+    setColumnsStateMap(function (prevState) {
+      var newObj = {};
+      for (var key in map) {
+        if (Object.prototype.hasOwnProperty.call(map, key)) {
+          newObj[key] = _objectSpread(_objectSpread({}, prevState[key]), map[key]);
+        }
+      }
+      return newObj;
+    });
+  }, []);
+  var handleSave = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!props.updateSetting) {
+            _context4.next = 14;
+            break;
+          }
+          _context4.prev = 1;
+          setIsLoading(true);
+          _context4.next = 5;
+          return props.updateSetting(columnsStateMap);
+        case 5:
+          (0, _common.simulateClick)();
+          _context4.next = 11;
+          break;
+        case 8:
+          _context4.prev = 8;
+          _context4.t0 = _context4["catch"](1);
+          console.error('保存列设置失败:', _context4.t0);
+        case 11:
+          _context4.prev = 11;
+          setIsLoading(false);
+          return _context4.finish(11);
+        case 14:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[1, 8, 11, 14]]);
+  })), [props.updateSetting, columnsStateMap]);
+  var handleReset = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _props$resetSetting, res, fetchRes;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.prev = 0;
+          _context5.next = 3;
+          return (_props$resetSetting = props.resetSetting) === null || _props$resetSetting === void 0 ? void 0 : _props$resetSetting.call(props);
+        case 3:
+          res = _context5.sent;
+          if (!((res === null || res === void 0 ? void 0 : res.success) && props.fetchSetting)) {
+            _context5.next = 9;
+            break;
+          }
+          _context5.next = 7;
+          return props.fetchSetting();
+        case 7:
+          fetchRes = _context5.sent;
+          setColumnsStateMap(fetchRes);
+        case 9:
+          _context5.next = 14;
+          break;
+        case 11:
+          _context5.prev = 11;
+          _context5.t0 = _context5["catch"](0);
+          console.error('重置列设置失败:', _context5.t0);
+        case 14:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5, null, [[0, 11]]);
+  })), [props.resetSetting, props.fetchSetting]);
+  var onValuesChange = (0, _react.useCallback)(function (changeValue, allValue) {
+    try {
+      var _drawFormRef$current4;
+      var currentValues = (_drawFormRef$current4 = drawFormRef.current) === null || _drawFormRef$current4 === void 0 ? void 0 : _drawFormRef$current4.getFieldsValue();
+      if (currentValues) {
+        var _searchRef$current4;
+        searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.setFieldsValue(currentValues);
+      }
+    } catch (error) {
+      console.error('同步表单值失败:', error);
+    }
+  }, []);
+  var handleSearchAll = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(searchConfig) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            searchConfig.form.submit();
+            try {
+              searchConfig.form.submit();
+            } catch (error) {
+              console.error('搜索失败:', error);
+            }
           case 1:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
-      }, _callee7);
+      }, _callee6);
     }));
-    return function handleSearchAll(_x4) {
-      return _ref4.apply(this, arguments);
+    return function (_x4) {
+      return _ref6.apply(this, arguments);
     };
-  }();
-  (0, _react.useEffect)(function () {
-    init();
+  }(), []);
+  var handleShowFullChange = (0, _react.useCallback)(function (e) {
+    setShowFull(e.target.checked);
+    // 优化：使用 requestAnimationFrame 替代 setTimeout
+    requestAnimationFrame(function () {
+      var _actionRef$current, _actionRef$current$re;
+      (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.reload) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current);
+    });
+  }, []);
+  var handleAdvancedFilterClick = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+    var newDrawerState, _searchRef$current5, _drawFormRef$current5, fieldsValue;
+    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _context7.prev = 0;
+          newDrawerState = !searchDrawer;
+          setSearchDrawer(newDrawerState);
+          if (!newDrawerState) {
+            _context7.next = 8;
+            break;
+          }
+          _context7.next = 6;
+          return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.getFieldsValue();
+        case 6:
+          fieldsValue = _context7.sent;
+          drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current5 = drawFormRef.current) === null || _drawFormRef$current5 === void 0 ? void 0 : _drawFormRef$current5.setFieldsValue(fieldsValue);
+        case 8:
+          _context7.next = 13;
+          break;
+        case 10:
+          _context7.prev = 10;
+          _context7.t0 = _context7["catch"](0);
+          console.error('切换高级筛选失败:', _context7.t0);
+        case 13:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7, null, [[0, 10]]);
+  })), [searchDrawer]);
+  var handleResetForm = (0, _react.useCallback)(function () {
+    try {
+      var _drawFormRef$current6, _actionRef$current2, _actionRef$current2$r, _actionRef$current3, _actionRef$current3$r;
+      drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current6 = drawFormRef.current) === null || _drawFormRef$current6 === void 0 ? void 0 : _drawFormRef$current6.resetFields();
+      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$r = _actionRef$current2.reset) === null || _actionRef$current2$r === void 0 ? void 0 : _actionRef$current2$r.call(_actionRef$current2);
+      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$r = _actionRef$current3.reload) === null || _actionRef$current3$r === void 0 ? void 0 : _actionRef$current3$r.call(_actionRef$current3);
+    } catch (error) {
+      console.error('重置表单失败:', error);
+    }
   }, []);
-  var dealFetchParams = function dealFetchParams(params) {
-    // 处理transform中的函数处理
+  // 修复死循环：只在组件挂载时执行一次，不依赖 init 函数
+  (0, _react.useEffect)(function () {
+    // 组件挂载时执行一次初始化
+    if (props.fetchSetting) {
+      props.fetchSetting().then(function (res) {
+        setColumnsStateMap(res);
+      }).catch(function (error) {
+        console.error('获取列设置失败:', error);
+      });
+    }
+  }, []); // 空依赖数组，只在挂载时执行一次
+  // 优化：使用 useMemo 缓存计算结果
+  var dealFetchParams = (0, _react.useCallback)(function (params) {
     var fetchParams = {};
     columns.forEach(function (item) {
-      var _item$search;
-      if ((item === null || item === void 0 ? void 0 : (_item$search = item.search) === null || _item$search === void 0 ? void 0 : _item$search.transform) && params[item.dataIndex]) {
-        fetchParams = _objectSpread(_objectSpread({}, fetchParams), item.search.transform(params[item.dataIndex]));
+      var dataIndex = item.dataIndex;
+      if ((item === null || item === void 0 ? void 0 : item.search) && _typeof(item.search) === 'object' && item.search.transform && params[dataIndex]) {
+        var transformResult = item.search.transform(params[dataIndex], dataIndex, params);
+        if (transformResult && _typeof(transformResult) === 'object') {
+          Object.assign(fetchParams, transformResult);
+        }
       } else {
-        fetchParams = _objectSpread(_objectSpread({}, fetchParams), {}, _defineProperty({}, item.dataIndex, params[item.dataIndex]));
+        fetchParams[dataIndex] = params[dataIndex];
       }
     });
     return fetchParams;
-  };
-  var columnsState = {
-    //列设置
-    defaultValue: defaultColumnsState,
-    value: columnsStateMap,
-    onChange: handleOnChangeColumn //列状态的值发生改变之后触发
-  };
-  var propsRequest = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(params, sort, filter) {
-      var _searchRef$current5, _drawFormRef$current4;
-      var res1, res2, res;
+  }, [columns]);
+  // 优化：使用 useMemo 缓存列状态配置
+  var columnsState = (0, _react.useMemo)(function () {
+    return {
+      defaultValue: defaultColumnsState,
+      value: columnsStateMap,
+      onChange: handleOnChangeColumn
+    };
+  }, [defaultColumnsState, columnsStateMap, handleOnChangeColumn]);
+  // 优化：使用 useCallback 缓存请求函数
+  var propsRequest = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(params, sort, filter) {
+      var _searchRef$current6, _drawFormRef$current7, res1, res2;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            _context8.next = 2;
-            return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.getFieldsValue();
-          case 2:
+            _context8.prev = 0;
+            _context8.next = 3;
+            return searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current6 = searchRef.current) === null || _searchRef$current6 === void 0 ? void 0 : _searchRef$current6.getFieldsValue();
+          case 3:
             res1 = _context8.sent;
-            _context8.next = 5;
-            return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current4 = drawFormRef.current) === null || _drawFormRef$current4 === void 0 ? void 0 : _drawFormRef$current4.getFieldsValue();
-          case 5:
+            _context8.next = 6;
+            return drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current7 = drawFormRef.current) === null || _drawFormRef$current7 === void 0 ? void 0 : _drawFormRef$current7.getFieldsValue();
+          case 6:
             res2 = _context8.sent;
-            if (!request) {
-              _context8.next = 12;
+            if (request) {
+              _context8.next = 9;
               break;
             }
-            _context8.next = 9;
+            return _context8.abrupt("return", {});
+          case 9:
+            _context8.next = 11;
             return request(_objectSpread(_objectSpread(_objectSpread({}, params), dealFetchParams(_objectSpread(_objectSpread(_objectSpread({}, res1), res2), params))), {}, {
               showFull: showFull
             }), sort, filter);
-          case 9:
-            _context8.t0 = _context8.sent;
-            _context8.next = 13;
-            break;
-          case 12:
-            _context8.t0 = {};
-          case 13:
-            res = _context8.t0;
-            return _context8.abrupt("return", res);
-          case 15:
+          case 11:
+            return _context8.abrupt("return", _context8.sent);
+          case 14:
+            _context8.prev = 14;
+            _context8.t0 = _context8["catch"](0);
+            console.error('请求数据失败:', _context8.t0);
+            return _context8.abrupt("return", {});
+          case 18:
           case "end":
             return _context8.stop();
         }
-      }, _callee8);
+      }, _callee8, null, [[0, 14]]);
     }));
-    return function propsRequest(_x5, _x6, _x7) {
-      return _ref5.apply(this, arguments);
+    return function (_x5, _x6, _x7) {
+      return _ref8.apply(this, arguments);
     };
-  }();
-  var optionsSetting = _typeof(options) === 'object' && _typeof(options.setting) === 'object' ? options.setting : {};
-  var __options = (action === null || action === void 0 ? void 0 : action.includes('columnSetting')) && showDefaultSetting !== true ? _objectSpread(_objectSpread({}, options), {}, {
-    setting: _objectSpread(_objectSpread({}, optionsSetting), {}, {
-      checkedReset: false,
-      showListItemOption: true,
-      extra: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
-        onClick: function onClick() {
-          return handleSave();
-        }
-      }, "\u4FDD\u5B58"), /*#__PURE__*/_react.default.createElement("a", {
-        style: {
-          color: '#333'
-        },
-        onClick: function onClick() {
-          return handleReset();
-        }
-      }, "\u91CD\u7F6E"))
-    })
-  }) : options;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "page_plustable__body"
-  }, /*#__PURE__*/_react.default.createElement(_proComponents.ProTable, _extends({
-    scroll: {
-      x: (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$scroll = otherProps.scroll) === null || _otherProps$scroll === void 0 ? void 0 : _otherProps$scroll.x) || 1300
+  }(), [request, dealFetchParams, showFull]);
+  // 优化：使用 useMemo 缓存选项配置
+  var __options = (0, _react.useMemo)(function () {
+    var optionsSetting = _typeof(options) === 'object' && _typeof(options.setting) === 'object' ? options.setting : {};
+    console.log(action === null || action === void 0 ? void 0 : action.includes('columnSetting'), showDefaultSetting !== true);
+    if ((action === null || action === void 0 ? void 0 : action.includes('columnSetting')) && showDefaultSetting !== true) {
+      return _objectSpread(_objectSpread({}, options), {}, {
+        setting: _objectSpread(_objectSpread({}, optionsSetting), {}, {
+          checkedReset: false,
+          showListItemOption: true,
+          extra: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
+            onClick: handleSave,
+            style: {
+              cursor: isLoading ? 'not-allowed' : 'pointer',
+              opacity: isLoading ? 0.6 : 1,
+              pointerEvents: isLoading ? 'none' : 'auto'
+            }
+          }, isLoading ? '保存中...' : '保存'), /*#__PURE__*/_react.default.createElement("a", {
+            style: {
+              color: '#333'
+            },
+            onClick: handleReset
+          }, "\u91CD\u7F6E"))
+        })
+      });
     }
-    // 公共配置 大家都有的
-    ,
-    pagination: _objectSpread({
-      size: 'default'
-    }, pagination),
-    actionRef: actionRef,
-    formRef: searchRef
-    // 根据用户自定义的配置 如果配置了高级筛选就有这个配置
-    ,
-    search: (action === null || action === void 0 ? void 0 : action.includes('advancedFilter')) ? {
-      span: {
-        xs: 12,
-        sm: 12,
-        md: 12,
-        lg: 12,
-        xl: 8,
-        xxl: 6
-      },
-      labelWidth: 80,
-      onCollapse: function onCollapse() {
-        // 执行展开和关闭动作
-      },
+    return options;
+  }, [options, action, showDefaultSetting, handleSave, handleReset, isLoading]);
+  // 优化：使用 useMemo 缓存列配置
+  var processedColumns = (0, _react.useMemo)(function () {
+    if (!(action === null || action === void 0 ? void 0 : action.includes('advancedFilter'))) {
+      return columns;
+    }
+    return columns.map(function (item) {
+      if (item.baseSearch) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          search: item.search,
+          fieldProps: _objectSpread({
+            onChange: function onChange(e) {
+              try {
+                if (e) {
+                  var _drawFormRef$current8;
+                  var value = e.target ? e.target.value : e;
+                  drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current8 = drawFormRef.current) === null || _drawFormRef$current8 === void 0 ? void 0 : _drawFormRef$current8.setFieldsValue(_defineProperty({}, item.dataIndex, value));
+                } else {
+                  var _drawFormRef$current10;
+                  drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current10 = drawFormRef.current) === null || _drawFormRef$current10 === void 0 ? void 0 : _drawFormRef$current10.resetFields([item.dataIndex]);
+                }
+              } catch (error) {
+                console.error('字段值变更处理失败:', error);
+              }
+            }
+          }, item.fieldProps)
+        });
+      }
+      return _objectSpread(_objectSpread({}, item), {}, {
+        search: false
+      });
+    });
+  }, [columns, action]);
+  // 优化：使用 useMemo 缓存搜索配置
+  var searchConfig = (0, _react.useMemo)(function () {
+    if (!(action === null || action === void 0 ? void 0 : action.includes('advancedFilter'))) {
+      return props.search;
+    }
+    return _objectSpread(_objectSpread({}, search), {}, {
+      span: CONSTANTS.SEARCH_SPAN,
+      labelWidth: CONSTANTS.LABEL_WIDTH,
       collapseRender: function collapseRender() {
         return null;
       },
@@ -362,17 +482,12 @@ function PlusTable(props, ref) {
           size: "middle",
           type: "primary",
           onClick: function onClick() {
-            handleSearchAll(searchConfig);
+            return handleSearchAll(searchConfig);
           }
         }, "\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
           key: "2",
           type: "default",
-          onClick: function onClick() {
-            var _drawFormRef$current5, _actionRef$current, _actionRef$current$re, _actionRef$current2, _actionRef$current2$r;
-            drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current5 = drawFormRef.current) === null || _drawFormRef$current5 === void 0 ? void 0 : _drawFormRef$current5.resetFields();
-            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.reset) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current);
-            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$r = _actionRef$current2.reload) === null || _actionRef$current2$r === void 0 ? void 0 : _actionRef$current2$r.call(_actionRef$current2);
-          },
+          onClick: handleResetForm,
           size: "middle"
         }, "\u91CD\u7F6E"), /*#__PURE__*/_react.default.createElement("a", {
           key: "3",
@@ -380,75 +495,61 @@ function PlusTable(props, ref) {
             wordBreak: 'break-word',
             whiteSpace: 'nowrap'
           },
-          onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-            var _drawFormRef$current6, _searchRef$current6;
-            return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-              while (1) switch (_context9.prev = _context9.next) {
-                case 0:
-                  _context9.next = 2;
-                  return setSearchDrawer(!searchDrawer);
-                case 2:
-                  // 没法实时监听数据所以这里要带过来
-                  drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current6 = drawFormRef.current) === null || _drawFormRef$current6 === void 0 ? void 0 : _drawFormRef$current6.setFieldsValue(searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current6 = searchRef.current) === null || _searchRef$current6 === void 0 ? void 0 : _searchRef$current6.getFieldsValue());
-                case 3:
-                case "end":
-                  return _context9.stop();
-              }
-            }, _callee9);
-          }))
+          onClick: handleAdvancedFilterClick
         }, /*#__PURE__*/_react.default.createElement(_icons.BarsOutlined, null), "\u9AD8\u7EA7\u7B5B\u9009")];
       }
-    } : props.search
-    // 根据用户自定义的配置 如果配置了列设置就有这个配置完全受控
-    ,
+    });
+  }, [action, props.search, handleSearchAll, handleResetForm, handleAdvancedFilterClick]);
+  // 优化：使用 useMemo 缓存工具栏渲染
+  var toolBarRender = (0, _react.useCallback)(function (searchConfig, rows) {
+    return [(action === null || action === void 0 ? void 0 : action.includes('viewInvisibleData')) ? /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+      defaultChecked: showFull,
+      onChange: handleShowFullChange
+    }, "\u663E\u793A\u6240\u6709\u6570\u636E") : null, typeof otherProps.toolBarRender === 'function' && otherProps.toolBarRender(searchConfig, rows)];
+  }, [action, showFull, handleShowFullChange, otherProps.toolBarRender]);
+  // 优化：使用 useMemo 缓存抽屉样式
+  var drawerStyle = (0, _react.useMemo)(function () {
+    return {
+      position: 'fixed',
+      top: props.top || CONSTANTS.DEFAULT_TOP
+    };
+  }, [props.top]);
+  // 优化：使用 useMemo 缓存抽屉底部按钮样式
+  var bottomButtonStyle = (0, _react.useMemo)(function () {
+    return {
+      position: 'fixed',
+      bottom: 0,
+      background: 'white',
+      display: 'flex',
+      width: "".concat(CONSTANTS.DRAWER_WIDTH, "px"),
+      borderTop: '1px solid #f0f0f0',
+      right: '0',
+      justifyContent: 'space-around',
+      padding: '16px',
+      boxSizing: 'border-box'
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "page_plustable__body"
+  }, /*#__PURE__*/_react.default.createElement(_proComponents.ProTable, _extends({
+    pagination: _objectSpread({
+      size: 'default'
+    }, pagination),
+    actionRef: actionRef,
+    formRef: searchRef,
+    search: searchConfig,
     columnsState: (action === null || action === void 0 ? void 0 : action.includes('columnSetting')) ? columnsState : props.columnsState,
-    request: request ? propsRequest : undefined
-    // 同步高筛配置 只有高筛 才有特殊的配置 (baseSearch才会生效)
-    ,
-    columns: (action === null || action === void 0 ? void 0 : action.includes('advancedFilter')) ? columns.map(function (item) {
-      // 只保留基本搜索栏的配置
-      if (item.baseSearch) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          search: item.search,
-          fieldProps: _objectSpread({
-            onChange: function onChange(e) {
-              if (e) {
-                var _drawFormRef$current7;
-                drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current7 = drawFormRef.current) === null || _drawFormRef$current7 === void 0 ? void 0 : _drawFormRef$current7.setFieldsValue(_defineProperty({}, item.dataIndex, e.target ? e.target.value : e));
-              } else {
-                var _drawFormRef$current9;
-                drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current9 = drawFormRef.current) === null || _drawFormRef$current9 === void 0 ? void 0 : _drawFormRef$current9.resetFields([item.dataIndex]);
-              }
-            }
-          }, item.fieldProps)
-        });
-      }
-      return _objectSpread(_objectSpread({}, item), {}, {
-        search: false
-      });
-    }) : columns,
-    toolBarRender: function toolBarRender(searchConfig, rows) {
-      return [(action === null || action === void 0 ? void 0 : action.includes('viewInvisibleData')) ? /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-        defaultChecked: showFull,
-        onChange: function onChange(e) {
-          setShowFull(e.target.checked);
-          setTimeout(function () {
-            searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.reload();
-          }, 100);
-        }
-      }, "\u663E\u793A\u6240\u6709\u6570\u636E") : null, typeof otherProps.toolBarRender === 'function' && otherProps.toolBarRender(searchConfig, rows)];
-    },
+    request: request ? propsRequest : undefined,
+    columns: processedColumns,
+    toolBarRender: toolBarRender,
     options: __options
   }, otherProps)), /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
     onClose: function onClose() {
       return setSearchDrawer(false);
     },
-    title: '高级筛选',
-    width: 380,
-    rootStyle: {
-      position: 'fixed',
-      top: props.top || 92
-    },
+    title: "\u9AD8\u7EA7\u7B5B\u9009",
+    width: CONSTANTS.DRAWER_WIDTH,
+    rootStyle: drawerStyle,
     getContainer: (otherProps === null || otherProps === void 0 ? void 0 : otherProps.getContainer) || document.getElementsByTagName('body')[0],
     className: "search-drawer",
     open: searchDrawer,
@@ -457,9 +558,7 @@ function PlusTable(props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     columns: columns,
     loading: false,
-    changeValue: function changeValue(_changeValue, allValue) {
-      return onValuesChange(_changeValue, allValue);
-    },
+    changeValue: onValuesChange,
     onFormSearchSubmit: function onFormSearchSubmit() {
       var _searchRef$current7;
       searchRef === null || searchRef === void 0 ? void 0 : (_searchRef$current7 = searchRef.current) === null || _searchRef$current7 === void 0 ? void 0 : _searchRef$current7.submit();
@@ -474,32 +573,17 @@ function PlusTable(props, ref) {
     search: {
       optionRender: function optionRender(searchConfig) {
         return [/*#__PURE__*/_react.default.createElement("div", {
-          style: {
-            position: 'fixed',
-            bottom: 0,
-            background: 'white',
-            display: 'flex',
-            width: '380px',
-            borderTop: '1px solid #f0f0f0',
-            right: '0',
-            justifyContent: 'space-around',
-            padding: '16px',
-            boxSizing: 'border-box'
-          }
+          key: "bottom-buttons",
+          style: bottomButtonStyle
         }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
           size: "middle",
           type: "primary",
           onClick: function onClick() {
-            handleSearchAll(searchConfig);
+            return handleSearchAll(searchConfig);
           }
         }, "\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
           type: "default",
-          onClick: function onClick() {
-            var _drawFormRef$current10, _actionRef$current3, _actionRef$current3$r, _actionRef$current4, _actionRef$current4$r;
-            drawFormRef === null || drawFormRef === void 0 ? void 0 : (_drawFormRef$current10 = drawFormRef.current) === null || _drawFormRef$current10 === void 0 ? void 0 : _drawFormRef$current10.resetFields();
-            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$r = _actionRef$current3.reset) === null || _actionRef$current3$r === void 0 ? void 0 : _actionRef$current3$r.call(_actionRef$current3);
-            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$r = _actionRef$current4.reload) === null || _actionRef$current4$r === void 0 ? void 0 : _actionRef$current4$r.call(_actionRef$current4);
-          },
+          onClick: handleResetForm,
           size: "middle"
         }, "\u91CD\u7F6E"))];
       },