@longhongguo/form-create-ant-design-vue 3.2.84 → 3.2.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longhongguo/form-create-ant-design-vue",
-  "version": "3.2.84",
+  "version": "3.2.85",
   "description": "AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。",
   "main": "./dist/form-create.min.js",
   "module": "./dist/form-create.esm.js",

package/src/parsers/accTable.js

@@ -93,7 +93,7 @@ export default {
           ...paginationConfig
         }
 
-        // 如果启用了分页且有远程数据源（fetch effect），添加 onChange 事件处理
+        // 如果启用了分页且有远程数据源（fetch effect），添加 onChange 事件处理和初始化分页参数
         if (rule.effect?.fetch && paginationConfig.current !== undefined) {
           // 获取分页参数配置
           const pageParamName = rule.props?.paginationPageParam || 'page'
@@ -105,6 +105,69 @@ export default {
           const responseTotalPath =
             rule.props?.paginationResponseTotalPath || 'total'
 
+          // 包装 fetch 配置，添加 beforeFetch 钩子来动态注入分页参数
+          const originalFetch = rule.effect.fetch
+          if (typeof originalFetch === 'object') {
+            // 保存原始 beforeFetch 钩子和分页参数配置到闭包中
+            const originalBeforeFetch = originalFetch.beforeFetch
+            const savedParamType = paramType
+            const savedPageParamName = pageParamName
+            const savedPageSizeParamName = pageSizeParamName
+
+            // 先将初始分页参数添加到配置中（用于首次加载）
+            const currentPage = pagination.current || 1
+            const currentPageSize = pagination.pageSize || 10
+
+            if (savedParamType === 'query') {
+              if (!originalFetch.query) {
+                originalFetch.query = {}
+              }
+              originalFetch.query[savedPageParamName] = currentPage
+              originalFetch.query[savedPageSizeParamName] = currentPageSize
+            } else {
+              if (!originalFetch.data) {
+                originalFetch.data = {}
+              }
+              originalFetch.data[savedPageParamName] = currentPage
+              originalFetch.data[savedPageSizeParamName] = currentPageSize
+            }
+
+            // 添加 beforeFetch 钩子来动态更新分页参数（确保每次请求都使用最新值）
+            originalFetch.beforeFetch = (config, { rule: r, api: a }) => {
+              // 获取当前分页配置
+              const currentPagination = r.props?.pagination
+              if (currentPagination && typeof currentPagination === 'object') {
+                const currentPage = currentPagination.current || 1
+                const currentPageSize = currentPagination.pageSize || 10
+
+                // 确保 config 存在 query 和 data
+                if (!config.query) {
+                  config.query = {}
+                }
+                if (!config.data) {
+                  config.data = {}
+                }
+
+                // 添加分页参数（使用闭包中保存的参数名）
+                if (savedParamType === 'query') {
+                  config.query[savedPageParamName] = currentPage
+                  config.query[savedPageSizeParamName] = currentPageSize
+                } else {
+                  config.data[savedPageParamName] = currentPage
+                  config.data[savedPageSizeParamName] = currentPageSize
+                }
+              }
+
+              // 调用原始的 beforeFetch 钩子（如果存在）
+              if (
+                originalBeforeFetch &&
+                typeof originalBeforeFetch === 'function'
+              ) {
+                return originalBeforeFetch(config, { rule: r, api: a })
+              }
+            }
+          }
+
           // 添加分页 onChange 事件处理
           pagination.onChange = (page, size) => {
             // 更新分页配置
@@ -113,34 +176,11 @@ export default {
               rule.props.pagination.pageSize = size
             }
 
-            // 更新 fetch 参数
-            if (rule.effect?.fetch) {
-              const fetchConfig = rule.effect.fetch
-              if (typeof fetchConfig === 'object') {
-                if (paramType === 'query') {
-                  // 通过 query 参数传递
-                  if (!fetchConfig.query) {
-                    fetchConfig.query = {}
-                  }
-                  fetchConfig.query[pageParamName] = page
-                  fetchConfig.query[pageSizeParamName] = size
-                } else {
-                  // 通过 data 参数传递
-                  if (!fetchConfig.data) {
-                    fetchConfig.data = {}
-                  }
-                  fetchConfig.data[pageParamName] = page
-                  fetchConfig.data[pageSizeParamName] = size
-                }
-
-                // 触发 fetch 重新加载：通过触发 effect 来重新运行 fetch
-                ctx.api.sync(rule)
-                // 延迟触发 refresh 以确保配置已更新
-                setTimeout(() => {
-                  ctx.api.refresh()
-                }, 0)
-              }
-            }
+            // 分页参数已经通过包装的 fetch 函数自动添加，只需要触发重新加载
+            ctx.api.sync(rule)
+            setTimeout(() => {
+              ctx.api.refresh()
+            }, 0)
           }
 
           // 添加 onShowSizeChange 事件处理（改变每页条数时）
@@ -150,29 +190,11 @@ export default {
               rule.props.pagination.pageSize = size
             }
 
-            if (rule.effect?.fetch) {
-              const fetchConfig = rule.effect.fetch
-              if (typeof fetchConfig === 'object') {
-                if (paramType === 'query') {
-                  if (!fetchConfig.query) {
-                    fetchConfig.query = {}
-                  }
-                  fetchConfig.query[pageParamName] = 1
-                  fetchConfig.query[pageSizeParamName] = size
-                } else {
-                  if (!fetchConfig.data) {
-                    fetchConfig.data = {}
-                  }
-                  fetchConfig.data[pageParamName] = 1
-                  fetchConfig.data[pageSizeParamName] = size
-                }
-
-                ctx.api.sync(rule)
-                setTimeout(() => {
-                  ctx.api.refresh()
-                }, 0)
-              }
-            }
+            // 分页参数已经通过包装的 fetch 函数自动添加，只需要触发重新加载
+            ctx.api.sync(rule)
+            setTimeout(() => {
+              ctx.api.refresh()
+            }, 0)
           }
         }