@skyfox2000/webui 1.5.10 → 1.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.5.10",
+   "version": "1.5.11",
    "description": "后台前端通用组件定义, 支持国际化",
    "type": "module",
    "keywords": [],
@@ -67,9 +67,9 @@
       "rollup": "^4.29.1",
       "tailwindcss": "^3.4.17",
       "typescript": "^5.7.2",
-      "vite": "^6.2.3",
+      "vite": "^6.2.7",
       "vite-plugin-dts": "^4.5.4",
-      "vue-tsc": "^2.2.0"
+      "vue-tsc": "^3.2.1"
    },
    "dependencies": {
       "vue-i18n": "^11.2.2"

package/src/components/content/dialog/excelForm.vue

@@ -115,6 +115,7 @@ import {
    processExcelFile,
    path,
    UploadFile,
+   csvToExcelView,
 } from '@/index';
 import { validateExcelUnified } from '@/utils/form-excel';
 import { $t } from '@/locales/index';
@@ -496,7 +497,7 @@ const performDataValidation = async (buffer: ArrayBuffer): Promise<void> => {
 const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
    const gridCtrl = props.gridCtrl;
    if (!gridCtrl) {
-      message.error('未配置表格控制器！');
+      message.error($t('webui.components.content.excelForm.gridCtrlNotConfigured'));
       return;
    }
 
@@ -551,7 +552,6 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
          const csvText = decoder.decode(csvBuffer);
 
          // 转换CSV为Excel格式用于验证
-         const { csvToExcelView } = await import('@/utils/excel-view');
          const excelResult = await csvToExcelView(csvText, file.name);
          if (!excelResult.success) {
             throw new Error(excelResult.error || $t('webui.components.content.excelForm.csvProcessingFailed'));

package/src/components/form/upload/imageList.vue

@@ -92,8 +92,6 @@ const { t } = useI18n();
 const displayList = ref<UploadFile[]>(props.fileList);
 // Upload 组件的内部文件列表
 const uploadList = ref<UploadFile[]>([]);
-
-const fileUploader = ref();
 const emit = defineEmits(['update:file-list']);
 const acceptString = computed(() => (props.fileExt?.length ? props.fileExt.map((ext) => `.${ext}`).join(',') : ''));
 

package/src/components/form/upload/uploadList.vue

@@ -109,9 +109,6 @@ const { errInfo } = inputFactory;
 const displayList = ref<UploadFile[]>(props.fileList);
 // Upload 组件的内部文件列表
 const uploadList = ref<UploadFile[]>([]);
-
-const fileUploader = ref();
-const fileFolderUploader = ref();
 const emit = defineEmits(['update:file-list']);
 const acceptString = computed(() => (props.fileExt?.length ? props.fileExt.map((ext) => `.${ext}`).join(',') : ''));
 

package/src/locales/default.ts

@@ -286,7 +286,8 @@ export const defaultLocale = {
                "noDataToSave": "错误！无保存数据！",
                "saveSuccess": "保存成功！",
                "conditionalDeleteForbidden": "错误！禁止无条件删除数据！",
-               "deleteSuccess": "删除成功！"
+               "deleteSuccess": "删除成功！",
+               "urlNotSet": "URL未设置: {urlKey}"
             },
             "download": {
                "downloadFailed": "下载文件失败！",
@@ -309,11 +310,20 @@ export const defaultLocale = {
                "duplicateCheckPassed": "重复性检验通过"
             },
             "options": {
-               "notConfigured": "未配置选项数据！"
+               "notConfigured": "未配置选项数据！",
+               "outFieldsFormatError": "outFields 格式错误：{sourceKey}，必须是 ${index} 或者 ${index}.${key}"
             },
             "excelPreview": {
                "previewUrlNotConfigured": "预览URL或Excel控制器未配置",
-               "fileLoadFailed": "文件加载失败"
+               "fileLoadFailed": "文件加载失败",
+               "csvProcessingFailed": "CSV格式处理失败",
+               "previewFile": "预览文件",
+               "previewFileXlsx": "预览文件.xlsx",
+               "previewFileCsv": "preview.csv",
+               "unsupportedRawFormat": "不支持的原始文件格式",
+               "unsupportedFileFormat": "不支持的文件格式",
+               "dataEmpty": "数据为空",
+               "excelProcessingFailed": "Excel处理失败"
             },
             "tools": {
                "noClickHandler": "未配置点击处理事件！",
@@ -321,6 +331,7 @@ export const defaultLocale = {
                "expandSearch": "展开搜索栏",
                "collapseSearch": "折叠搜索栏",
                "rowHeight": "行高调整",
+               "templateManagement": "模板管理",
                "showCheckbox": "显示多选框",
                "hideCheckbox": "隐藏多选框",
                "expandRows": "展开记录行",
@@ -340,6 +351,10 @@ export const defaultLocale = {
                "csvToExcelFailed": "CSV转Excel失败",
                "csvProcessFailed": "CSV文件处理失败",
                "unknownError": "未知错误"
+            },
+            "microOpenapis": {
+               "interfaceNotConfigured": "未配置{method}接口！",
+               "apiCallTimeout": "API调用超时: {method}"
             }
          }
       }

package/src/utils/data.ts

@@ -36,7 +36,7 @@ const doPost = <T>(control: AnyControl, options: PostOptions<T>): Promise<ApiRes
    const url = options.url;
    // 验证URL
    if (!url || !url.url) {
-      const errorMsg = `URL未设置: ${options.urlKey}`;
+      const errorMsg = $t('webui.utils.data.urlNotSet', { urlKey: options.urlKey });
       console.warn(errorMsg);
       return Promise.reject(new Error(errorMsg));
    }

package/src/utils/excel-preview.ts

@@ -57,7 +57,7 @@ export const processCsvContent = async (content: string, filename: string = 'pre
          fileName: csvResult.fileName!,
       };
    } else {
-      throw new Error(csvResult.error || 'CSV格式处理失败');
+      throw new Error(csvResult.error || $t('webui.utils.excelPreview.csvProcessingFailed'));
    }
 };
 
@@ -68,7 +68,7 @@ export const processCsvContent = async (content: string, filename: string = 'pre
  * @param filename 文件名
  * @returns 处理结果
  */
-export const processExcelContent = (content: string, mimeType?: string, filename: string = '预览文件.xlsx') => {
+export const processExcelContent = (content: string, mimeType?: string, filename: string = $t('webui.utils.excelPreview.previewFileXlsx')) => {
    const type = mimeType || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
    return {
       success: true,
@@ -93,16 +93,16 @@ export const handleFileData = async (data: any, isRawMode: boolean = false) => {
             return processExcelContent(data);
          }
       } else if (data instanceof ArrayBuffer || data instanceof Uint8Array) {
-         const blob = new Blob([data], {
+         const blob = new Blob([data as ArrayBuffer], {
             type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
          });
          return {
             success: true,
             blobUrl: URL.createObjectURL(blob),
-            fileName: '预览文件.xlsx',
+            fileName: $t('webui.utils.excelPreview.previewFileXlsx'),
          };
       } else {
-         throw new Error('不支持的原始文件格式');
+         throw new Error($t('webui.utils.excelPreview.unsupportedRawFormat'));
       }
    }
 
@@ -111,7 +111,7 @@ export const handleFileData = async (data: any, isRawMode: boolean = false) => {
       if (isCsvType(data.Type, data.FileName)) {
          return await processCsvContent(data.Content, data.FileName || 'preview.csv');
       } else if (isExcelType(data.Type, data.FileName)) {
-         return processExcelContent(data.Content, data.Type, data.FileName || '预览文件.xlsx');
+         return processExcelContent(data.Content, data.Type, data.FileName || $t('webui.utils.excelPreview.previewFileXlsx'));
       } else {
          return processExcelContent(data.Content);
       }
@@ -119,12 +119,12 @@ export const handleFileData = async (data: any, isRawMode: boolean = false) => {
       return {
          success: true,
          blobUrl: data.url,
-         fileName: data.fileName || '预览文件.xlsx',
+         fileName: data.fileName || $t('webui.utils.excelPreview.previewFileXlsx'),
       };
    } else if (typeof data === 'string') {
       return await processCsvContent(data);
    } else {
-      throw new Error('不支持的文件格式');
+      throw new Error($t('webui.utils.excelPreview.unsupportedFileFormat'));
    }
 };
 
@@ -183,8 +183,8 @@ export const loadPreviewFile = async (
          }
       }
    } catch (error: any) {
-      console.error('预览文件加载错误:', error);
-      message.error($t('webui.utils.excelPreview.fileLoadFailed') + '：' + (error?.message || '未知错误'));
+      console.error('预览文件加载错误', error);
+      message.error($t('webui.utils.excelPreview.fileLoadFailed') + ': ' + (error?.message || $t('webui.utils.formCsv.unknownError')));
       throw error;
    }
 };

package/src/utils/excel-view.ts

@@ -3,6 +3,8 @@
  * 统一处理Excel和CSV数据的显示预处理，支持错误标记
  */
 
+import { $t } from '@/locales/index';
+
 /**
  * Excel错误标记单元格
  */
@@ -193,7 +195,7 @@ export const toExcel = async (
       const { headers, rows } = data;
 
       if (headers.length === 0) {
-         throw new Error('数据为空');
+         throw new Error($t('webui.utils.excelPreview.dataEmpty'));
       }
 
       // 创建错误单元格映射
@@ -279,7 +281,7 @@ export const toExcel = async (
       console.error('转换Excel失败:', error);
       return {
          success: false,
-         error: error instanceof Error ? error.message : '未知错误',
+         error: error instanceof Error ? error.message : $t('webui.utils.formCsv.unknownError'),
       };
    }
 };
@@ -297,7 +299,7 @@ export const csvToExcelView = async (csvContent: string, fileName: string): Prom
    } catch (error) {
       return {
          success: false,
-         error: error instanceof Error ? error.message : 'CSV处理失败',
+         error: error instanceof Error ? error.message : $t('webui.utils.excelPreview.csvProcessingFailed'),
       };
    }
 };
@@ -324,7 +326,7 @@ export const excelToExcelView = async (excelBuffer: ArrayBuffer, fileName: strin
    } catch (error) {
       return {
          success: false,
-         error: error instanceof Error ? error.message : 'Excel处理失败',
+         error: error instanceof Error ? error.message : $t('webui.utils.excelPreview.excelProcessingFailed'),
       };
    }
 };

package/src/utils/file-upload.ts

@@ -153,7 +153,7 @@ export class AsyncUploader {
       } catch (error) {
          fileList.forEach((file) => {
             file.status = UploadStatus.Error;
-            file.error = error instanceof Error ? error : new Error('上传失败');
+            file.error = error instanceof Error ? error : new Error($t('webui.utils.fileUpload.fileUploadFailed'));
             onProgress?.(file);
          });
       } finally {
@@ -180,7 +180,7 @@ export class AsyncUploader {
             onProgress?.(file);
          });
       } catch (error) {
-         file.error = error instanceof Error ? error : new Error('上传失败');
+         file.error = error instanceof Error ? error : new Error($t('webui.utils.fileUpload.fileUploadFailed'));
       } finally {
          // 启动下一个上传任务
          if (pendingFiles.length > 0) {

package/src/utils/micro-openapis.ts

@@ -4,6 +4,7 @@
  */
 
 import { AppInfo, HostInfo, UserInfo } from '@skyfox2000/microbase';
+import { $t } from '@/locales/index';
 
 // 定义请求数据格式
 interface ApiRequestData {
@@ -44,7 +45,7 @@ class MicroAppSDK {
    private static async callMainAppMethod(method: string, params?: any): Promise<any> {
       // 检查是否在微前端环境中
       if (!this.isInMicroApp()) {
-         throw new Error(`未配置${method}接口！`);
+         throw new Error($t('webui.utils.microOpenapis.interfaceNotConfigured', { method }));
       }
 
       // 生成请求标识符（方法名+参数JSON字符串）
@@ -68,7 +69,7 @@ class MicroAppSDK {
             if (this.callbacks.has(id)) {
                this.callbacks.delete(id);
                this.pendingRequests.delete(requestKey);
-               reject(new Error(`API调用超时: ${method}`));
+               reject(new Error($t('webui.utils.microOpenapis.apiCallTimeout', { method })));
             }
          }, 10000); // 10秒超时
       });
@@ -113,7 +114,7 @@ class MicroAppSDK {
             if (success) {
                callback.resolve(result);
             } else {
-               callback.reject(new Error(error || '未知错误'));
+               callback.reject(new Error(error || $t('webui.utils.formCsv.unknownError')));
             }
          }
       }

package/src/utils/tools.ts

@@ -74,7 +74,7 @@ export const getToolGroup = (
                      button.formVisible!.value = true;
                   }, 1);
                } else {
-                  message.warning('未配置点击处理事件！');
+                  message.warning($t('webui.utils.tools.noClickHandler'));
                }
             };
          }

package/src/utils/upload-template.ts

@@ -1,11 +1,12 @@
 import { ButtonTool } from '@/typings/tools';
 import { ref } from 'vue';
+import { $t } from '@/locales';
 
 export const uploadTempOpener = ref<boolean>(false);
 
 // 添加上传模板按钮
 export const uploadTempBtn: ButtonTool = {
-   label: '模板管理',
+   label: $t('webui.utils.tools.templateManagement'),
    key: 'uploadTemp',
    type: 'primary',
    icon: 'icon-download',

package/lib/assets/modules/file-upload-DcusqXDb.js

@@ -1,211 +0,0 @@
-var b = Object.defineProperty;
-var E = (o, r, a) => r in o ? b(o, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[r] = a;
-var h = (o, r, a) => E(o, typeof r != "symbol" ? r + "" : r, a);
-import { hostUrl as m } from "@skyfox2000/fapi";
-import U from "dayjs";
-import f from "vue-m-message";
-import { $ as u, M as y, u as g } from "./upload-template-NU0Bpg4N.js";
-import { isMicroApp as F } from "@skyfox2000/microbase";
-var i = /* @__PURE__ */ ((o) => (o.Pending = "pending", o.Uploading = "uploading", o.Success = "success", o.Error = "error", o.Online = "online", o.Offline = "offline", o))(i || {});
-class M {
-  /**
-   * 连接路径参数，已判断 undefined 或 null 值
-   * @param args 路径参数数组
-   * @returns 连接后的路径字符串
-   */
-  static join(...r) {
-    return r.filter((s) => s != null).join("/").replace(/[\/]+/, "/");
-  }
-}
-class S {
-  /**
-   * AsyncUploader 构造函数
-   * @param urlInfo 文件上传的 API 配置（IUrlInfo 对象）
-   * @param maxConcurrent 最大允许并发上传的文件数量
-   */
-  constructor(r, a = 3) {
-    /**
-     * 设置 API 端点和最大并发数，所有上传文件通过该类控制
-     */
-    h(this, "urlInfo");
-    /**
-     * 最大并发上传数
-     */
-    h(this, "maxConcurrent");
-    /**
-     * 控制上传任务的中断信号
-     */
-    h(this, "abortController");
-    this.urlInfo = r, this.maxConcurrent = a;
-  }
-  /**
-   * 执行上传
-   * @param fileList 文件列表
-   * @param loading 加载状态
-   * @param continueOnError 错误时是否继续上传
-   * @param onComplete 上传完成回调
-   * @param onProgress 上传进度回调
-   * @returns 上传结果
-   */
-  async doUpload(r, a, l, s, t) {
-    if (r.length) {
-      if (r.length === 0) {
-        f.warning(u("webui.utils.fileUpload.pleaseSelectFile"));
-        return;
-      }
-      a.value = !0, await this.uploadFiles(r, t, (d) => {
-        let e = !1, p = 0;
-        for (const n of d)
-          n.status === i.Error && p++;
-        p ? p < d.length ? l ? (f.error(u("webui.utils.fileUpload.partialUploadFailed")), f.warning(u("webui.utils.fileUpload.saveUploadSuccess")), e = !0) : f.error(u("webui.utils.fileUpload.partialUploadFailedCancel")) : f.error(u("webui.utils.fileUpload.allUploadFailed")) : (f.success(u("webui.utils.fileUpload.allUploadSuccess")), e = !0), a.value = !1, s == null || s(e, d);
-      });
-    }
-  }
-  /**
-   * 上传多个文件，控制并发数量
-   * @param files 文件列表（File[] 或 FileList）
-   * @param onProgress 上传进度回调
-   * @param onComplete 上传完成回调
-   */
-  async uploadFiles(r, a, l) {
-    if (!r.length) return;
-    const s = Math.min(this.maxConcurrent, r.length), t = [];
-    for (const e of r)
-      switch (e.status) {
-        case i.Success:
-        case i.Online:
-        case i.Offline:
-          break;
-        default:
-          e.status = i.Pending, t.push(e);
-          break;
-      }
-    const d = [];
-    this.abortController = new AbortController();
-    try {
-      for (; d.length < s && t.length > 0; ) {
-        const e = t.shift();
-        if (!e) break;
-        d.push(this.handleFileStatus(e, d, t, a));
-      }
-      await Promise.all(d);
-    } catch (e) {
-      r.forEach((p) => {
-        p.status = i.Error, p.error = e instanceof Error ? e : new Error("上传失败"), a == null || a(p);
-      });
-    } finally {
-      l == null || l(r);
-    }
-  }
-  /**
-   * 处理单个文件的上传逻辑
-   * @param file 当前上传的文件
-   * @param activeUploads 当前正在上传的文件列表
-   * @param pendingFiles 等待上传的文件列表
-   * @param onProgress 上传进度回调
-   */
-  async handleFileStatus(r, a, l, s) {
-    try {
-      await this.uploadFile(r, this.abortController.signal, (t) => {
-        r.percent = t, s == null || s(r);
-      });
-    } catch (t) {
-      r.error = t instanceof Error ? t : new Error("上传失败");
-    } finally {
-      if (l.length > 0) {
-        const t = l.shift();
-        t && a.push(this.handleFileStatus(t, a, l, s));
-      }
-    }
-  }
-  /**
-   * 使用 XMLHttpRequest 上传文件
-   * @param file 文件对象
-   * @param signal 中断信号
-   * @param onProgress 上传进度回调
-   */
-  async uploadFile(r, a, l) {
-    return r.status = i.Uploading, new Promise(async (s, t) => {
-      const d = new FormData();
-      if (d.append("file", r.originFileObj), r.params)
-        for (const n in r.params)
-          d.append(n, r.params[n]);
-      const e = new XMLHttpRequest(), p = m(this.urlInfo);
-      if (p === !1) return Promise.resolve(r);
-      if (e.open("POST", p, !0), this.urlInfo.header && typeof this.urlInfo.header == "object" && Object.entries(this.urlInfo.header).forEach(([n, c]) => {
-        e.setRequestHeader(n, c);
-      }), this.urlInfo.authorize) {
-        const n = F() ? await y.getToken() : g().getToken();
-        if (!n) {
-          t(new Error(u("webui.utils.fileUpload.unauthorized")));
-          return;
-        }
-        e.setRequestHeader("Authorization", "Bearer " + n);
-      }
-      e.upload.addEventListener("progress", (n) => {
-        if (n.lengthComputable && n.total > 0) {
-          const c = Math.round(n.loaded / n.total * 100);
-          l(c);
-        }
-      }), e.addEventListener("load", () => {
-        if (e.status >= 200 && e.status < 300) {
-          const n = e.getResponseHeader("Content-Type");
-          if (!n || !n.includes("application/json")) {
-            t(new Error(u("webui.utils.fileUpload.invalidJsonFormat")));
-            return;
-          }
-          try {
-            const c = JSON.parse(e.response);
-            if (c.status === "success")
-              c.data && (r.minioFile = {
-                ETag: c.data.ETag,
-                Bucket: c.data.Bucket,
-                FileName: r.fileName,
-                Key: c.data.Key,
-                Size: c.data.Size,
-                Type: r.type,
-                UpdateTime: U().format("YYYY-MM-DD HH:mm:ss"),
-                Status: i.Success
-              }), r.status = i.Success, s(r);
-            else {
-              const w = c.msg;
-              r.status = i.Error, t(new Error(w));
-            }
-          } catch (c) {
-            r.status = i.Error, t(new Error(u("webui.utils.fileUpload.jsonParseError") + ": " + c));
-          }
-        } else
-          r.status = i.Error, t(new Error(u("webui.utils.fileUpload.uploadFailed") + `：${e.status}`));
-      }), e.addEventListener("error", () => {
-        r.status = i.Error, t(new Error(u("webui.utils.fileUpload.networkError")));
-      }), e.send(d), a.addEventListener("abort", () => {
-        e.abort(), t(new Error(u("webui.utils.fileUpload.uploadCancelled")));
-      });
-    });
-  }
-  /**
-   * 取消当前所有的上传任务
-   */
-  cancelUpload() {
-    this.abortController && this.abortController.abort();
-  }
-}
-const x = async (o, r) => {
-  const a = new S(o, 1), l = [r];
-  await a.uploadFiles(
-    l,
-    (s) => {
-      r.percent = s.percent;
-    },
-    (s) => {
-      const t = s[0];
-      r.percent = t.percent, t.status === i.Success ? (r.status = i.Online, f.success(u("webui.utils.fileUpload.fileUploadSuccess"))) : (r.status = i.Error, f.error(u("webui.utils.fileUpload.fileUploadFailed")));
-    }
-  );
-};
-export {
-  S as A,
-  i as U,
-  x as f,
-  M as p
-};