@hzab/list-render 1.10.12-beta5 → 1.10.12

package/CHANGELOG.md

@@ -5,6 +5,7 @@ feat: schema title 支持传入 ReactNode，支持通过 schemaScope 传入
 fix: table 响应数据 去除 inTable == false 的字段
 fix: table 响应表单 FormilyField 环境变量 scenario: "tableReactionsForm"
 fix: 行内编辑 清除上一次的数据，解决切换表单数据未清除问题
+feat: onSearch 支持配置是否保存 query
 
 # @hzab/list-render@1.10.11
 

package/README.md

@@ -104,7 +104,7 @@ const listDM = useMemo(
 | editMode                    | modal/line/line-cell/cell | 否   | modal                                  | 编辑模式： modal 弹窗/抽屉编辑; line 编辑整行，编辑按钮在操作列; line-cell 编辑整行，操作按钮在单元格; cell 编辑指定单元格 |
 | appendUrlQuery              | boolean                   | 否   | true                                   | 筛选条件改变时是否将参数（对象形式）设置到 url query 中                                                                    |
 | appendUrlQueryKey           | string                    | 否   | URL_PARAM_NAME = "defaultSearchParams" | 自定义设置 url query 对象参数的 key                                                                                        |
-| onEditReqVerify             | Function                  | 否   | -                                      | 编辑态保存时额外的规则校验函数，返回Promise的resolve或reject用于继续执行或停止执行
+| onEditReqVerify             | Function                  | 否   | -                                      | 编辑态保存时额外的规则校验函数，返回 Promise 的 resolve 或 reject 用于继续执行或停止执行                                   |
 
 - fetchOnEdit 展示编辑弹框时，是否会调用一次详情接口进行回填（某些场景下，列表接口只返回部分部分字段，只有详情接口会返回全部字段）；若为 false，则会使用表格列表接口返回的 row 数据进行回填
 
@@ -269,16 +269,20 @@ const Slots = {
 
 - 可使用 ref 获取并触发执行
 
-| 函数名       | 参数  | 说明                                         |
-| ------------ | ----- | -------------------------------------------- |
-| onSearch     | query | 重置页码至 1，并刷新列表                     |
-| getList      | query | 获取当前页列表数据                           |
-| forceUpdate  | -     | 强制重渲染列表，解决枚举数据渲染不正常的问题 |
-| formModalRef | -     | 新增、编辑 弹窗 form-modal 的 ref            |
-| queryRef     | -     | 筛选条件 query-render 的 ref                 |
-| onCreate     | -     | 手动触发新增按钮相关操作                     |
-| onEdit       | row   | 手动触发编辑按钮相关操作                     |
-| onDel        | row   | 手动触发删除按钮相关操作                     |
+| 函数名       | 参数         | 说明                                         |
+| ------------ | ------------ | -------------------------------------------- |
+| onSearch     | (query, opt) | 重置页码至 1，并刷新列表                     |
+| getList      | query        | 获取当前页列表数据                           |
+| forceUpdate  | -            | 强制重渲染列表，解决枚举数据渲染不正常的问题 |
+| formModalRef | -            | 新增、编辑 弹窗 form-modal 的 ref            |
+| queryRef     | -            | 筛选条件 query-render 的 ref                 |
+| onCreate     | -            | 手动触发新增按钮相关操作                     |
+| onEdit       | row          | 手动触发编辑按钮相关操作                     |
+| onDel        | row          | 手动触发删除按钮相关操作                     |
+
+- onSearch opt
+  - isSaveQuery 是否保存传入的 query 值
+  - isMergeQuery 是否合并上一次保存的 query 值
 
 # Schema
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/list-render",
-  "version": "1.10.12-beta5",
+  "version": "1.10.12",
   "description": "",
   "main": "src",
   "scripts": {

package/src/list-render.jsx

@@ -222,39 +222,48 @@ const ListRender = forwardRef(function (props, parentRef) {
     getList();
   }
 
-  function onSearch(query, source, isReset = false) {
+  function onSearch(query, opt = {}) {
+    const {
+      /**
+       * 是否保存传入的 query 值
+       */
+      isSaveQuery = true,
+      /**
+       * 是否合并上一次保存的 query 值
+       */
+      isMergeQuery = true,
+    } = opt || {};
     if (model && !model.query) {
       model.query = {};
     }
-    // model.query.pageNum = 1;
     paginationQueryRef.current = { ...paginationQueryRef.current, pageNum: 1 };
 
     if (model && model.query && !model.query.pageSize) {
       model.query.pageSize = pageSizeOptions[0];
     }
-    // model.query = Object.assign(model.query, query);
-    getList(query);
+    if (isSaveQuery) {
+      formQueryRef.current = { ...(isMergeQuery ? formQueryRef.current : {}), ...query };
+    }
+    return getList(query);
   }
 
   /**
    * query 表单提交回调
-   * @param {*} values
+   * @param {Object} values
    * @returns
    */
-  function onQueryFormSubmit(values) {
-    formQueryRef.current = values;
-    // 重置操作时不赋值
+  function onQueryFormSubmit(query, isReset) {
+    // 是否开启 url query
     if (appendUrlQuery) {
-      setURLObjectQueryParam(values, appendUrlQueryKey);
-    }
-    return onSearch(values);
-  }
-
-  function onReset(values) {
-    if (appendUrlQuery) {
-      removeURLObjectQueryParam(appendUrlQueryKey, "", true);
+      if (isReset) {
+        // 重置操作时不赋值
+        removeURLObjectQueryParam(appendUrlQueryKey, "", true);
+      } else {
+        setURLObjectQueryParam(query, appendUrlQueryKey);
+      }
     }
-    return onSearch(values);
+    formQueryRef.current = query;
+    return onSearch(query);
   }
 
   function handleFieldValueChange(filed, form) {
@@ -447,7 +456,7 @@ const ListRender = forwardRef(function (props, parentRef) {
               ...(queryFormIsExtendModelQuery ? model.query : {}),
             }}
             onSearch={onQueryFormSubmit}
-            onReset={onReset}
+            onReset={onQueryFormSubmit}
             schemaScope={props.schemaScope}
             components={props.components}
             onFieldValueChange={handleFieldValueChange}

package/src/query-render/index.jsx

@@ -50,12 +50,12 @@ function QueryRender(props, parentRef) {
 
       if (!beforeQuerySearchResult) return;
     }
-    return props.onSearch && props.onSearch(query, "queryRender");
+    return props.onSearch && props.onSearch(query);
   }
 
   function onReset() {
     formRef.current?.formRender?.reset();
-    props.onReset && props.onReset(_.cloneDeep(formRef?.current?.formRender?.values));
+    props.onSearch && props.onSearch(_.cloneDeep(formRef?.current?.formRender?.values), true);
   }
 
   return (