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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longhongguo/form-create-ant-design-vue",
-  "version": "3.2.84",
+  "version": "3.2.86",
   "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

@@ -1,4 +1,5 @@
 import { hasProperty } from '@form-create/utils/lib/type'
+import { deepCopy } from '@form-create/utils/lib/deepextend'
 
 // 简单的 getValue 函数，根据路径字符串获取嵌套对象的值
 function getValue(obj, path) {
@@ -93,7 +94,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 +106,55 @@ export default {
           const responseTotalPath =
             rule.props?.paginationResponseTotalPath || 'total'
 
+          // 包装 fetch 配置，将其包装成函数以动态注入分页参数
+          const originalFetch = rule.effect.fetch
+          if (typeof originalFetch === 'object') {
+            // 保存原始配置和分页参数配置到闭包中
+            const savedOriginalFetch = { ...originalFetch }
+            const savedParamType = paramType
+            const savedPageParamName = pageParamName
+            const savedPageSizeParamName = pageSizeParamName
+
+            // 将整个 fetch 配置包装成函数，使其每次调用时都能获取最新的分页参数
+            rule.effect.fetch = (r, a) => {
+              // 先调用原始的 action（如果是函数）获取基础配置
+              let baseOption = savedOriginalFetch
+              if (typeof savedOriginalFetch.action === 'function') {
+                const actionResult = savedOriginalFetch.action(r, a)
+                if (actionResult && typeof actionResult === 'object') {
+                  baseOption = { ...savedOriginalFetch, ...actionResult }
+                }
+              }
+
+              // 使用扩展运算符创建新配置，保留所有原始属性（包括函数）
+              const fetchOption = { ...baseOption }
+
+              // 获取当前分页配置
+              const currentPagination = r.props?.pagination
+              if (currentPagination && typeof currentPagination === 'object') {
+                const currentPage = currentPagination.current || 1
+                const currentPageSize = currentPagination.pageSize || 10
+
+                // 确保 fetchOption 存在 query 和 data，并合并已有值
+                if (savedParamType === 'query') {
+                  fetchOption.query = {
+                    ...(baseOption.query || {}),
+                    [savedPageParamName]: currentPage,
+                    [savedPageSizeParamName]: currentPageSize
+                  }
+                } else {
+                  fetchOption.data = {
+                    ...(baseOption.data || {}),
+                    [savedPageParamName]: currentPage,
+                    [savedPageSizeParamName]: currentPageSize
+                  }
+                }
+              }
+
+              return fetchOption
+            }
+          }
+
           // 添加分页 onChange 事件处理
           pagination.onChange = (page, size) => {
             // 更新分页配置
@@ -113,34 +163,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 +177,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)
           }
         }