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

package/package.json

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

@@ -13,13 +13,31 @@ function getValue(obj, path) {
   return value
 }
 
+// 文件加载时立即打印
+console.log('[accTable] ✅ accTable.js 文件已加载')
+
 export default {
   name: 'accTable',
   mergeProp(ctx) {
+    console.log('[accTable] ========== mergeProp 被调用 ==========')
+    console.log('[accTable] 调用堆栈:', new Error().stack)
     const props = ctx.prop.props || {}
     const rule = ctx.rule
     const api = ctx.api
 
+    console.log('[accTable] mergeProp 基本信息:', {
+      ruleType: rule.type,
+      ruleName: rule.name,
+      hasEffect: !!rule.effect,
+      hasFetch: !!rule.effect?.fetch,
+      fetchValue: rule.effect?.fetch,
+      fetchType: typeof rule.effect?.fetch,
+      hasPagination: !!rule.props?.pagination,
+      paginationConfig: rule.props?.pagination,
+      paginationType: typeof rule.props?.pagination,
+      allRuleProps: Object.keys(rule.props || {})
+    })
+
     // 初始化列配置
     if (!hasProperty(props, 'columns')) {
       let columns = rule.props?.columns || []
@@ -79,8 +97,20 @@ export default {
     }
 
     // 处理分页配置
+    console.log('[accTable] 开始处理分页配置:', {
+      hasPaginationProp: hasProperty(props, 'pagination'),
+      paginationConfig: rule.props?.pagination,
+      paginationConfigType: typeof rule.props?.pagination
+    })
+
     if (!hasProperty(props, 'pagination')) {
       const paginationConfig = rule.props?.pagination
+      console.log('[accTable] 分页配置检查:', {
+        paginationConfig,
+        isFalse: paginationConfig === false,
+        isObject: paginationConfig && typeof paginationConfig === 'object'
+      })
+
       if (paginationConfig === false) {
         props.pagination = false
       } else if (paginationConfig && typeof paginationConfig === 'object') {
@@ -94,8 +124,17 @@ export default {
           ...paginationConfig
         }
 
+        console.log('[accTable] 检查是否需要添加分页请求参数:', {
+          hasFetch: !!rule.effect?.fetch,
+          fetchType: typeof rule.effect?.fetch,
+          fetchValue: rule.effect?.fetch,
+          paginationCurrent: paginationConfig.current,
+          currentDefined: paginationConfig.current !== undefined
+        })
+
         // 如果启用了分页且有远程数据源（fetch effect），添加 onChange 事件处理和初始化分页参数
         if (rule.effect?.fetch && paginationConfig.current !== undefined) {
+          console.log('[accTable] 进入分页请求参数处理逻辑')
           // 获取分页参数配置
           const pageParamName = rule.props?.paginationPageParam || 'page'
           const pageSizeParamName =
@@ -106,53 +145,147 @@ export default {
           const responseTotalPath =
             rule.props?.paginationResponseTotalPath || 'total'
 
-          // 包装 fetch 配置，将其包装成函数以动态注入分页参数
+          console.log('[accTable] 分页配置初始化:', {
+            hasFetch: !!rule.effect?.fetch,
+            paginationConfig,
+            pageParamName,
+            pageSizeParamName,
+            paramType,
+            currentPage: pagination.current,
+            currentPageSize: pagination.pageSize
+          })
+
+          // 包装 fetch 配置，通过 beforeFetch 钩子动态注入分页参数
           const originalFetch = rule.effect.fetch
+          console.log('[accTable] 原始 fetch 配置:', {
+            type: typeof originalFetch,
+            isObject: typeof originalFetch === 'object',
+            originalFetch
+          })
+
           if (typeof originalFetch === 'object') {
             // 保存原始配置和分页参数配置到闭包中
-            const savedOriginalFetch = { ...originalFetch }
             const savedParamType = paramType
             const savedPageParamName = pageParamName
             const savedPageSizeParamName = pageSizeParamName
+            const savedOriginalBeforeFetch = originalFetch.beforeFetch
 
-            // 将整个 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 }
+            // 添加 beforeFetch 钩子来注入分页参数
+            originalFetch.beforeFetch = (config, { rule: r, api: a }) => {
+              console.log('[accTable] beforeFetch 被调用:', {
+                configBefore: JSON.parse(JSON.stringify(config)),
+                ruleProps: r.props,
+                pagination: r.props?.pagination
+              })
 
               // 获取当前分页配置
               const currentPagination = r.props?.pagination
+              console.log('[accTable] 当前分页配置:', {
+                currentPagination,
+                isObject: typeof currentPagination === 'object',
+                currentPage: currentPagination?.current,
+                currentPageSize: currentPagination?.pageSize
+              })
+
               if (currentPagination && typeof currentPagination === 'object') {
                 const currentPage = currentPagination.current || 1
                 const currentPageSize = currentPagination.pageSize || 10
 
-                // 确保 fetchOption 存在 query 和 data，并合并已有值
+                console.log('[accTable] 准备添加分页参数:', {
+                  savedParamType,
+                  savedPageParamName,
+                  savedPageSizeParamName,
+                  currentPage,
+                  currentPageSize,
+                  existingQuery: config.query,
+                  existingData: config.data
+                })
+
+                // 添加分页参数（使用闭包中保存的参数名）
                 if (savedParamType === 'query') {
-                  fetchOption.query = {
-                    ...(baseOption.query || {}),
+                  // 合并已有的 query 参数，确保不覆盖用户自定义的参数
+                  config.query = {
+                    ...(config.query || {}),
                     [savedPageParamName]: currentPage,
                     [savedPageSizeParamName]: currentPageSize
                   }
+                  console.log('[accTable] 添加 query 参数后:', {
+                    query: config.query
+                  })
                 } else {
-                  fetchOption.data = {
-                    ...(baseOption.data || {}),
+                  // 合并已有的 data 参数，确保不覆盖用户自定义的参数
+                  config.data = {
+                    ...(config.data || {}),
                     [savedPageParamName]: currentPage,
                     [savedPageSizeParamName]: currentPageSize
                   }
+                  console.log('[accTable] 添加 data 参数后:', {
+                    data: config.data
+                  })
                 }
+              } else {
+                console.warn('[accTable] 分页配置无效，无法添加分页参数:', {
+                  currentPagination,
+                  type: typeof currentPagination
+                })
+              }
+
+              // 调用原始的 beforeFetch 钩子（如果存在）
+              if (
+                savedOriginalBeforeFetch &&
+                typeof savedOriginalBeforeFetch === 'function'
+              ) {
+                console.log('[accTable] 调用原始 beforeFetch 钩子')
+                return savedOriginalBeforeFetch(config, { rule: r, api: a })
               }
 
-              return fetchOption
+              console.log('[accTable] beforeFetch 完成，最终 config:', {
+                query: config.query,
+                data: config.data,
+                action: config.action
+              })
+            }
+
+            // 初始化时也添加分页参数到配置中
+            const currentPage = pagination.current || 1
+            const currentPageSize = pagination.pageSize || 10
+
+            console.log('[accTable] 初始化分页参数到 fetch 配置:', {
+              paramType,
+              pageParamName,
+              pageSizeParamName,
+              currentPage,
+              currentPageSize
+            })
+
+            if (paramType === 'query') {
+              if (!originalFetch.query) {
+                originalFetch.query = {}
+              }
+              originalFetch.query[pageParamName] = currentPage
+              originalFetch.query[pageSizeParamName] = currentPageSize
+              console.log('[accTable] 初始化后的 query:', originalFetch.query)
+            } else {
+              if (!originalFetch.data) {
+                originalFetch.data = {}
+              }
+              originalFetch.data[pageParamName] = currentPage
+              originalFetch.data[pageSizeParamName] = currentPageSize
+              console.log('[accTable] 初始化后的 data:', originalFetch.data)
             }
+
+            console.log('[accTable] 最终 fetch 配置:', {
+              action: originalFetch.action,
+              method: originalFetch.method,
+              query: originalFetch.query,
+              data: originalFetch.data,
+              hasBeforeFetch: typeof originalFetch.beforeFetch === 'function'
+            })
+          } else {
+            console.warn('[accTable] fetch 配置不是对象类型:', {
+              type: typeof originalFetch,
+              originalFetch
+            })
           }
 
           // 添加分页 onChange 事件处理
@@ -252,6 +385,7 @@ export default {
     }
   },
   render(children, ctx) {
+    console.log('[accTable] render 方法被调用')
     // 使用默认渲染
     return ctx.$render.defaultRender(ctx, children)
   }