@ebiz/designer-components 0.0.18-beta.5 → 0.0.18-beta.6

package/src/apiService/simpleDataService.js

@@ -1,276 +1,278 @@
-/**
- * 简洁数据服务
- * 提供基本的数据操作方法，包含列表查询、详情查询、数据写入、数据修改、数据删除
- * 所有接口均使用POST方法提交
- */
-
-import axios from "axios";
-import { TinyNotify } from "@opentiny/vue";
-
-// 从环境变量获取API基础URL
-const API_BASE_URL =  window.location.host + "/api";
-
-/**
- * 创建axios实例
- */
-const axiosInstance = axios.create({
-  baseURL: API_BASE_URL,
-  timeout: 30000,
-  headers: {
-    "Content-Type": "application/json",
-    Accept: "application/json",
-  },
-});
-
-/**
- * 请求拦截器
- */
-axiosInstance.interceptors.request.use(
-  (config) => {
-    // 添加认证信息
-    const token = localStorage.getItem("token");
-    if (token) {
-      config.headers["Authorization"] = `Bearer ${token}`;
-    }
-    
-    // 如果是FormData格式，不设置Content-Type，让浏览器自动设置
-    if (config.data instanceof FormData) {
-      config.headers["Content-Type"] = undefined;
-    }
-    
-    return config;
-  },
-  (error) => {
-    return Promise.reject(error);
-  }
-);
-
-/**
- * 响应拦截器
- */
-axiosInstance.interceptors.response.use(
-  (response) => {
-    const { data } = response;
-
-    // 根据后端API的响应格式进行调整
-    if (data.code === 0) {
-      return data.data;
-    } else {
-      // message.error(data.message || '请求失败');
-      return Promise.reject(new Error(data.message || data.msg || "请求失败"));
-    }
-  },
-  (error) => {
-    // 错误处理
-    if (error.response) {
-      const { status } = error.response;
-
-      switch (status) {
-        case 401:
-          TinyNotify({
-            type: "warning",
-            title: "未授权",
-            message: "您无权限访问，请授权后重试",
-            position: "top-right",
-            duration: 2000,
-          });
-          break;
-        case 403:
-          TinyNotify({
-            type: "warning",
-            title: "权限不足",
-            message: "禁止访问，权限不足",
-            position: "top-right",
-            duration: 2000,
-          });
-          break;
-        case 404:
-          TinyNotify({
-            type: "warning",
-            title: "404",
-            message: "请求的资源不存在",
-            position: "top-right",
-            duration: 2000,
-          });
-          break;
-        case 500:
-          TinyNotify({
-            type: "warning",
-            title: "错误",
-            message: "服务器内部错误",
-            position: "top-right",
-            duration: 2000,
-          });
-          break;
-        default:
-          TinyNotify({
-            type: "warning",
-            title: "请求失败",
-            message: error.message,
-            position: "top-right",
-            duration: 2000,
-          });
-      }
-    } else {
-      TinyNotify({
-        type: "error",
-        title: "网络错误",
-        message: error.message,
-        position: "top-right",
-        duration: 2000,
-      });
-      // message.error('网络错误，请检查您的网络连接');
-    }
-
-    return Promise.reject(error);
-  }
-);
-
-let apiMap = {
-  MULTIPLE_DATA_SEARCH: "/appdata/select",
-  DETAILS_DATA: "/appdata/detailData",
-  INTERFACE_PLUGIN: "/appdata/plugin",
-  DATA_INSERT: "/appdata/addData",
-  BATCH_DATA_INSERT: "/appdata/addDatas",
-  DATA_MODIFY: "/appdata/updateData",
-  BATCH_DATA_MODIFY: "/appdata/updateDatas",
-  DEL_DATA: "/appdata/delData",
-  BATCH_DEL_DATA: "/appdata/delDatas",
-  MULTIPLE_DATA_LINK_SEARCH: "/api/appdata/link/select",
-  FILE_UPLOAD: "/api/file/upload", // 文件上传API
-};
-
-/**
- * 数据服务
- */
-const dataService = {
-  /**
-   * 请求数据 (POST方法)
-   * @param {string} url - 请求URL
-   * @param {Object} [params] - 查询参数
-   * @param {Object} [apiConfig] - API配置
-   * @param {string} [apiConfig.apiId] - API标识
-   * @param {string} [apiConfig.apiType] - API类型
-   * @returns {Promise<any>} 响应数据
-   * @example
-   */
-  fetch: (params = {}, apiConfig = {}, url = "") => {
-    if (!url) {
-      url = apiMap[apiConfig.apiType];
-    }
-
-    const { apiId = "", ...restConfig } = apiConfig;
-
-    const defaultConfig = {
-      // 默认列表查询配置
-      headers: {
-        "X-List-Query": "true",
-      },
-      timeout: 20000,
-    };
-    if (!params) {
-      params = {};
-    }
-    params.apiId = apiConfig.apiId;
-
-    const config = { ...defaultConfig, ...restConfig };
-    return axiosInstance.post(url, params, config);
-  },
-  
-  /**
-   * 文件上传
-   * @param {string} url - 上传URL，默认使用apiMap中的FILE_UPLOAD
-   * @param {FormData} formData - 包含文件和其他数据的FormData
-   * @param {Function} onProgress - 上传进度回调函数，参数为0-100的进度百分比
-   * @returns {Promise<any>} 上传响应数据
-   */
-  upload: (url = "", formData, onProgress = () => {}) => {
-    // 如果没有指定URL，使用默认的文件上传URL
-    if (!url) {
-      url = apiMap.FILE_UPLOAD;
-    }
-    
-    // 确保FormData中的文件字段名是'file'
-    let fixedFormData = new FormData();
-    let fileFound = false;
-    
-    // 检查并修复FormData
-    if (formData instanceof FormData) {
-      // 由于FormData不能直接检查内容，我们使用迭代器
-      try {
-        // 在某些旧浏览器中可能不支持entries()
-        if (typeof formData.entries === 'function') {
-          for (let pair of formData.entries()) {
-            const [key, value] = pair;
-            
-            if (value instanceof File || value instanceof Blob) {
-              // 找到文件，使用正确的字段名
-              console.log(`Found file in field ${key}, adding as 'file'`);
-              fixedFormData.append('file', value);
-              fileFound = true;
-            } else {
-              // 保留其他字段
-              fixedFormData.append(key, value);
-            }
-          }
-        } else {
-          // 如果不支持entries()，假设formData已经是正确的，直接使用
-          console.log('FormData.entries() not supported, using original FormData');
-          fixedFormData = formData;
-          fileFound = true;
-        }
-      } catch (e) {
-        console.error('Error processing FormData:', e);
-        // 出错时使用原始FormData
-        fixedFormData = formData;
-      }
-    } else {
-      console.error('Invalid FormData:', formData);
-      return Promise.reject(new Error('FormData is required for file upload'));
-    }
-    
-    // 如果没有找到文件，返回错误
-    if (!fileFound && typeof formData.entries === 'function') {
-      console.error('No file found in FormData');
-      return Promise.reject(new Error('No file found in FormData'));
-    }
-    
-    // 上传配置
-    const config = {
-      timeout: 60000, // 上传超时时间加长
-      headers: {
-        // 让浏览器自动设置Content-Type和boundary
-        'Content-Type': undefined
-      },
-      onUploadProgress: (progressEvent) => {
-        // 计算上传进度百分比
-        const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-        onProgress(percentCompleted);
-      }
-    };
-    
-    // 发起上传请求
-    console.log('Sending file upload request to:', url);
-    return axiosInstance.post(url, fixedFormData, config)
-      .then(response => {
-        console.log('Upload server response:', response);
-        
-        // 处理文件路径
-        // 如果返回的是相对路径，转换为完整URL
-        if (typeof response === 'string' && !response.startsWith('http')) {
-          // 判断路径是否以斜杠开头
-          const baseUrl = API_BASE_URL.endsWith('/') ? API_BASE_URL.slice(0, -1) : API_BASE_URL;
-          const filePath = response.startsWith('/') ? response : `/${response}`;
-          
-          // 构建完整URL
-          const fullUrl = `${baseUrl}/files${filePath}`;
-          console.log('Converted file path to full URL:', fullUrl);
-          return fullUrl;
-        }
-        
-        return response;
-      });
-  }
-};
-
-export default dataService;
+/**
+ * 简洁数据服务
+ * 提供基本的数据操作方法，包含列表查询、详情查询、数据写入、数据修改、数据删除
+ * 所有接口均使用POST方法提交
+ */
+
+import axios from 'axios'
+import { TinyNotify } from '@opentiny/vue'
+
+// 从环境变量获取API基础URL
+const API_BASE_URL =  window.location.host + "/api";
+
+/**
+ * 创建axios实例
+ */
+const axiosInstance = axios.create({
+  baseURL: API_BASE_URL,
+  timeout: 30000,
+  headers: {
+    'Content-Type': 'application/json',
+    Accept: 'application/json'
+  }
+})
+
+/**
+ * 请求拦截器
+ */
+axiosInstance.interceptors.request.use(
+  (config) => {
+    // 添加认证信息
+    const token = localStorage.getItem('token')
+    if (token) {
+      config.headers['Authorization'] = `Bearer ${token}`
+    }
+
+    // 如果是FormData格式，不设置Content-Type，让浏览器自动设置
+    if (config.data instanceof FormData) {
+      config.headers['Content-Type'] = undefined
+    }
+
+    return config
+  },
+  (error) => {
+    return Promise.reject(error)
+  }
+)
+
+/**
+ * 响应拦截器
+ */
+axiosInstance.interceptors.response.use(
+  (response) => {
+    const { data } = response
+
+    // 根据后端API的响应格式进行调整
+    if (data.code === 0) {
+      return data.data
+    } else {
+      // message.error(data.message || '请求失败');
+      return Promise.reject(new Error(data.message || data.msg || '请求失败'))
+    }
+  },
+  (error) => {
+    // 错误处理
+    if (error.response) {
+      const { status } = error.response
+
+      switch (status) {
+        case 401:
+          TinyNotify({
+            type: 'warning',
+            title: '未授权',
+            message: '您无权限访问，请授权后重试',
+            position: 'top-right',
+            duration: 2000
+          })
+          break
+        case 403:
+          TinyNotify({
+            type: 'warning',
+            title: '权限不足',
+            message: '禁止访问，权限不足',
+            position: 'top-right',
+            duration: 2000
+          })
+          break
+        case 404:
+          TinyNotify({
+            type: 'warning',
+            title: '404',
+            message: '请求的资源不存在',
+            position: 'top-right',
+            duration: 2000
+          })
+          break
+        case 500:
+          TinyNotify({
+            type: 'warning',
+            title: '错误',
+            message: '服务器内部错误',
+            position: 'top-right',
+            duration: 2000
+          })
+          break
+        default:
+          TinyNotify({
+            type: 'warning',
+            title: '请求失败',
+            message: error.message,
+            position: 'top-right',
+            duration: 2000
+          })
+      }
+    } else {
+      TinyNotify({
+        type: 'error',
+        title: '网络错误',
+        message: error.message,
+        position: 'top-right',
+        duration: 2000
+      })
+      // message.error('网络错误，请检查您的网络连接');
+    }
+
+    return Promise.reject(error)
+  }
+)
+
+let apiMap = {
+  MULTIPLE_DATA_SEARCH: '/appdata/select',
+  DETAILS_DATA: '/appdata/detailData',
+  INTERFACE_PLUGIN: '/appdata/plugin',
+  DATA_INSERT: '/appdata/addData',
+  BATCH_DATA_INSERT: '/appdata/addDatas',
+  DATA_MODIFY: '/appdata/updateData',
+  BATCH_DATA_MODIFY: '/appdata/updateDatas',
+  DEL_DATA: '/appdata/delData',
+  BATCH_DEL_DATA: '/appdata/delDatas',
+  MULTIPLE_DATA_LINK_SEARCH: '/api/appdata/link/select',
+  FILE_UPLOAD: '/api/file/upload' // 文件上传API
+}
+
+/**
+ * 数据服务
+ */
+const dataService = {
+  /**
+   * 请求数据 (POST方法)
+   * @param {string} url - 请求URL
+   * @param {Object} [params] - 查询参数
+   * @param {Object} [apiConfig] - API配置
+   * @param {string} [apiConfig.apiId] - API标识
+   * @param {string} [apiConfig.apiType] - API类型
+   * @returns {Promise<any>} 响应数据
+   * @example
+   */
+  fetch: (params = {}, apiConfig = {}, url = '') => {
+    if (!url) {
+      url = apiMap[apiConfig.apiType]
+    }
+
+    const { apiId = '', ...restConfig } = apiConfig
+
+    const defaultConfig = {
+      // 默认列表查询配置
+      headers: {
+        'X-List-Query': 'true'
+      },
+      timeout: 20000
+    }
+    if (!params) {
+      params = {}
+    }
+    params.apiId = apiConfig.apiId
+    if (apiConfig.key) {
+      params.key = apiConfig.key
+    }
+
+    const config = { ...defaultConfig, ...restConfig }
+    return axiosInstance.post(url, params, config)
+  },
+
+  /**
+   * 文件上传
+   * @param {string} url - 上传URL，默认使用apiMap中的FILE_UPLOAD
+   * @param {FormData} formData - 包含文件和其他数据的FormData
+   * @param {Function} onProgress - 上传进度回调函数，参数为0-100的进度百分比
+   * @returns {Promise<any>} 上传响应数据
+   */
+  upload: (url = '', formData, onProgress = () => {}) => {
+    // 如果没有指定URL，使用默认的文件上传URL
+    if (!url) {
+      url = apiMap.FILE_UPLOAD
+    }
+
+    // 确保FormData中的文件字段名是'file'
+    let fixedFormData = new FormData()
+    let fileFound = false
+
+    // 检查并修复FormData
+    if (formData instanceof FormData) {
+      // 由于FormData不能直接检查内容，我们使用迭代器
+      try {
+        // 在某些旧浏览器中可能不支持entries()
+        if (typeof formData.entries === 'function') {
+          for (let pair of formData.entries()) {
+            const [key, value] = pair
+
+            if (value instanceof File || value instanceof Blob) {
+              // 找到文件，使用正确的字段名
+              console.log(`Found file in field ${key}, adding as 'file'`)
+              fixedFormData.append('file', value)
+              fileFound = true
+            } else {
+              // 保留其他字段
+              fixedFormData.append(key, value)
+            }
+          }
+        } else {
+          // 如果不支持entries()，假设formData已经是正确的，直接使用
+          console.log('FormData.entries() not supported, using original FormData')
+          fixedFormData = formData
+          fileFound = true
+        }
+      } catch (e) {
+        console.error('Error processing FormData:', e)
+        // 出错时使用原始FormData
+        fixedFormData = formData
+      }
+    } else {
+      console.error('Invalid FormData:', formData)
+      return Promise.reject(new Error('FormData is required for file upload'))
+    }
+
+    // 如果没有找到文件，返回错误
+    if (!fileFound && typeof formData.entries === 'function') {
+      console.error('No file found in FormData')
+      return Promise.reject(new Error('No file found in FormData'))
+    }
+
+    // 上传配置
+    const config = {
+      timeout: 60000, // 上传超时时间加长
+      headers: {
+        // 让浏览器自动设置Content-Type和boundary
+        'Content-Type': undefined
+      },
+      onUploadProgress: (progressEvent) => {
+        // 计算上传进度百分比
+        const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+        onProgress(percentCompleted)
+      }
+    }
+
+    // 发起上传请求
+    console.log('Sending file upload request to:', url)
+    return axiosInstance.post(url, fixedFormData, config).then((response) => {
+      console.log('Upload server response:', response)
+
+      // 处理文件路径
+      // 如果返回的是相对路径，转换为完整URL
+      if (typeof response === 'string' && !response.startsWith('http')) {
+        // 判断路径是否以斜杠开头
+        const baseUrl = API_BASE_URL.endsWith('/') ? API_BASE_URL.slice(0, -1) : API_BASE_URL
+        const filePath = response.startsWith('/') ? response : `/${response}`
+
+        // 构建完整URL
+        const fullUrl = `${baseUrl}/files${filePath}`
+        console.log('Converted file path to full URL:', fullUrl)
+        return fullUrl
+      }
+
+      return response
+    })
+  }
+}
+
+export default dataService