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

package/es/index.js

@@ -4,7 +4,7 @@ import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
-var _excluded = ["columns", "hasShowFull", "request", "pagination", "formRef", "actionRef", "defaultColumnsState", "options", "action", "showDefaultSetting"];
+var _excluded = ["columns", "hasShowFull", "request", "pagination", "formRef", "actionRef", "defaultColumnsState", "options", "action", "search", "showDefaultSetting"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
@@ -23,14 +23,28 @@ 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; }
-import React, { useEffect, useRef, useState, useImperativeHandle } from 'react';
+import React, { useEffect, useRef, useState, useImperativeHandle, useCallback, useMemo } from 'react';
 import { ProTable } from '@ant-design/pro-components';
-import FormRender from './FormSearch/index';
+import FormRender from './components/FormSearch/index';
 import { BarsOutlined } from '@ant-design/icons';
 import { simulateClick } from './utils/common';
-import './FormSearch/index.less';
+import './components/FormSearch/index.less';
+// 常量定义
+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,
@@ -42,6 +56,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);
@@ -59,296 +74,401 @@ function PlusTable(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     columnsStateMap = _useState6[0],
     setColumnsStateMap = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isLoading = _useState8[0],
+    setIsLoading = _useState8[1];
   var actionRef = useRef();
   useImperativeHandle(propsActionRef, function () {
     return actionRef.current;
   });
-  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 = 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 = 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:
-            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 = 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) {
+  }(), []);
+  useImperativeHandle(ref, function () {
+    return {
+      getFieldsValue: getFieldsValue,
+      setFiledsValue: setFiledsValue,
+      setFiledValue: setFiledValue
+    };
+  });
+  // 优化：使用 useCallback 避免重复创建函数
+  var handleOnChangeColumn = 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 = 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:
+          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 = 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 = 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 = 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);
     };
-  }();
-  useEffect(function () {
-    init();
+  }(), []);
+  var handleShowFullChange = 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 = 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 = 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 函数
+  useEffect(function () {
+    // 组件挂载时执行一次初始化
+    if (props.fetchSetting) {
+      props.fetchSetting().then(function (res) {
+        setColumnsStateMap(res);
+      }).catch(function (error) {
+        console.error('获取列设置失败:', error);
+      });
+    }
+  }, []); // 空依赖数组，只在挂载时执行一次
+  // 优化：使用 useMemo 缓存计算结果
+  var dealFetchParams = 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 = useMemo(function () {
+    return {
+      defaultValue: defaultColumnsState,
+      value: columnsStateMap,
+      onChange: handleOnChangeColumn
+    };
+  }, [defaultColumnsState, columnsStateMap, handleOnChangeColumn]);
+  // 优化：使用 useCallback 缓存请求函数
+  var propsRequest = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
-        onClick: function onClick() {
-          return handleSave();
-        }
-      }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement("a", {
-        style: {
-          color: '#333'
-        },
-        onClick: function onClick() {
-          return handleReset();
-        }
-      }, "\u91CD\u7F6E"))
-    })
-  }) : options;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "page_plustable__body"
-  }, /*#__PURE__*/React.createElement(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 = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
+            onClick: handleSave,
+            style: {
+              cursor: isLoading ? 'not-allowed' : 'pointer',
+              opacity: isLoading ? 0.6 : 1,
+              pointerEvents: isLoading ? 'none' : 'auto'
+            }
+          }, isLoading ? '保存中...' : '保存'), /*#__PURE__*/React.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 = 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 = 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;
       },
@@ -358,17 +478,12 @@ function PlusTable(props, ref) {
           size: "middle",
           type: "primary",
           onClick: function onClick() {
-            handleSearchAll(searchConfig);
+            return handleSearchAll(searchConfig);
           }
         }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(_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.createElement("a", {
           key: "3",
@@ -376,75 +491,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.createElement(BarsOutlined, null), "\u9AD8\u7EA7\u7B5B\u9009")];
       }
-    } : props.search
-    // 根据用户自定义的配置 如果配置了列设置就有这个配置完全受控
-    ,
+    });
+  }, [action, props.search, handleSearchAll, handleResetForm, handleAdvancedFilterClick]);
+  // 优化：使用 useMemo 缓存工具栏渲染
+  var toolBarRender = useCallback(function (searchConfig, rows) {
+    return [(action === null || action === void 0 ? void 0 : action.includes('viewInvisibleData')) ? /*#__PURE__*/React.createElement(_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 = useMemo(function () {
+    return {
+      position: 'fixed',
+      top: props.top || CONSTANTS.DEFAULT_TOP
+    };
+  }, [props.top]);
+  // 优化：使用 useMemo 缓存抽屉底部按钮样式
+  var bottomButtonStyle = 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.createElement("div", {
+    className: "page_plustable__body"
+  }, /*#__PURE__*/React.createElement(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.createElement(_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.createElement(_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,
@@ -453,9 +554,7 @@ function PlusTable(props, ref) {
   }, /*#__PURE__*/React.createElement(FormRender, {
     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();
@@ -470,32 +569,17 @@ function PlusTable(props, ref) {
     search: {
       optionRender: function optionRender(searchConfig) {
         return [/*#__PURE__*/React.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.createElement(_Button, {
           size: "middle",
           type: "primary",
           onClick: function onClick() {
-            handleSearchAll(searchConfig);
+            return handleSearchAll(searchConfig);
           }
         }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(_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"))];
       },