@longhongguo/form-create-ant-design-vue 3.3.20 → 3.3.23

package/package.json

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

package/src/components/ExportExcel.vue

@@ -80,6 +80,19 @@ export default defineComponent({
     fileName: {
       type: String,
       default: ''
+    },
+    // 请求前置处理函数
+    beforeFetch: {
+      type: Function,
+      default: null
+    },
+    // 数据类型：json 或 formData
+    dataType: {
+      type: String,
+      default: 'json',
+      validator(value) {
+        return ['json', 'formData'].includes(value)
+      }
     }
   },
   data() {
@@ -101,15 +114,44 @@ export default defineComponent({
       this.loading = true
 
       try {
-        // 使用自定义的fetch来处理blob响应
-        const result = await this.fetchBlob({
+        // 构建请求配置
+        let config = {
           action: this.action,
           method: this.method,
           data: this.data,
           query: this.query,
           headers: this.headers,
-          withCredentials: this.withCredentials
-        })
+          withCredentials: this.withCredentials,
+          dataType: this.dataType
+        }
+
+        // 如果有 beforeFetch，先调用它来修改配置
+        if (this.beforeFetch && typeof this.beforeFetch === 'function') {
+          const formCreateInject = this.formCreateInject || {}
+          const api = formCreateInject.api
+          const rule = formCreateInject.rule
+
+          // beforeFetch 的第二个参数是 { api, rule }
+          const result = this.beforeFetch(config, { api, rule })
+
+          // 如果 beforeFetch 返回 Promise，等待它完成
+          if (result && typeof result.then === 'function') {
+            await result
+          } else if (result === false) {
+            // 如果返回 false，取消请求
+            this.loading = false
+            return
+          } else if (result && typeof result === 'object') {
+            // 如果返回了新的配置对象，使用它
+            config = result
+          }
+
+          // beforeFetch 可能直接修改了 config，或者返回了新的 config
+          // 这里假设它会直接修改传入的 config 对象（符合 form-create 的惯例）
+        }
+
+        // 使用自定义的fetch来处理blob响应
+        const result = await this.fetchBlob(config)
 
         // 获取文件名
         let fileName =
@@ -264,12 +306,33 @@ export default defineComponent({
         }
 
         // 处理请求体
-        if (config.data) {
-          const formData = new FormData()
-          Object.keys(config.data).forEach((key) => {
-            formData.append(key, config.data[key])
-          })
-          xhr.send(formData)
+        const dataType = config.dataType || 'json'
+        if (config.data && Object.keys(config.data).length > 0) {
+          if (dataType === 'formData') {
+            // 使用 FormData
+            const formData = new FormData()
+            Object.keys(config.data).forEach((key) => {
+              const value = config.data[key]
+              if (value !== null && value !== undefined) {
+                if (Array.isArray(value)) {
+                  // 如果是数组，需要特殊处理
+                  value.forEach((item) => {
+                    formData.append(key, item)
+                  })
+                } else {
+                  formData.append(key, value)
+                }
+              }
+            })
+            xhr.send(formData)
+          } else {
+            // 使用 JSON
+            xhr.setRequestHeader(
+              'Content-Type',
+              'application/json;charset=UTF-8'
+            )
+            xhr.send(JSON.stringify(config.data))
+          }
         } else {
           xhr.send()
         }