fdb2 1.0.0

package/src/utils/modal.ts

@@ -0,0 +1,124 @@
+import { getCurrentInstance } from 'vue';
+import { getModalInstance, showAlert, showConfirm, type ModalTypeWithMethods } from '@/components/modal';
+
+/**
+ * 全局Modal工具类
+ * 提供统一的弹窗接口
+ */
+export class ModalHelper {
+  /**
+   * 获取全局modal实例
+   */
+  private getModal(): ModalTypeWithMethods|null {
+    const instance = getModalInstance();
+    if (!instance) {
+      console.warn('ModalHelper: Vue实例不存在，使用默认实现');
+      return null;
+    }
+    
+    // @ts-ignore
+    return instance;
+  }
+
+  /**
+   * 成功提示
+   */
+  success(content: string): Promise<boolean> {
+    const modal = this.getModal();
+    if (modal?.success) {
+      return modal.success(content);
+    }
+    return showAlert(content, 'success') || Promise.resolve(true);
+  }
+
+  /**
+   * 错误提示
+   */
+  error(content: string | Error, detail?: any): Promise<boolean> {
+    const modal = this.getModal();
+    
+    // 处理错误对象
+    let errorMessage: string;
+    if (content instanceof Error) {
+      errorMessage = content.message;
+      console.error('Error details:', {
+        name: content.name || detail.name,
+        message: content.message || detail.message,
+        stack: content.stack || detail.stack,
+      });
+    } else {
+      errorMessage = String(content);
+    }
+    
+    if (modal?.error) {
+      return modal.error(errorMessage, detail);
+    }
+    return showAlert(errorMessage, 'error', detail) || Promise.resolve(true);
+  }
+
+
+
+  /**
+   * 警告提示
+   */
+  warning(content: string): Promise<boolean> {
+    const modal = this.getModal();
+    if (modal?.warning) {
+      return modal.warning(content);
+    }
+    return showAlert(content, 'warning') || Promise.resolve(true);
+  }
+
+  /**
+   * 信息提示
+   */
+  info(content: string): Promise<boolean> {
+    const modal = this.getModal();
+    if (modal?.info) {
+      return modal.info(content);
+    }
+    return showAlert(content, 'info') || Promise.resolve(true);
+  }
+
+  /**
+   * 简单提示（替代alert）
+   */
+  alert(content: string): Promise<boolean> {
+    const modal = this.getModal();
+    if (modal?.alert) {
+      return modal.alert(content);
+    }
+    return showAlert(content, 'info') || Promise.resolve(true);
+  }
+
+  /**
+   * 确认对话框（替代confirm）
+   */
+  confirm(content: string, options?: {
+    title?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+  }): Promise<boolean> {
+    const modal = this.getModal();
+    if (modal?.confirm) {
+      return modal.confirm({
+        ...options,
+        content,
+      });
+    }
+    return showConfirm(content, options) || Promise.resolve(false);
+  }
+}
+
+// 导出单例实例
+export const modal = new ModalHelper();
+
+// 兼容性导出
+export const showToast = modal.info.bind(modal);
+export const showError = modal.error.bind(modal);
+export const showSuccess = modal.success.bind(modal);
+export const showWarning = modal.warning.bind(modal);
+
+// 替代原生函数
+export const alert = modal.alert.bind(modal);
+export const confirm = modal.confirm.bind(modal);

package/src/utils/request.ts

@@ -0,0 +1,55 @@
+
+import { useSessionStore } from '@/stores/session';
+import Axios from 'axios';
+import type { AxiosRequestConfig } from 'axios';
+
+const axios = Axios.create();
+
+export async function request(url: string, data?: any, option?: AxiosRequestConfig) {
+    
+    const session = useSessionStore();
+    option = {
+        ...(option || {})
+    }
+    
+    option = {
+        method: 'POST',
+        withCredentials: true,
+        ...option,
+        headers: {
+            ...(option.headers || {}),
+            'x-auth-token': (session.id || ''),
+        }
+    };
+    let res;
+    if(option.method === 'GET' || option.method === 'get') {
+        res = await axios.get(url, {
+            ...option,
+            params: {
+                ...(option.params||{}),
+                ...data||{}
+            }
+        });
+    }
+    else {
+        res = await axios.post(url, data, option);
+    }
+    return res;
+}
+
+export async function post(url: string, data?: any, option?: AxiosRequestConfig) {
+    return request(url, data, {
+        method: 'post',
+        ...option,
+    });
+}
+
+
+
+export async function get(url: string, data?: any, option?: AxiosRequestConfig) {
+    return request(url, data, {
+        method: 'get',
+        ...option,
+    });
+}
+

package/src/utils/sleep.ts

@@ -0,0 +1,4 @@
+// 暂停指定时间后再继续执行，默认暂停1000毫秒
+const sleep = (time = 1000): Promise<void> => new Promise(rs => setTimeout(rs, time));
+
+export default sleep;

package/src/utils/toast.ts

@@ -0,0 +1,73 @@
+import { getCurrentInstance } from 'vue';
+
+export type ToastType = {
+  show: (title: string, message: string, type: string, duration?: number) => void,
+  success: (msg: string, title?: string, duration?: number) => void,
+  error: (msg: string, title?: string, duration?: number) => void,
+  warning: (msg: string, title?: string, duration?: number) => void,
+  info: (msg: string, title?: string, duration?: number) => void
+};
+
+let globalToast: ToastType | null = null;
+
+export function setGlobalToast(toast: ToastType) {
+  globalToast = toast;
+}
+
+export function getGlobalToast(): ToastType | null {
+  return globalToast;
+}
+
+export class ToastHelper {
+  private getToast(): ToastType | null {
+    if (globalToast) {
+      return globalToast;
+    }
+    
+    const instance = getCurrentInstance();
+    if (!instance) {
+      console.warn('ToastHelper: Vue实例不存在，请确保已注册toast插件');
+      return null;
+    }
+    
+    const toast = instance.appContext.config?.globalProperties?.$toast as ToastType;
+    return toast || null;
+  }
+
+  success(message: string, title = '', duration = 3000): void {
+    const toast = this.getToast();
+    if (toast?.success) {
+      toast.success(message, title, duration);
+    }
+  }
+
+  error(message: string, title = '', duration = 3000): void {
+    const toast = this.getToast();
+    if (toast?.error) {
+      toast.error(message, title, duration);
+    }
+  }
+
+  warning(message: string, title = '', duration = 3000): void {
+    const toast = this.getToast();
+    if (toast?.warning) {
+      toast.warning(message, title, duration);
+    }
+  }
+
+  info(message: string, title = '', duration = 3000): void {
+    const toast = this.getToast();
+    if (toast?.info) {
+      toast.info(message, title, duration);
+    }
+  }
+
+  show(title: string, message: string, type: string, duration = 3000): void {
+    const toast = this.getToast();
+    if (toast?.show) {
+      toast.show(message, title, type, duration);
+    }
+  }
+}
+
+export const toast = new ToastHelper();

package/src/utils/util.ts

@@ -0,0 +1,171 @@
+import { h, render, type Component, type ComponentObjectPropsOptions } from 'vue';
+import { snapdom } from '@zumer/snapdom';
+import JSZip from 'jszip';
+
+// 渲染组件
+export function renderComponent(component: Component, props?: ComponentObjectPropsOptions, target: HTMLElement = document.body) {
+    const vnode = h(component, props||null);
+    render(vnode, target);
+    
+    return vnode;
+}
+
+// 转自符串为json，主要用于ai返回的json格式问题
+export function parseAiJSON(str: string) {
+    str = str.trim();
+    if(str.startsWith('```json')) str = str.replace('```json', '');
+    if(str.startsWith('json')) str = str.replace('json', '');
+    if(str.endsWith('```')) str = str.substring(0, str.length - 3);
+    try {
+        const res = JSON.parse(str);
+        return res;
+    }
+    catch (e) {
+        //str = str.replace(/{\s*{/g, '{').replace(/}\s*}/g, '}');
+        let jsonIndex = str.indexOf('{');
+        let jsonLast = str.lastIndexOf('}');
+        if(jsonIndex === -1) jsonIndex = 0;
+        if(jsonLast === -1) jsonLast = str.length - 1;
+        let jsonStr = str.substring(jsonIndex, jsonLast + 1);
+        jsonStr = jsonStr.replace(/\s*\/\/(.*)?\s+/g, '');// 去除注释
+        try {
+            const result = JSON.parse(jsonStr);
+            return result;
+        }
+        catch(e) {
+            console.error(jsonStr);
+            return null;
+        }
+    }
+}
+
+// 导出dom为图片
+export const exportDomAsImage = async (dom: HTMLElement, option: {
+    type: 'jpg'|'png',
+    filename: string
+}) => {
+    if (dom) {
+        try {
+            await snapdom.download(dom, { 
+                format: option.type || 'png', 
+                type: option.type || 'png', 
+                filename: option.filename,
+                // 1. 解决锯齿/模糊的核心：提升分辨率
+                dpr: Math.max(window.devicePixelRatio||2, 2), // 关键！用设备物理像素比，无则默认2倍
+                scale: 2, // 额外缩放DOM渲染尺寸（1.2-2倍为宜，避免过度放大导致性能问题）
+                quality: 1, // 质量拉满（仅对jpeg/webp生效，png无需此参数但设1不影响）
+                embedFonts: true, // 嵌入字体（防止文字因字体缺失导致锯齿/错位）
+                fast: false, // 关闭"快速模式"（快速模式会跳过部分细节渲染，优先保证质量）
+                width: dom.offsetWidth,
+                height: dom.offsetHeight,
+            });
+        } catch (error) {
+            console.error('导出图片时出错:', error);
+        }
+    }
+  };
+
+  /**
+ * 将Blob类型的数组打包成ZIP文件并下载
+ * @param blobs 包含Blob和文件名的数组
+ * @param zipFileName 导出的ZIP文件名
+ */
+export const compressBlobToZip = async (
+    blobs: Array<{ blob: Blob; fileName: string }|Blob>,
+  ): Promise<Blob> => {
+    // 验证输入
+    if (!blobs || blobs.length === 0) {
+      throw new Error('没有需要导出的文件');
+    }
+  
+    return new Promise<Blob>(async (resolve, reject) => {
+        // 创建JSZip实例
+        const zip = new JSZip();
+    
+        try {
+        // 遍历图片数组，添加到ZIP
+        for (let [index, blob] of blobs.entries()) {
+            const data = blob instanceof Blob? {
+                fileName: `file-${index + 1}`,
+                blob,
+            }: blob;
+
+            // 确保文件名有效，添加默认扩展名
+            const fileName = data.fileName || `file-${index + 1}`;
+            const fileWithExtension = fileName.includes('.') 
+            ? fileName 
+            : `${fileName}.png`; // 默认使用png扩展名
+    
+            // 将Blob转换为ArrayBuffer
+            const arrayBuffer = await new Promise<ArrayBuffer>((resolve, reject) => {
+                const reader = new FileReader();
+                reader.onload = () => resolve(reader.result as ArrayBuffer);
+                reader.onerror = () => reject(reader.error);
+                reader.readAsArrayBuffer(data.blob);
+            });
+    
+            // 添加文件到ZIP
+            zip.file(fileWithExtension, arrayBuffer);
+        }
+    
+        // 生成ZIP文件并下载
+        zip.generateAsync({ type: 'blob', }, (metadata) => {
+            // 可以在这里添加进度提示逻辑
+            console.log(`打包进度: ${metadata.percent.toFixed(2)}%`);
+        }).then(content => {
+            resolve(content);
+        }).catch((reason) => {
+            reject(reason)
+        });
+    
+        } catch (error) {
+            console.error('打包ZIP文件失败:', error);
+            reject(error)
+        }            
+    });
+  }
+
+export const download = async (blob: Blob, fileName: string) => {
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = fileName;
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(() => {
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    }, 200);
+}
+
+// 用form触发下载
+export const downloadWithForm = function (url: string, params: any = {}): void {
+    // 1. 创建表单元素
+    const form = document.createElement('form');
+    
+    // 2. 设置表单属性
+    form.method = 'post';       // 使用POST方法
+    form.action = url;          // 接口地址
+    form.target = '_blank';     // 在新窗口打开，避免当前页面跳转
+    form.style.display = 'none'; // 隐藏表单（不影响页面）
+    
+    // 3. 动态添加表单参数（将params转为隐藏输入框）
+    Object.entries(params).forEach(([key, value]) => {
+        const input = document.createElement('input');
+        input.type = 'hidden';  // 隐藏输入框，不显示在页面
+        input.name = key;       // 参数名
+        input.value = value as string;    // 参数值
+        form.appendChild(input);
+    });
+    
+    // 4. 将表单添加到页面
+    document.body.appendChild(form);
+    
+    // 5. 提交表单（触发下载）
+    form.submit();
+    
+    // 6. 清理：移除表单（可选，不影响功能）
+    setTimeout(() => {
+        document.body.removeChild(form);
+    }, 100);
+}

package/src/utils/xlsx.ts

@@ -0,0 +1,228 @@
+// @ts-ignore
+import * as xlsx from "xlsx";
+import ExcelJS from 'exceljs';
+
+// 读取excel文件内容（支持xls和xlsx）
+export async function readExcel(file: Blob): Promise<xlsx.WorkBook> {
+    return new Promise(resolve => {
+        if (!file) {
+            resolve({} as any);
+            return;
+        }
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            if (!e.target) {
+                resolve({} as any);
+                return;
+            }
+            const data = e.target.result;
+            const book = xlsx.read(data, { 
+                type: 'binary',
+                cellDates: true,
+                cellText: false
+            });
+            resolve(book);
+        }
+        reader.readAsBinaryString(file);
+    });
+}
+
+// 文档解成json对象（处理合并单元格）
+export function decodeBook(book: xlsx.WorkBook) {
+    const result = {
+        sheetNames: book.SheetNames || [],
+        sheets: []
+    } as any;
+    if (!book.SheetNames || !book.SheetNames.length) return result;
+    for (const name of book.SheetNames) {
+        result.sheets.push({
+            name,
+            data: decodeSheet(book.Sheets[name] as any),
+        });
+    }
+    return result;
+}
+
+// 解析单个表（修复合并单元格多行问题）
+export function decodeSheet(sheet: xlsx.WorkSheet) {
+    const res = {
+        cols: {} as any,
+        data: [] as any,
+    };
+    
+    // 获取表格范围和合并单元格信息
+    const range = xlsx.utils.decode_range(sheet['!ref'] || 'A1:A1');
+    const merges = sheet['!merges'] || [];
+    
+    // 记录哪些行是合并区域的一部分（用于后续去重）
+    const mergedRows = new Set<number>();
+    
+    // 1. 先解析所有单元格数据
+    for (const key in sheet) {
+        if (!key || typeof key !== 'string' || key.startsWith('!')) continue;
+        
+        const { r: rowIndex, c: colIndex } = xlsx.utils.decode_cell(key);
+        const colKey = xlsx.utils.encode_col(colIndex);
+        const cellValue = sheet[key].v || '';
+        
+        // 处理表头行（第0行）
+        if (rowIndex === 0) {
+            res.cols[colKey] = cellValue;
+        } 
+        // 处理数据行
+        else {
+            const dataRowIndex = rowIndex - 1;
+            if (!res.data[dataRowIndex]) {
+                res.data[dataRowIndex] = {};
+            }
+            res.data[dataRowIndex][colKey] = cellValue;
+        }
+    }
+    
+    // 2. 处理合并单元格并标记合并行
+    merges.forEach((merge: xlsx.Range) => {
+        const startRow = merge.s.r;
+        const endRow = merge.e.r;
+        const startCol = merge.s.c;
+        const endCol = merge.e.c;
+        
+        // 获取合并区域左上角单元格的值作为基准值
+        const startCellKey = xlsx.utils.encode_cell({ r: startRow, c: startCol });
+        const mergedValue = sheet[startCellKey]?.v || '';
+        
+        // 填充合并区域内的所有单元格
+        for (let r = startRow; r <= endRow; r++) {
+            // 标记合并行（除了起始行外的其他行）
+            if (r > startRow && startRow > 0) { // 只标记数据行（startRow > 0）
+                mergedRows.add(r - 1); // 转换为数据行索引
+            }
+            
+            for (let c = startCol; c <= endCol; c++) {
+                const colKey = xlsx.utils.encode_col(c);
+                
+                if (r === 0) {
+                    res.cols[colKey] = mergedValue;
+                } else {
+                    const dataRowIndex = r - 1;
+                    if (!res.data[dataRowIndex]) {
+                        res.data[dataRowIndex] = {};
+                    }
+                    res.data[dataRowIndex][colKey] = mergedValue;
+                }
+            }
+        }
+    });
+    
+    // 3. 移除合并产生的重复行（只保留起始行）
+    const filteredData = [] as Array<any>;
+    for (let i = 0; i < res.data.length; i++) {
+        // 只保留非合并行或合并起始行
+        if (!mergedRows.has(i)) {
+            filteredData.push(res.data[i]);
+        }
+    }
+    res.data = filteredData;
+    
+    // 4. 补全空列，确保数据结构完整
+    res.data.forEach((row: any) => {
+        Object.keys(res.cols).forEach(colKey => {
+            if (row[colKey] === undefined) {
+                row[colKey] = '';
+            }
+        });
+    });
+    
+    return res;
+}
+
+// 导出excel
+/**
+ * 导出 Excel 文件（支持表头样式）
+ * @param data 数据数组
+ * @param headers 字段映射（如 { id: 'ID', name: '姓名' }）
+ * @param sheetName 工作表名（默认 'Sheet1'）
+ */
+export async function exportToExcel(
+    data: Array<any>,
+    headers: Record<string, string> = {},
+    sheetName = 'Sheet1'
+  ) {
+    // 1. 创建工作簿和工作表
+    const workbook = new ExcelJS.Workbook();
+    const worksheet = workbook.addWorksheet(sheetName);
+  
+    // 2. 准备表头和数据行
+    const headerKeys = Object.keys(headers);
+    const headerLabels = Object.values(headers);
+  
+    // 3. 添加表头（并设置样式）
+    const headerRow = worksheet.addRow(headerLabels);
+    
+    // 4. 设置表头样式
+    headerRow.font = {
+      bold: true,
+      color: { argb: 'FF000000' } // 白色字体
+    };
+    headerRow.fill = {
+      type: 'pattern',
+      pattern: 'solid',
+      fgColor: { argb: 'FF4F81BD' } // 蓝色背景
+    };
+    headerRow.alignment = { horizontal: 'center' }; // 居中
+  
+    // 5. 添加数据行
+    data.forEach(row => {
+      const rowData = headerKeys.map(key => row[key] ?? '');
+      const r = worksheet.addRow(rowData);
+      // 如果是图片，则插入图片
+      for(const key in rowData) {
+        const d = rowData[key];
+        if(d?.type !== 'image') continue;
+        const cellNum = Number(key);
+        if(d.data instanceof ArrayBuffer) {
+            const id = workbook.addImage({
+                buffer: d.data,
+                extension: d.ext || 'png',
+            })
+            worksheet.addImage(id, {
+                tl: {
+                    col: cellNum,
+                    row: r.number - 1,
+                },
+                ext: {
+                    width: 32,
+                    height: 32
+                }
+            })
+        }
+        else if(d.url) {
+            const cell = r.getCell(cellNum + 1);
+            cell.value = {
+                hyperlink: d.url,
+                text: d.text || '查看图片'
+            };
+            cell.font = { color: { argb: 'FF0000FF' }, underline: true};
+        }
+      }
+    });
+  
+    // 6. 自动调整列宽
+    worksheet.columns.forEach(column => {
+      if(column.values) {        
+            let maxW = 20;
+            column.values.map(v => {
+                const w = String(v)?.length || 1;
+                maxW = Math.max(maxW, w);
+            });
+            column.width = maxW;
+        }
+    });
+  
+    // 7. 导出 Excel 文件
+    const buffer = await workbook.xlsx.writeBuffer();
+    const blob = new Blob([buffer], {
+      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    });
+  
+    return blob;
+  }

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+    "extends": "@vue/tsconfig/tsconfig.dom.json",
+    "files": [],
+    "include": [
+        "env.d.ts",
+        "src/typings/*.d.ts",
+        "src/**/*",
+        "server/**/*.ts",
+        "src/**/*.vue",
+        "src/**/**/**/**/**/*.vue",
+        "package.json",
+        "../src/config/devops.config.ts",
+        "vite.config.*",
+        "vitest.config.*",
+        "cypress.config.*",
+        "playwright.config.*"
+    ],
+    "exclude": ["src/**/__tests__/*"],
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "types": ["vue", "node", "jsdom"],
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"],
+            "#/*": ["../*"]
+        },
+        "noImplicitAny": false,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "moduleResolution": "bundler"
+    }
+}