@guo514360255/antd-lib 1.4.1

package/dist/CustomTable/index.js

@@ -0,0 +1,412 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["isIndex", "isDelete", "isUpdateState", "isDetail", "isUpdate", "isCreate", "createText", "columns", "rowKey", "request", "title", "defaultQueryParams", "toolBarRender", "dataSource", "deleteRequest", "detailRequest", "saveRequest", "updateRequest", "updateStateRequest", "handleModalData", "formProps", "detailProps"],
+  _excluded2 = ["list"];
+/*
+ * @Author: 郭郭
+ * @Date: 2025/8/11
+ * @Description:
+ */
+
+import { ProTable } from '@ant-design/pro-table';
+import CustomFormModal from "../CustomFormModal";
+import { Button, message, Popconfirm, Progress } from 'antd';
+import { cloneDeep, debounce } from 'lodash';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import CustomDetailModal from "../CustomDetailModal";
+import "./index.less";
+var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$isIndex = props.isIndex,
+    isIndex = _props$isIndex === void 0 ? true : _props$isIndex,
+    _props$isDelete = props.isDelete,
+    isDelete = _props$isDelete === void 0 ? true : _props$isDelete,
+    _props$isUpdateState = props.isUpdateState,
+    isUpdateState = _props$isUpdateState === void 0 ? false : _props$isUpdateState,
+    _props$isDetail = props.isDetail,
+    isDetail = _props$isDetail === void 0 ? true : _props$isDetail,
+    _props$isUpdate = props.isUpdate,
+    isUpdate = _props$isUpdate === void 0 ? true : _props$isUpdate,
+    _props$isCreate = props.isCreate,
+    isCreate = _props$isCreate === void 0 ? true : _props$isCreate,
+    createText = props.createText,
+    columns = props.columns,
+    rowKey = props.rowKey,
+    request = props.request,
+    title = props.title,
+    _props$defaultQueryPa = props.defaultQueryParams,
+    defaultQueryParams = _props$defaultQueryPa === void 0 ? {} : _props$defaultQueryPa,
+    _props$toolBarRender = props.toolBarRender,
+    _toolBarRender = _props$toolBarRender === void 0 ? [] : _props$toolBarRender,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? null : _props$dataSource,
+    deleteRequest = props.deleteRequest,
+    detailRequest = props.detailRequest,
+    saveRequest = props.saveRequest,
+    updateRequest = props.updateRequest,
+    updateStateRequest = props.updateStateRequest,
+    handleModalData = props.handleModalData,
+    formProps = props.formProps,
+    detailProps = props.detailProps,
+    tableProps = _objectWithoutProperties(props, _excluded);
+  var formRef = useRef();
+  var actionRef = useRef();
+  var detailRef = useRef();
+  var formModalRef = useRef();
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    messageHolder = _message$useMessage2[1];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scrollBar = _useState4[0],
+    setScrollBar = _useState4[1];
+  var tableContainerRef = useRef(null);
+  var delEvent = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.prev = 1;
+            if (!deleteRequest) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 5;
+            return deleteRequest(id);
+          case 5:
+            messageApi.success('删除成功');
+            setTimeout(function () {
+              var _actionRef$current;
+              (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 || _actionRef$current.reload();
+            }, 0);
+            _context.next = 10;
+            break;
+          case 9:
+            messageApi.error('删除接口未传入');
+          case 10:
+            _context.next = 16;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](1);
+            messageApi.error('删除失败');
+            console.log(_context.t0);
+          case 16:
+            _context.prev = 16;
+            setLoading(false);
+            return _context.finish(16);
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 12, 16, 19]]);
+    }));
+    return function delEvent(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var updateState = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
+      var id, isActive, _formRef$current;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            id = _ref2.id, isActive = _ref2.isActive;
+            setLoading(true);
+            _context2.prev = 2;
+            if (!updateStateRequest) {
+              _context2.next = 10;
+              break;
+            }
+            _context2.next = 6;
+            return updateStateRequest({
+              id: id,
+              isActive: isActive === 0 ? 1 : 0
+            });
+          case 6:
+            messageApi.success('状态修改成功');
+            (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.submit();
+            _context2.next = 11;
+            break;
+          case 10:
+            messageApi.error('状态修改接口未传入');
+          case 11:
+            _context2.next = 17;
+            break;
+          case 13:
+            _context2.prev = 13;
+            _context2.t0 = _context2["catch"](2);
+            messageApi.error('状态修改失败');
+            console.log(_context2.t0);
+          case 17:
+            _context2.prev = 17;
+            setLoading(false);
+            return _context2.finish(17);
+          case 20:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[2, 13, 17, 20]]);
+    }));
+    return function updateState(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  useImperativeHandle(ref, function () {
+    return {
+      reload: function reload() {
+        var _actionRef$current2;
+        (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 || _actionRef$current2.reload();
+      }
+    };
+  });
+  var totalWidth = columns === null || columns === void 0 ? void 0 : columns.reduce(function (sum, col) {
+    return sum + (col.width || 100);
+  }, 0);
+  var openModal = function openModal() {
+    var _formModalRef$current;
+    var record = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // @ts-ignore
+    (_formModalRef$current = formModalRef.current) === null || _formModalRef$current === void 0 || _formModalRef$current.open(handleModalData ? handleModalData(record) : record);
+  };
+  var handleColumns = function handleColumns() {
+    var _newColumns$;
+    var newColumns = cloneDeep(columns);
+    if (isIndex && Array.isArray(newColumns) && ((_newColumns$ = newColumns[0]) === null || _newColumns$ === void 0 ? void 0 : _newColumns$.dataIndex) !== 'index') {
+      newColumns.unshift({
+        title: '序号',
+        dataIndex: 'index',
+        valueType: 'index',
+        hideInSearch: true,
+        hideInForm: true,
+        fixed: 'left',
+        width: 70
+      });
+    }
+    newColumns === null || newColumns === void 0 || newColumns.forEach(function (item) {
+      // 所有select/treeSelect都附加搜索功能
+      if (['select', 'treeSelect'].includes(item.valueType)) {
+        item.fieldProps = _objectSpread({
+          showSearch: true
+        }, item.fieldProps || {});
+      }
+      return item;
+    });
+
+    // progress
+    var progress = newColumns === null || newColumns === void 0 ? void 0 : newColumns.find(function (item) {
+      return item.type === 'progress';
+    });
+    if (progress && !progress.render) {
+      progress.render = function (_, record) {
+        var percent = record[progress.dataIndex];
+        return /*#__PURE__*/React.createElement(Progress, {
+          percent: percent,
+          format: function format(percent) {
+            return "".concat(percent, "%");
+          }
+        });
+      };
+    }
+
+    // 操作列
+    var operation = newColumns === null || newColumns === void 0 ? void 0 : newColumns.find(function (item) {
+      return item.dataIndex === 'operation' || item.valueType === 'option';
+    });
+    if (operation && !operation.render) {
+      operation.hideInSearch = true;
+      operation.hideInDetail = true;
+      if (!operation.width) {
+        operation.width = [isDetail, isDelete, isUpdateState, isUpdate].filter(Boolean).length * 65;
+      }
+      operation.render = function (_, record) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: 'flex'
+          }
+        }, isDetail && /*#__PURE__*/React.createElement(Button, {
+          type: "link"
+          // @ts-ignore
+          ,
+          onClick: function onClick() {
+            var _detailRef$current;
+            return (_detailRef$current = detailRef.current) === null || _detailRef$current === void 0 ? void 0 : _detailRef$current.open(record);
+          }
+        }, "\u8BE6\u60C5"), isUpdate && /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return openModal(record);
+          }
+        }, "\u7F16\u8F91"), isDelete && /*#__PURE__*/React.createElement(Popconfirm, {
+          title: "\u786E\u5B9A\u5220\u9664\u5F53\u524D\u6570\u636E\uFF1F",
+          onConfirm: function onConfirm() {
+            return delEvent(record.id);
+          }
+        }, /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          danger: true
+        }, "\u5220\u9664")), isUpdateState && /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          danger: record.isActive === 1,
+          onClick: function onClick() {
+            return updateState(record);
+          }
+        }, record.isActive === 0 ? '启用' : '禁用'), operation.buttons && operation.buttons(record));
+      };
+    }
+    return newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(function (item) {
+      return item.dataIndex === 'operation' || item.valueType === 'option' ? _objectSpread(_objectSpread({}, item), {}, {
+        fixed: 'right'
+      }) : item;
+    });
+  };
+  var getAntTableContainer = function getAntTableContainer() {
+    var tableContainer = tableContainerRef.current;
+    var tableBody = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.ant-table-body');
+    setTimeout(function () {
+      if (tableBody) {
+        var _tableContainerRef$cu;
+        var hasVerticalScrollbar = tableBody.scrollHeight > tableBody.clientHeight;
+        setScrollBar(hasVerticalScrollbar);
+        var container = (_tableContainerRef$cu = tableContainerRef.current) === null || _tableContainerRef$cu === void 0 ? void 0 : _tableContainerRef$cu.querySelector('.ant-table-container');
+        container.style.transform = 'translateZ(0)';
+        requestAnimationFrame(function () {
+          container.style.transform = '';
+        });
+      }
+    }, 10);
+  };
+  useEffect(function () {
+    // 初始检测
+    var timer = setTimeout(getAntTableContainer, 50);
+
+    // 创建防抖后的 resize 处理函数
+    var handleResize = debounce(getAntTableContainer, 100);
+
+    // 监听窗口 resize
+    window.addEventListener('resize', handleResize);
+
+    // 清理函数：移除监听器 + 清除定时器
+    return function () {
+      clearTimeout(timer);
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [dataSource]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-table-container",
+    ref: tableContainerRef
+  }, messageHolder, /*#__PURE__*/React.createElement(ProTable, _extends({
+    className: "ant-table-container ".concat(scrollBar ? '' : 'customer-pro-table-container'),
+    scroll: {
+      x: totalWidth,
+      y: 5000
+    },
+    loading: loading,
+    bordered: true,
+    pagination: _objectSpread({
+      showSizeChanger: true,
+      showQuickJumper: true,
+      defaultPageSize: 10
+    }, Array.isArray(dataSource) ? {
+      onChange: function onChange() {
+        setTimeout(function () {
+          getAntTableContainer();
+        }, 50);
+      }
+    } : {}),
+    actionRef: actionRef,
+    formRef: formRef,
+    columns: handleColumns() || [],
+    request: ( /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params, sort, filter) {
+        var pageNo, _yield$request, list, data;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(request && !dataSource)) {
+                _context3.next = 20;
+                break;
+              }
+              setLoading(true);
+              _context3.prev = 2;
+              pageNo = params.current;
+              delete params.current;
+              _context3.next = 7;
+              return request(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, params), {}, {
+                pageNo: pageNo
+              }, sort), filter), defaultQueryParams));
+            case 7:
+              _yield$request = _context3.sent;
+              list = _yield$request.list;
+              data = _objectWithoutProperties(_yield$request, _excluded2);
+              getAntTableContainer();
+              return _context3.abrupt("return", _objectSpread({
+                data: list
+              }, data));
+            case 14:
+              _context3.prev = 14;
+              _context3.t0 = _context3["catch"](2);
+              console.log(_context3.t0);
+            case 17:
+              _context3.prev = 17;
+              setLoading(false);
+              return _context3.finish(17);
+            case 20:
+              return _context3.abrupt("return", {
+                data: [],
+                total: 0
+              });
+            case 21:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[2, 14, 17, 20]]);
+      }));
+      return function (_x3, _x4, _x5) {
+        return _ref4.apply(this, arguments);
+      };
+    }()),
+    rowKey: rowKey || 'id',
+    dateFormatter: "string"
+  }, Array.isArray(dataSource) ? {
+    dataSource: dataSource
+  } : {}, {
+    toolBarRender: function toolBarRender() {
+      return [].concat(_toConsumableArray(_toolBarRender || []), _toConsumableArray(isCreate ? [/*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        key: "create"
+        // @ts-ignore
+        ,
+        onClick: function onClick() {
+          return openModal({});
+        }
+      }, createText || '创建')] : []));
+    }
+  }, tableProps)), /*#__PURE__*/React.createElement(CustomDetailModal, _extends({
+    title: title,
+    ref: detailRef,
+    detailRequest: detailRequest,
+    columns: columns.filter(function (item) {
+      return !item.hideInDetail && item.dataIndex !== 'operation' && item.valueType !== 'option';
+    })
+  }, detailProps || {})), /*#__PURE__*/React.createElement(CustomFormModal, _extends({
+    title: title,
+    ref: formModalRef,
+    saveRequest: saveRequest,
+    updateRequest: updateRequest,
+    columns: columns.filter(function (item) {
+      return !item.hideInForm && item.dataIndex !== 'operation' && item.valueType !== 'option';
+    })
+  }, formProps || {})));
+});
+export default CustomTable;

package/dist/CustomTable/index.less

@@ -0,0 +1,69 @@
+.customer-pro-table-container{
+  .ant-table-container{
+    .ant-table-cell-fix-right{
+      right: 0 !important;
+    }
+  }
+}
+.ant-table-cell-fix-right{
+  .ant-btn{
+    padding: 0 5px !important;
+  }
+}
+.ant-pro-layout-container{
+  height: 100vh;
+  > .ant-pro-layout-content{
+    flex: 1;
+    overflow: hidden;
+    > .custom-table-container {
+      width: 100%;
+      flex: 1;
+      height: 100%;
+      display: flex;
+      overflow: hidden;
+      > .ant-pro-table{
+        height: 100%;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        >.ant-pro-card:not(.ant-pro-table-search){
+          overflow: hidden;
+          >.ant-pro-card-body{
+            display: flex;
+            flex-direction: column;
+            >.ant-table-wrapper{
+              flex: 1;
+              overflow-y: hidden;
+              >.ant-spin-nested-loading{
+                height: 100%;
+                >.ant-spin-container{
+                  height: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  >.ant-table{
+                    flex: 1;
+                    overflow: hidden;
+                    >.ant-table-container{
+                      height: 100%;
+                      display: flex;
+                      flex-direction: column;
+                      >.ant-table-body{
+                        flex: 1;
+                        overflow: auto !important;
+                      }
+                      >.ant-table-content{
+                        height: 100%;
+                        overflow: auto !important;
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/CustomTable/table.d.ts

@@ -0,0 +1,143 @@
+/*
+ * @Author: 郭郭
+ * @Date: 2025/11/5
+ * @Description:
+ */
+
+import { ProColumns } from '@ant-design/pro-table';
+
+interface CustomTableProps {
+  /**
+   * 表格标题
+   */
+  title?: string | undefined;
+
+  /**
+   * 是否有序号
+   */
+  isIndex?: boolean;
+
+  /**
+   * 是否有详情
+   */
+  isDetail?: boolean;
+
+  /**
+   * 是否有删除按钮
+   */
+  isDelete?: boolean;
+
+  /**
+   * 是否有编辑按钮
+   */
+  isUpdate?: boolean;
+
+  /**
+   * 是否创建按钮
+   */
+  isCreate?: boolean;
+
+  /**
+   * 创建按钮文案
+   */
+  createText?: string;
+
+  /**
+   * 提交按钮文案
+   */
+  okText?: string;
+
+  /**
+   * 取消按钮文案
+   */
+  cancelText?: string;
+
+  /**
+   * 是否有编辑状态按钮
+   */
+  isUpdateState?: boolean;
+
+  /**
+   * 字段列表
+   */
+  columns: ProColumns[];
+
+  /**
+   * record key
+   */
+  rowKey?: string;
+
+  /**
+   * 请求api
+   * @param data
+   */
+  request?: (data?: any) => any;
+
+  /**
+   * 删除api
+   * @param data
+   */
+  deleteRequest?: (data?: any) => any;
+
+  /**
+   * 修改状态api
+   * @param data
+   */
+  updateStateRequest?: (data?: any) => any;
+
+  /**
+   * 详情
+   * @param data
+   */
+  detailRequest?: (data: any) => any;
+
+  /**
+   * 保存
+   * @param data
+   */
+  saveRequest?: (data: any) => any;
+
+  /**
+   * 编辑
+   * @param data
+   */
+  updateRequest?: (data: any) => any;
+
+  /**
+   * 处理弹窗的数据
+   * @param data
+   */
+  handleModalData?: (data: any) => any;
+
+  /**
+   * 数据源
+   */
+  dataSource?: { [key: string]: any }[] | null;
+
+  /**
+   *
+   */
+  defaultQueryParams?: {
+    [key: string]: any;
+  };
+
+  /**
+   * 工具栏渲染
+   */
+  toolBarRender?: any[];
+
+  /**
+   * form props
+   */
+  formProps?: { [key: string]: any };
+
+  /**
+   * detail props
+   */
+  detailProps?: { [key: string]: any };
+
+  /**
+   * 其它参数
+   */
+  [key: string]: any;
+}

package/dist/CustomTag/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CustomTag: ({ value, valueEnum }: CustomTagProps, record?: any, __?: any, ___?: any, column?: any) => JSX.Element;
+export default CustomTag;

package/dist/CustomTag/index.js

@@ -0,0 +1,27 @@
+/*
+ * @Author: 郭郭
+ * @Date: 2025/11/11
+ * @Description:
+ */
+import { Tag } from 'antd';
+import React from 'react';
+var CustomTag = function CustomTag(_ref, record, __, ___, column) {
+  var value = _ref.value,
+    valueEnum = _ref.valueEnum;
+  if (column) {
+    var _ref2 = column.valueEnum[record.status] || {},
+      _color = _ref2.color,
+      _text = _ref2.text;
+    return /*#__PURE__*/React.createElement(Tag, {
+      color: _color
+    }, _text);
+  }
+  if (!value) return /*#__PURE__*/React.createElement(React.Fragment, null, value);
+  var _ref3 = valueEnum[value] || {},
+    color = _ref3.color,
+    text = _ref3.text;
+  return /*#__PURE__*/React.createElement(Tag, {
+    color: color
+  }, text);
+};
+export default CustomTag;

package/dist/CustomTag/tag.d.ts

@@ -0,0 +1,19 @@
+/*
+ * @Author: 郭郭
+ * @Date: 2025/11/11
+ * @Description:
+ */
+
+interface CustomTagProps {
+  /**
+   * 标签名称
+   */
+  value: string | number;
+
+  /**
+   * 枚举
+   */
+  valueEnum: {
+    [key: stirng]: { text: string; status?: string; color?: string };
+  };
+}

package/dist/CustomUpload/index.d.ts

@@ -0,0 +1,22 @@
+import { UploadProps } from 'antd';
+import { ImgCropProps } from 'antd-img-crop';
+import type { UploadFile } from 'antd/es/upload/interface';
+import React from 'react';
+export interface CustomUploadProps {
+    value?: UploadFile[];
+    onChange?: (fileList: UploadFile[]) => void;
+    uploadProps?: Omit<UploadProps, 'fileList' | 'onChange'>;
+    imgCrop?: ImgCropProps;
+    isCrop?: boolean;
+    isDragger?: boolean;
+    children?: React.ReactNode;
+    rest?: {
+        isDragger?: boolean;
+        isCrop?: boolean;
+        request?: (data: any) => any;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+declare const CustomUpload: ({ value, onChange, isDragger, children, ...rest }: CustomUploadProps) => JSX.Element;
+export default CustomUpload;