@longhongguo/form-create-ant-design-vue 3.2.92 → 3.2.94

package/package.json

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

@@ -18,6 +18,84 @@ console.log('[accTable] ✅ accTable.js 文件已加载')
 
 export default {
   name: 'accTable',
+  init(ctx) {
+    // 在初始化时就设置 beforeFetch 钩子，确保在第一次请求之前就已经添加
+    console.log('[accTable] init 被调用')
+    const rule = ctx.rule
+
+    // 如果启用了分页且有远程数据源，在 init 时就添加 beforeFetch 钩子
+    if (
+      rule.effect?.fetch &&
+      rule.props?.pagination &&
+      typeof rule.props.pagination === 'object' &&
+      rule.props.pagination.current !== undefined
+    ) {
+      const originalFetch = rule.effect.fetch
+      if (typeof originalFetch === 'object') {
+        const savedOriginalBeforeFetch = originalFetch.beforeFetch
+        const isOurBeforeFetch =
+          savedOriginalBeforeFetch &&
+          savedOriginalBeforeFetch._accTablePaginationHook === true
+
+        if (!isOurBeforeFetch) {
+          console.log('[accTable] 在 init 中提前设置 beforeFetch 钩子')
+          // 获取分页参数配置
+          const pageParamName = rule.props?.paginationPageParam || 'page'
+          const pageSizeParamName =
+            rule.props?.paginationPageSizeParam || 'pageSize'
+          const paramType = rule.props?.paginationParamType || 'query'
+          const savedRule = rule
+
+          originalFetch.beforeFetch = (config, { api }) => {
+            const currentPagination = savedRule?.props?.pagination
+            if (currentPagination && typeof currentPagination === 'object') {
+              const currentPage = currentPagination.current || 1
+              const currentPageSize = currentPagination.pageSize || 10
+
+              if (paramType === 'query') {
+                config.query = {
+                  ...(config.query || {}),
+                  [pageParamName]: currentPage,
+                  [pageSizeParamName]: currentPageSize
+                }
+              } else {
+                config.data = {
+                  ...(config.data || {}),
+                  [pageParamName]: currentPage,
+                  [pageSizeParamName]: currentPageSize
+                }
+              }
+            }
+
+            // 调用原始的 beforeFetch 钩子（如果存在）
+            if (
+              savedOriginalBeforeFetch &&
+              typeof savedOriginalBeforeFetch === 'function'
+            ) {
+              try {
+                const result = savedOriginalBeforeFetch(config, { api })
+                if (result && typeof result.then === 'function') {
+                  return result.catch((err) => {
+                    console.error(
+                      '[accTable] 原始 beforeFetch 钩子执行出错:',
+                      err
+                    )
+                    return Promise.resolve()
+                  })
+                }
+                return result
+              } catch (err) {
+                console.error('[accTable] 原始 beforeFetch 钩子执行出错:', err)
+              }
+            }
+          }
+
+          originalFetch.beforeFetch._accTablePaginationHook = true
+          console.log('[accTable] ✅ 在 init 中 beforeFetch 钩子已添加')
+        }
+      }
+    }
+  },
   mergeProp(ctx) {
     console.log('[accTable] ========== mergeProp 被调用 ==========')
     console.log('[accTable] 调用堆栈:', new Error().stack)
@@ -133,34 +211,22 @@ export default {
     }
 
     // 无论 props.pagination 是否已存在，只要满足条件就添加/检查 beforeFetch 钩子
-    // 使用标记防止重复初始化，避免重复请求
-    const paginationInitialized = rule._accTablePaginationInitialized === true
-
     console.log('[accTable] 检查分页钩子添加条件:', {
       hasFetch: !!rule.effect?.fetch,
       hasPaginationConfig: !!paginationConfig,
       paginationConfigType: typeof paginationConfig,
       paginationConfigValue: paginationConfig,
       paginationCurrent: paginationConfig?.current,
-      paginationCurrentDefined: paginationConfig?.current !== undefined,
-      paginationInitialized
+      paginationCurrentDefined: paginationConfig?.current !== undefined
     })
 
     if (
-      !paginationInitialized && // 只初始化一次
       rule.effect?.fetch &&
       paginationConfig &&
       typeof paginationConfig === 'object' &&
       paginationConfig.current !== undefined
     ) {
-      console.log(
-        '[accTable] ✅ 满足条件，进入分页请求参数处理逻辑（首次初始化）'
-      )
-
-      // 标记已初始化，防止重复执行
-      rule._accTablePaginationInitialized = true
-
-      console.log('[accTable] 进入分页请求参数处理逻辑')
+      console.log('[accTable] ✅ 满足条件，进入分页请求参数处理逻辑')
       // 获取分页参数配置
       const pageParamName = rule.props?.paginationPageParam || 'page'
       const pageSizeParamName =
@@ -271,12 +337,30 @@ export default {
 
             // 调用原始的 beforeFetch 钩子（如果存在）
             // 原始钩子可能也只接收 (config, {api}) 参数
+            // 使用 try-catch 包装，避免原始钩子中的错误影响我们的逻辑
             if (
               savedOriginalBeforeFetch &&
               typeof savedOriginalBeforeFetch === 'function'
             ) {
               console.log('[accTable] 调用原始 beforeFetch 钩子')
-              return savedOriginalBeforeFetch(config, { api })
+              try {
+                const result = savedOriginalBeforeFetch(config, { api })
+                // 如果原始钩子返回了 Promise，处理它
+                if (result && typeof result.then === 'function') {
+                  return result.catch((err) => {
+                    console.error(
+                      '[accTable] 原始 beforeFetch 钩子执行出错:',
+                      err
+                    )
+                    // 即使原始钩子出错，也继续执行
+                    return Promise.resolve()
+                  })
+                }
+                return result
+              } catch (err) {
+                console.error('[accTable] 原始 beforeFetch 钩子执行出错:', err)
+                // 即使原始钩子出错，也继续执行，不影响分页参数的添加
+              }
             }
 
             console.log('[accTable] beforeFetch 完成，最终 config:', {
@@ -300,49 +384,55 @@ export default {
         })
       }
 
-      // 添加分页 onChange 和 onShowSizeChange 事件处理（确保事件处理函数存在）
+      // 添加分页 onChange 和 onShowSizeChange 事件处理（确保事件处理函数存在，且只设置一次）
       const paginationObj = props.pagination || paginationConfig
       if (paginationObj && typeof paginationObj === 'object') {
-        if (!paginationObj.onChange) {
-          paginationObj.onChange = (page, size) => {
-            console.log('[accTable] pagination onChange 被调用:', {
-              page,
-              size
-            })
-            // 更新分页配置
-            if (rule.props?.pagination) {
-              rule.props.pagination.current = page
-              rule.props.pagination.pageSize = size
+        // 检查是否已经设置过事件处理函数（通过标记判断）
+        if (!paginationObj._accTableHandlersSet) {
+          if (!paginationObj.onChange) {
+            paginationObj.onChange = (page, size) => {
+              console.log('[accTable] pagination onChange 被调用:', {
+                page,
+                size
+              })
+              // 更新分页配置
+              if (rule.props?.pagination) {
+                rule.props.pagination.current = page
+                rule.props.pagination.pageSize = size
+              }
+              // 分页参数已经通过 beforeFetch 钩子自动添加，只需要触发重新加载
+              ctx.api.sync(rule)
+              setTimeout(() => {
+                ctx.api.refresh()
+              }, 0)
             }
-            // 分页参数已经通过 beforeFetch 钩子自动添加，只需要触发重新加载
-            ctx.api.sync(rule)
-            setTimeout(() => {
-              ctx.api.refresh()
-            }, 0)
           }
-        }
 
-        if (!paginationObj.onShowSizeChange) {
-          paginationObj.onShowSizeChange = (current, size) => {
-            console.log('[accTable] pagination onShowSizeChange 被调用:', {
-              current,
-              size
-            })
-            if (rule.props?.pagination) {
-              rule.props.pagination.current = 1 // 改变每页条数时重置到第一页
-              rule.props.pagination.pageSize = size
+          if (!paginationObj.onShowSizeChange) {
+            paginationObj.onShowSizeChange = (current, size) => {
+              console.log('[accTable] pagination onShowSizeChange 被调用:', {
+                current,
+                size
+              })
+              if (rule.props?.pagination) {
+                rule.props.pagination.current = 1 // 改变每页条数时重置到第一页
+                rule.props.pagination.pageSize = size
+              }
+              // 分页参数已经通过 beforeFetch 钩子自动添加，只需要触发重新加载
+              ctx.api.sync(rule)
+              setTimeout(() => {
+                ctx.api.refresh()
+              }, 0)
             }
-            // 分页参数已经通过 beforeFetch 钩子自动添加，只需要触发重新加载
-            ctx.api.sync(rule)
-            setTimeout(() => {
-              ctx.api.refresh()
-            }, 0)
           }
-        }
 
-        // 如果 props.pagination 不存在，将 paginationObj 赋值给 props.pagination
-        if (!props.pagination) {
-          props.pagination = paginationObj
+          // 标记事件处理函数已设置，避免重复设置
+          paginationObj._accTableHandlersSet = true
+
+          // 如果 props.pagination 不存在，将 paginationObj 赋值给 props.pagination
+          if (!props.pagination) {
+            props.pagination = paginationObj
+          }
         }
       }
     }