@pointcloud/pcloud-components 0.1.32 → 0.1.34

package/dist/esm/CRUD/index.js

@@ -0,0 +1,669 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["immediate"],
+  _excluded2 = ["columns", "extraParams"];
+import React, { useMemo, useState, useContext, useCallback, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
+import classNames from 'classnames';
+import { Button } from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons';
+import { ConfigContext } from "../ConfigProvider";
+import { SearchButtons } from "./config";
+import DForm from "../DForm";
+import DTable from "../DTable";
+import DModal from "../DModal";
+import ModalForm from "../ModalForm";
+import Toolbar from "./toolbar";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 定义默认策略
+var defaultStrategies = {
+  add: {
+    keepSearchValues: true,
+    keepPage: false
+  },
+  edit: {
+    keepSearchValues: true,
+    keepPage: true
+  },
+  delete: {
+    keepSearchValues: true,
+    keepPage: true
+  }
+};
+var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$tableProps;
+  var className = props.className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    searchFormProps = props.searchFormProps,
+    tableProps = props.tableProps,
+    modalFormProps = props.modalFormProps,
+    addButtonProps = props.addButtonProps,
+    _props$deleteModalPro = props.deleteModalProps,
+    deleteModalProps = _props$deleteModalPro === void 0 ? {} : _props$deleteModalPro,
+    _props$showAddButton = props.showAddButton,
+    showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
+    _props$showBatchDelet = props.showBatchDelete,
+    showBatchDelete = _props$showBatchDelet === void 0 ? true : _props$showBatchDelet,
+    batchDeleteButtonProps = props.batchDeleteButtonProps,
+    _props$showEdit = props.showEdit,
+    showEdit = _props$showEdit === void 0 ? true : _props$showEdit,
+    _props$showDelete = props.showDelete,
+    showDelete = _props$showDelete === void 0 ? true : _props$showDelete,
+    _props$showView = props.showView,
+    showView = _props$showView === void 0 ? true : _props$showView,
+    _props$editButtonProp = props.editButtonProps,
+    editButtonProps = _props$editButtonProp === void 0 ? {} : _props$editButtonProp,
+    _props$deleteButtonPr = props.deleteButtonProps,
+    deleteButtonProps = _props$deleteButtonPr === void 0 ? {} : _props$deleteButtonPr,
+    _props$viewButtonProp = props.viewButtonProps,
+    viewButtonProps = _props$viewButtonProp === void 0 ? {} : _props$viewButtonProp,
+    _props$addButtonText = props.addButtonText,
+    addButtonText = _props$addButtonText === void 0 ? '新增' : _props$addButtonText,
+    _props$editButtonText = props.editButtonText,
+    editButtonText = _props$editButtonText === void 0 ? '编辑' : _props$editButtonText,
+    _props$deleteButtonTe = props.deleteButtonText,
+    deleteButtonText = _props$deleteButtonTe === void 0 ? '删除' : _props$deleteButtonTe,
+    _props$viewButtonText = props.viewButtonText,
+    viewButtonText = _props$viewButtonText === void 0 ? '查看' : _props$viewButtonText,
+    _props$batchDeleteBut = props.batchDeleteButtonText,
+    batchDeleteButtonText = _props$batchDeleteBut === void 0 ? '批量删除' : _props$batchDeleteBut,
+    actionBar = props.actionBar,
+    onRefresh = props.onRefresh,
+    crudApi = props.crudApi,
+    _props$refreshStrateg = props.refreshStrategy,
+    refreshStrategy = _props$refreshStrateg === void 0 ? {} : _props$refreshStrateg,
+    _props$addRefreshStra = props.addRefreshStrategy,
+    addRefreshStrategy = _props$addRefreshStra === void 0 ? {} : _props$addRefreshStra,
+    _props$editRefreshStr = props.editRefreshStrategy,
+    editRefreshStrategy = _props$editRefreshStr === void 0 ? {} : _props$editRefreshStr,
+    _props$deleteRefreshS = props.deleteRefreshStrategy,
+    deleteRefreshStrategy = _props$deleteRefreshS === void 0 ? {} : _props$deleteRefreshS;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('crud');
+  var actionColumnClass = classNames(_defineProperty({}, "".concat(prefixCls, "-crud-action-column"), !!prefixCls), "".concat(classname, "-action-column"));
+  var currentRecordRef = useRef(null);
+  var tableRef = useRef(null);
+
+  // 模态框状态管理
+  var _useState = useState({
+      visible: false,
+      mode: 'add'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalConfig = _useState2[0],
+    setModalConfig = _useState2[1];
+  // 详情数据
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    detailData = _useState4[0],
+    setDetailData = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchValues = _useState6[0],
+    setSearchValues = _useState6[1];
+  var _useState7 = useState({
+      selectedRowKeys: [],
+      selectedRows: []
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedData = _useState8[0],
+    setSelectedData = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fullScreen = _useState10[0],
+    setFullScreen = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    refreshKey = _useState12[0],
+    setRefreshKey = _useState12[1];
+  var _useState13 = useState(props.tableProps || {}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    tablePropsState = _useState14[0],
+    setTablePropsState = _useState14[1];
+  var originalColumnsRef = useRef(((_props$tableProps = props.tableProps) === null || _props$tableProps === void 0 ? void 0 : _props$tableProps.columns) || []);
+  var _DForm$useForm = DForm.useForm(),
+    _DForm$useForm2 = _slicedToArray(_DForm$useForm, 1),
+    form = _DForm$useForm2[0];
+  var wrapperClass = useMemo(function () {
+    return classNames(_defineProperty({
+      fullscreen: fullScreen
+    }, "".concat(prefixCls, "-crud"), !!prefixCls), classname, className);
+  }, [fullScreen]);
+  var deleteApi = useCallback(crudApi.delete, [crudApi.delete]);
+  var addApi = useCallback(crudApi.add, [crudApi.add]);
+  var editApi = useCallback(crudApi.edit, [crudApi.edit]);
+  var detailApi = useCallback(crudApi.detail || ( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_params) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", _params);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }()), [crudApi.detail]);
+  var listApi = useCallback(function (params) {
+    var _crudApi$list;
+    return (_crudApi$list = crudApi.list) === null || _crudApi$list === void 0 ? void 0 : _crudApi$list.call(crudApi, params);
+  }, [crudApi.list]);
+  var memoizedRefreshStrategy = useMemo(function () {
+    var _refreshStrategy$keep, _refreshStrategy$keep2;
+    return _objectSpread(_objectSpread({}, refreshStrategy), {}, {
+      keepSearchValues: (_refreshStrategy$keep = refreshStrategy.keepSearchValues) !== null && _refreshStrategy$keep !== void 0 ? _refreshStrategy$keep : true,
+      keepPage: (_refreshStrategy$keep2 = refreshStrategy.keepPage) !== null && _refreshStrategy$keep2 !== void 0 ? _refreshStrategy$keep2 : false
+    });
+  }, [refreshStrategy.keepSearchValues, refreshStrategy.keepPage]);
+  var memoizedAddRefreshStrategy = useMemo(function () {
+    var _addRefreshStrategy$k, _addRefreshStrategy$k2;
+    return _objectSpread(_objectSpread({}, addRefreshStrategy), {}, {
+      keepSearchValues: (_addRefreshStrategy$k = addRefreshStrategy.keepSearchValues) !== null && _addRefreshStrategy$k !== void 0 ? _addRefreshStrategy$k : defaultStrategies.add.keepSearchValues,
+      keepPage: (_addRefreshStrategy$k2 = addRefreshStrategy.keepPage) !== null && _addRefreshStrategy$k2 !== void 0 ? _addRefreshStrategy$k2 : defaultStrategies.add.keepPage
+    });
+  }, [addRefreshStrategy.keepSearchValues, addRefreshStrategy.keepPage]);
+  var memoizedEditRefreshStrategy = useMemo(function () {
+    var _editRefreshStrategy$, _editRefreshStrategy$2;
+    return _objectSpread(_objectSpread({}, editRefreshStrategy), {}, {
+      keepSearchValues: (_editRefreshStrategy$ = editRefreshStrategy.keepSearchValues) !== null && _editRefreshStrategy$ !== void 0 ? _editRefreshStrategy$ : defaultStrategies.edit.keepSearchValues,
+      keepPage: (_editRefreshStrategy$2 = editRefreshStrategy.keepPage) !== null && _editRefreshStrategy$2 !== void 0 ? _editRefreshStrategy$2 : defaultStrategies.edit.keepPage
+    });
+  }, [editRefreshStrategy.keepSearchValues, editRefreshStrategy.keepPage]);
+  var memoizedDeleteRefreshStrategy = useMemo(function () {
+    var _deleteRefreshStrateg, _deleteRefreshStrateg2;
+    return _objectSpread(_objectSpread({}, deleteRefreshStrategy), {}, {
+      keepSearchValues: (_deleteRefreshStrateg = deleteRefreshStrategy.keepSearchValues) !== null && _deleteRefreshStrateg !== void 0 ? _deleteRefreshStrateg : defaultStrategies.delete.keepSearchValues,
+      keepPage: (_deleteRefreshStrateg2 = deleteRefreshStrategy.keepPage) !== null && _deleteRefreshStrateg2 !== void 0 ? _deleteRefreshStrateg2 : defaultStrategies.delete.keepPage
+    });
+  }, [deleteRefreshStrategy.keepSearchValues, deleteRefreshStrategy.keepPage]);
+  var mergedFormProps = useMemo(function () {
+    var _restSearchFormProps$;
+    if (!searchFormProps) return {};
+    var immediate = searchFormProps.immediate,
+      restSearchFormProps = _objectWithoutProperties(searchFormProps, _excluded);
+    var isExistFormButton = (_restSearchFormProps$ = restSearchFormProps['items']) === null || _restSearchFormProps$ === void 0 ? void 0 : _restSearchFormProps$.some(function (item) {
+      return item['htmlType'] && ['submit', 'reset'].includes(item['htmlType']);
+    });
+    var searchBtns = immediate || isExistFormButton ? [] : SearchButtons;
+    return _objectSpread(_objectSpread({}, restSearchFormProps), {}, {
+      items: [].concat(_toConsumableArray((searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps['items']) || []), _toConsumableArray(searchBtns))
+    });
+  }, [searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.immediate, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.items, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues]);
+  var isNeedRefreshToPage = useCallback(function () {
+    var _tableRef$current, _tableRef$current$get;
+    var deletedCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    var paginationState = tableRef === null || tableRef === void 0 || (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || (_tableRef$current$get = _tableRef$current.getPaginationState) === null || _tableRef$current$get === void 0 ? void 0 : _tableRef$current$get.call(_tableRef$current);
+    if (!paginationState && !tableRef.current) return {
+      needRefreshToPage: false,
+      currentPage: 1,
+      targetPage: 1
+    };
+    var currentPage = paginationState.current,
+      pageSize = paginationState.size,
+      total = paginationState.total;
+
+    // 计算删除后的总数
+    var newTotal = total - deletedCount;
+    var totalPagesAfterDelete = Math.ceil(newTotal / pageSize);
+    // 判断删除后当前页是否为空
+    var isEmptyPage = currentPage > totalPagesAfterDelete && totalPagesAfterDelete > 0;
+    // 如果当前页变空且不是第一页，则需要跳转页码
+    var needRefreshToPage = isEmptyPage && currentPage > 1;
+    var targetPage = needRefreshToPage ? Math.min(currentPage - 1, totalPagesAfterDelete) : currentPage;
+    return {
+      needRefreshToPage: needRefreshToPage,
+      targetPage: targetPage,
+      currentPage: currentPage
+    };
+  }, []);
+  var handleSearch = useCallback(function (values) {
+    setSearchValues(values);
+  }, []);
+  var handleValuesChange = useCallback(function (_changedValues, allValues) {
+    if (searchFormProps !== null && searchFormProps !== void 0 && searchFormProps.immediate) {
+      handleSearch(allValues);
+    }
+  }, [searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.immediate, handleSearch]);
+  var handleReset = useCallback(function () {
+    var _searchFormProps$init;
+    form.resetFields();
+    setSearchValues((_searchFormProps$init = searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues) !== null && _searchFormProps$init !== void 0 ? _searchFormProps$init : {});
+  }, [form, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues]);
+  var handleAdd = useCallback(function () {
+    currentRecordRef.current = null;
+    setDetailData(null);
+    setModalConfig({
+      visible: true,
+      mode: 'add'
+    });
+  }, []);
+  var handleEdit = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(record) {
+      var data;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            currentRecordRef.current = _objectSpread({}, record);
+            if (!detailApi) {
+              _context2.next = 7;
+              break;
+            }
+            _context2.next = 4;
+            return detailApi(record);
+          case 4:
+            _context2.t0 = _context2.sent;
+            _context2.next = 8;
+            break;
+          case 7:
+            _context2.t0 = record;
+          case 8:
+            data = _context2.t0;
+            setDetailData(data);
+            setModalConfig({
+              visible: true,
+              mode: 'edit'
+            });
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [detailApi]);
+  var handleRefresh = useCallback(function (strategy, refreshOptions) {
+    // 合并策略优先级：strategy（当前调用传入） > 全局策略 > 默认策略
+    var finalStrategy = _objectSpread(_objectSpread({}, memoizedRefreshStrategy), strategy);
+    if (!finalStrategy.keepSearchValues) {
+      form.resetFields();
+      setSearchValues({});
+      onRefresh === null || onRefresh === void 0 || onRefresh();
+      return;
+    }
+    // 如果指定了特定的分页处理
+    if (refreshOptions !== null && refreshOptions !== void 0 && refreshOptions.needRefreshToPage && refreshOptions !== null && refreshOptions !== void 0 && refreshOptions.targetPage) {
+      var _tableRef$current2, _tableRef$current2$re;
+      (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || (_tableRef$current2$re = _tableRef$current2.refreshToPage) === null || _tableRef$current2$re === void 0 || _tableRef$current2$re.call(_tableRef$current2, refreshOptions.targetPage);
+    } else if (!finalStrategy.keepPage) {
+      setRefreshKey(function (prev) {
+        return prev + 1;
+      });
+    } else {
+      var _tableRef$current3;
+      (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 || _tableRef$current3.refresh();
+    }
+    onRefresh === null || onRefresh === void 0 || onRefresh();
+  }, [memoizedRefreshStrategy, onRefresh, form]);
+  var onColumnSettingChanged = useCallback(function (checkedList, sortedColumns) {
+    // 更新表格列的显示状态和排序
+    setTablePropsState(function (prevTableProps) {
+      if (!(prevTableProps !== null && prevTableProps !== void 0 && prevTableProps.columns)) return prevTableProps;
+
+      // 如果提供了排序后的列，则使用排序后的列，否则使用原有的列
+      var sourceColumns = sortedColumns || prevTableProps.columns;
+
+      // 根据选中的标题过滤列
+      var filteredColumns = sourceColumns.filter(function (column) {
+        // 如果列没有title，则默认显示
+        if (column.title === undefined) return true;
+
+        // 只有当title是字符串或数字时才参与过滤
+        var isFilterable = typeof column.title === 'string' || typeof column.title === 'number';
+        return !isFilterable || checkedList.includes(column.title);
+      });
+      return _objectSpread(_objectSpread({}, prevTableProps), {}, {
+        columns: filteredColumns
+      });
+    });
+  }, []);
+  var handleBatchDelete = useCallback(function () {
+    DModal.delete(_objectSpread({
+      title: '确定要删除所选数据吗？',
+      onOk: function () {
+        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          var _isNeedRefreshToPage, needRefreshToPage, targetPage;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return deleteApi(_objectSpread({}, selectedData));
+              case 2:
+                _isNeedRefreshToPage = isNeedRefreshToPage(selectedData.selectedRows.length), needRefreshToPage = _isNeedRefreshToPage.needRefreshToPage, targetPage = _isNeedRefreshToPage.targetPage;
+                handleRefresh(memoizedDeleteRefreshStrategy, {
+                  needRefreshToPage: needRefreshToPage,
+                  targetPage: targetPage
+                });
+                setSelectedData({
+                  selectedRowKeys: [],
+                  selectedRows: []
+                });
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function onOk() {
+          return _onOk.apply(this, arguments);
+        }
+        return onOk;
+      }()
+    }, deleteModalProps));
+  }, [deleteApi, memoizedDeleteRefreshStrategy, handleRefresh, selectedData, isNeedRefreshToPage]);
+  var handleDelete = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(record) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            DModal.delete({
+              title: '确定要删除此条数据吗？',
+              onOk: function () {
+                var _onOk2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+                  var _isNeedRefreshToPage2, needRefreshToPage, targetPage;
+                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        _context4.next = 2;
+                        return deleteApi(record);
+                      case 2:
+                        _isNeedRefreshToPage2 = isNeedRefreshToPage(), needRefreshToPage = _isNeedRefreshToPage2.needRefreshToPage, targetPage = _isNeedRefreshToPage2.targetPage;
+                        handleRefresh(memoizedDeleteRefreshStrategy, {
+                          needRefreshToPage: needRefreshToPage,
+                          targetPage: targetPage
+                        });
+                      case 4:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee4);
+                }));
+                function onOk() {
+                  return _onOk2.apply(this, arguments);
+                }
+                return onOk;
+              }()
+            });
+          case 1:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [deleteApi, memoizedDeleteRefreshStrategy, handleRefresh, isNeedRefreshToPage]);
+  var handleModalOk = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(values) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.prev = 0;
+            if (!(modalConfig.mode === 'edit' && currentRecordRef.current)) {
+              _context6.next = 7;
+              break;
+            }
+            _context6.next = 4;
+            return editApi(_objectSpread(_objectSpread({}, currentRecordRef.current || {}), values));
+          case 4:
+            handleRefresh(memoizedEditRefreshStrategy);
+            _context6.next = 11;
+            break;
+          case 7:
+            if (!(modalConfig.mode === 'add')) {
+              _context6.next = 11;
+              break;
+            }
+            _context6.next = 10;
+            return addApi(values);
+          case 10:
+            handleRefresh(memoizedAddRefreshStrategy);
+          case 11:
+            currentRecordRef.current = null;
+            setModalConfig(_objectSpread(_objectSpread({}, modalConfig), {}, {
+              visible: false
+            }));
+            setDetailData(null);
+            _context6.next = 19;
+            break;
+          case 16:
+            _context6.prev = 16;
+            _context6.t0 = _context6["catch"](0);
+            return _context6.abrupt("return", Promise.reject(_context6.t0));
+          case 19:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6, null, [[0, 16]]);
+    }));
+    return function (_x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [modalConfig.mode, addApi, editApi, memoizedAddRefreshStrategy, memoizedEditRefreshStrategy, handleRefresh]);
+  var handleCancel = useCallback(function () {
+    setModalConfig(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        visible: false
+      });
+    });
+    setDetailData(null);
+    currentRecordRef.current = null;
+  }, []);
+  var handleView = useCallback( /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(record) {
+      var data;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            currentRecordRef.current = _objectSpread({}, record);
+            if (!detailApi) {
+              _context7.next = 7;
+              break;
+            }
+            _context7.next = 4;
+            return detailApi(record);
+          case 4:
+            _context7.t0 = _context7.sent;
+            _context7.next = 8;
+            break;
+          case 7:
+            _context7.t0 = record;
+          case 8:
+            data = _context7.t0;
+            setDetailData(data);
+            setModalConfig({
+              visible: true,
+              mode: 'view'
+            });
+          case 11:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function (_x5) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), [detailApi]);
+  var actionColumn = useMemo(function () {
+    // 捕获当前的API方法引用，避免闭包问题
+    var currentHandleEdit = handleEdit;
+    var currentHandleDelete = handleDelete;
+    var currentHandleView = handleView;
+    return function (_text, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: actionColumnClass,
+        children: [showEdit && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: "link",
+          icon: /*#__PURE__*/_jsx(EditOutlined, {}),
+          onClick: function onClick() {
+            return currentHandleEdit(record);
+          },
+          size: "small"
+        }, editButtonProps), {}, {
+          children: editButtonText
+        })), showDelete && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: "link",
+          danger: true,
+          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          onClick: function onClick() {
+            return currentHandleDelete(record);
+          },
+          size: "small"
+        }, deleteButtonProps), {}, {
+          children: deleteButtonText
+        })), showView && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: "link",
+          icon: /*#__PURE__*/_jsx(EyeOutlined, {}),
+          onClick: function onClick() {
+            return currentHandleView(record);
+          },
+          size: "small"
+        }, viewButtonProps), {}, {
+          children: viewButtonText
+        }))]
+      });
+    };
+  }, [handleEdit, handleDelete, handleView, showEdit, showDelete, showView, editButtonText, deleteButtonText, viewButtonText]);
+  var tablePropsWithSearch = useMemo(function () {
+    var _ref6 = tableProps || {},
+      _ref6$columns = _ref6.columns,
+      columns = _ref6$columns === void 0 ? [] : _ref6$columns,
+      tableExtraParams = _ref6.extraParams,
+      otherTableProps = _objectWithoutProperties(_ref6, _excluded2);
+    return _objectSpread({
+      actionColumn: actionColumn,
+      columns: tablePropsState.columns || columns,
+      extraParams: _objectSpread(_objectSpread({}, tableExtraParams || {}), searchValues),
+      rowSelection: {
+        fixed: true,
+        onChange: function onChange(selectedRowKeys, selectedRows) {
+          setSelectedData({
+            selectedRowKeys: selectedRowKeys,
+            selectedRows: selectedRows
+          });
+        }
+      },
+      loadMore: listApi
+    }, otherTableProps);
+  }, [tableProps, tablePropsState.columns, searchValues, actionColumn, listApi]);
+  var mergedModalFormProps = useMemo(function () {
+    var _modalFormProps$modal;
+    if (!(modalFormProps !== null && modalFormProps !== void 0 && modalFormProps.formProps)) return null;
+    var isViewMode = modalConfig.mode === 'view';
+    var modalTitle = (modalFormProps === null || modalFormProps === void 0 || (_modalFormProps$modal = modalFormProps.modalProps) === null || _modalFormProps$modal === void 0 ? void 0 : _modalFormProps$modal.title) || '';
+    return {
+      modalProps: _objectSpread(_objectSpread({
+        open: modalConfig.visible,
+        onCancel: handleCancel,
+        onOk: isViewMode ? undefined : handleModalOk
+      }, modalFormProps === null || modalFormProps === void 0 ? void 0 : modalFormProps.modalProps), {}, {
+        title: isViewMode ? "".concat(modalTitle, "\u8BE6\u60C5") : modalConfig.mode === 'edit' ? "\u7F16\u8F91".concat(modalTitle) : "\u65B0\u589E".concat(modalTitle)
+      }),
+      formProps: _objectSpread({
+        values: detailData || currentRecordRef.current || {},
+        disabled: isViewMode,
+        // 详情模式下禁用表单编辑
+        className: "".concat(classname, "-modalform-").concat(modalConfig.mode)
+      }, modalFormProps === null || modalFormProps === void 0 ? void 0 : modalFormProps.formProps)
+    };
+  }, [modalConfig, detailData, handleCancel, handleModalOk, modalFormProps, classname]);
+  useImperativeHandle(ref, function () {
+    return {
+      refresh: function refresh(strategy, refreshOptions) {
+        return handleRefresh(strategy || {}, refreshOptions || {});
+      },
+      getSelectedRows: function getSelectedRows() {
+        return selectedData;
+      },
+      getSearchValues: function getSearchValues() {
+        return form.getFieldsValue();
+      },
+      openAddModal: function openAddModal() {
+        return handleAdd();
+      },
+      openEditModal: function openEditModal(params) {
+        return handleEdit(params);
+      },
+      openDetailModal: function openDetailModal(params) {
+        return handleView(params);
+      },
+      openDeleteModal: function openDeleteModal(params) {
+        return handleDelete(params);
+      }
+    };
+  });
+  useEffect(function () {
+    if (mergedFormProps !== null && mergedFormProps !== void 0 && mergedFormProps.initialValues) {
+      form.setFieldsValue(mergedFormProps === null || mergedFormProps === void 0 ? void 0 : mergedFormProps.initialValues);
+      setSearchValues(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), mergedFormProps === null || mergedFormProps === void 0 ? void 0 : mergedFormProps.initialValues);
+      });
+    }
+  }, [mergedFormProps === null || mergedFormProps === void 0 ? void 0 : mergedFormProps.initialValues]);
+  useEffect(function () {
+    // 当tableProps.columns变化时更新originalColumnsRef
+    if (tableProps !== null && tableProps !== void 0 && tableProps.columns && tableProps.columns.length > 0) {
+      originalColumnsRef.current = tableProps.columns;
+    }
+  }, [tableProps === null || tableProps === void 0 ? void 0 : tableProps.columns]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    style: style,
+    children: [searchFormProps && /*#__PURE__*/_jsx(DForm, _objectSpread({
+      form: form,
+      onFinish: handleSearch,
+      onReset: handleReset,
+      onValuesChange: handleValuesChange
+    }, mergedFormProps)), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(classname, "-action-tool-bar"),
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "".concat(classname, "-action-bar"),
+        children: [showAddButton && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: "primary",
+          icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+          onClick: handleAdd
+        }, addButtonProps), {}, {
+          children: addButtonText
+        })), showBatchDelete && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: "primary",
+          danger: true,
+          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          onClick: handleBatchDelete,
+          disabled: selectedData.selectedRowKeys.length === 0
+        }, batchDeleteButtonProps), {}, {
+          children: selectedData.selectedRowKeys.length > 0 ? "".concat(batchDeleteButtonText, "(").concat(selectedData.selectedRowKeys.length, ")") : batchDeleteButtonText
+        })), actionBar]
+      }), /*#__PURE__*/_jsx(Toolbar, {
+        className: "".concat(classname, "-tool-bar"),
+        fullScreen: fullScreen,
+        columns: originalColumnsRef.current,
+        onActions: {
+          setFullScreen: setFullScreen,
+          handleRefresh: handleRefresh,
+          onColumnSettingChanged: onColumnSettingChanged
+        }
+      })]
+    }), /*#__PURE__*/_jsx(DTable, _objectSpread(_objectSpread({
+      ref: tableRef
+    }, tablePropsWithSearch), {}, {
+      className: "".concat(classname, "-table")
+    }), refreshKey), mergedModalFormProps && /*#__PURE__*/_jsx(ModalForm, _objectSpread({}, mergedModalFormProps))]
+  });
+});
+export default forwardCRUD;