@cqsjjb/jjb-react-admin-component 3.3.15 → 3.3.17

package/ListDataContainer/index.js

@@ -5,45 +5,45 @@ import { isEqual } from 'lodash';
 import SearchForm from '@cqsjjb/jjb-react-admin-component/SearchForm';
 import ProTable from '@cqsjjb/jjb-react-admin-component/Table';
 
-/**
- * @component ListDataContainer
- * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
- * 
- * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
- * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
- * @props {Array} searchFormConfig - 搜索表单配置数组
- *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
- *   @param {string} searchFormConfig[].name - 表单项字段名
- *   @param {string} searchFormConfig[].label - 表单项标签
- *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
- *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
- *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
- *   @param {boolean} searchFormConfig[].required - 是否必填
- * @props {string} rowKey - 表格行键值，默认为'id'
- * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
- * @props {Object} tableProps - 传递给Table组件的属性
- * @props {Object} searchFormProps - 传递给SearchForm组件的属性
- * @props {boolean} proTable - 是否使用ProTable组件，默认为false
- * @example
- * // 基础用法
- * <ListDataContainer
- *   columns={tableColumns}
- *   fetchDataApi={getCourseList}
- *   searchFormConfig={[
- *     {
- *       field: Select,
- *       name: 'status',
- *       label: '状态',
- *     }
- *     {
- *       field: Input,
- *       name: 'name',
- *       label: '名称',
- *       required: true,
- *     }
- *   ]}
- * />
- * 
+/**
+ * @component ListDataContainer
+ * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
+ * 
+ * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
+ * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
+ * @props {Array} searchFormConfig - 搜索表单配置数组
+ *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
+ *   @param {string} searchFormConfig[].name - 表单项字段名
+ *   @param {string} searchFormConfig[].label - 表单项标签
+ *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
+ *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
+ *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
+ *   @param {boolean} searchFormConfig[].required - 是否必填
+ * @props {string} rowKey - 表格行键值，默认为'id'
+ * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
+ * @props {Object} tableProps - 传递给Table组件的属性
+ * @props {Object} searchFormProps - 传递给SearchForm组件的属性
+ * @props {boolean} proTable - 是否使用ProTable组件，默认为false
+ * @example
+ * // 基础用法
+ * <ListDataContainer
+ *   columns={tableColumns}
+ *   fetchDataApi={getCourseList}
+ *   searchFormConfig={[
+ *     {
+ *       field: Select,
+ *       name: 'status',
+ *       label: '状态',
+ *     }
+ *     {
+ *       field: Input,
+ *       name: 'name',
+ *       label: '名称',
+ *       required: true,
+ *     }
+ *   ]}
+ * />
+ * 
  */
 
 const SELECT_COMPONENTS = ['Select', 'TreeSelect', 'Cascader', 'DatePicker', 'TimePicker', 'Checkbox', 'Radio', 'Switch', 'Slider', 'Upload'];
@@ -76,10 +76,10 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
     return Component.displayName || Component.constructor.name;
   };
 
-  /**
-   * 数据加载与刷新方法
-   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
-   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
+  /**
+   * 数据加载与刷新方法
+   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
+   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
    */
   const loadDataSource = useCallback(async (overrideParams = {}) => {
     if (!fetchDataApi) return;
@@ -94,8 +94,15 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
       }
 
       // 1. 获取组件内部的表单参数
-      const formValues = await form.current.validateFields();
-      console.warn("formValues", formValues);
+      let formValues = {};
+      if (form.current && searchFormConfig.length > 0) {
+        try {
+          formValues = await form.current.validateFields();
+        } catch (error) {
+          // 表单验证失败时，使用 getFieldsValue 获取当前值
+          formValues = form.current.getFieldsValue() || {};
+        }
+      }
 
       // 2. 构造基础参数：分页参数 + 表单参数
       const baseParams = {
@@ -141,11 +148,15 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
   };
   const handleReset = () => {
     // 清空表单
-    form.current.setFieldsValue(searchFormConfig.reduce((obj, item) => {
-      obj[item.name] = undefined;
-      return obj;
-    }, {}));
-    onRest && onRest(form.current);
+    if (form.current && searchFormConfig.length > 0) {
+      form.current.setFieldsValue(searchFormConfig.reduce((obj, item) => {
+        obj[item.name] = undefined;
+        return obj;
+      }, {}));
+    }
+    if (onRest && form.current) {
+      onRest(form.current);
+    }
     // 重置分页并使用内部默认参数查询
     setPagination(initialPagination);
     loadDataSource();

package/Table/index.d.ts

@@ -49,8 +49,8 @@ export interface OptionConfig {
 }
 
 export interface OverTableProps extends TableProps {
-  // 当一个路由下存在多个表格的情况下 需要给每一个表格设置一个唯一存储索引 若没有设置则使用默认索引，请注意缓存数据会被覆盖
-  storeIndex?: string;
+  /** 滚动高度偏移量 默认16 */
+  scrollYOffset?: number;
   // 是否启用自动计算滚动高度，默认-true
   enableAutoScrollY?: boolean;
   // ProTable options 配置项

package/Table/index.js

@@ -12,6 +12,7 @@ export default function TablePro(props) {
   const tableFooterCls = `${baseCls}-footer`;
   const {
     enableAutoScrollY = true,
+    scrollYOffset = 16,
     options = {
       reload: false,
       density: true,
@@ -80,16 +81,13 @@ export default function TablePro(props) {
     };
   }, [ref, enableAutoScrollY, debouncedCalcScrollY]);
   return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: {
-      height: '100%'
-    }
+    ref: ref
   }, /*#__PURE__*/React.createElement(ProTable, _extends({
     ghost: true,
     columnEmptyText: true,
     search: false,
     scroll: enableAutoScrollY ? {
-      y: scrollY || 0
+      y: scrollY - scrollYOffset || 0
     } : undefined,
     className: `${antPrefix}-gbs-pro-table`,
     options: options

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/jjb-react-admin-component",
-  "version": "3.3.15",
+  "version": "3.3.17",
   "description": "jjb-react-admin-组件库-稳定版",
   "main": "index.js",
   "author": "jjb-front-team",