aegon-gen 1.0.0

package/src/components/Export/excelExport.ts

@@ -0,0 +1,551 @@
+// excelExport.ts
+import ExcelJS from "exceljs";
+import type { CellValue, Worksheet, Cell } from "exceljs";
+
+export interface ExportOptions {
+  excelName?: string;
+  sheetName?: string;
+  dateColumnName?: string;
+  groupColumnName?: string;
+  columnsToMerge?: string[];
+  rightAlignedColumns?: string[];
+  centerAlignedColumns?: string[];
+  leftAlignedColumns?: string[];
+  exportType?: 'single' | 'multi-sheet';
+  headerStyle?: {
+    font?: any;
+    fill?: any;
+    alignment?: any;
+    border?: any;
+  };
+  dataRowStyle?: {
+    font?: any;
+    alignment?: any;
+    border?: any;
+  };
+  columnWidthLimit?: number;
+  customFileName?: string;
+}
+
+const getCellValueLength = (cellValue: CellValue | undefined | null): number => {
+  if (cellValue === null || cellValue === undefined) return 0;
+  let strValue = "";
+  if (typeof cellValue === "string") {
+    strValue = cellValue;
+  } else if (typeof cellValue === "number" || typeof cellValue === "boolean") {
+    strValue = cellValue.toString();
+  } else if (cellValue instanceof Date) {
+    strValue = cellValue.toISOString();
+  } else {
+    strValue = String(cellValue);
+  }
+  return strValue.length;
+};
+
+const isNumberValue = (value: any): boolean => {
+  if (value === null || value === undefined) return false;
+  if (typeof value === "number") return true;
+  if (typeof value !== "string") return false;
+
+  if (/[a-zA-Z\-_:]/.test(value)) return false;
+
+  const cleanedValue = value.replace(/[,$]/g, "").replace(/\s/g, "");
+
+  return /^-?\d+(\.\d+)?$/.test(cleanedValue);
+};
+
+const isCodeValue = (value: any): boolean => {
+  if (value === null || value === undefined) return false;
+  if (typeof value !== "string") return false;
+
+  return /^\d{3}-[A-Z]\d-\d{8}-\d{3}$/.test(value) || 
+         /^[A-Za-z0-9\-_.:]+$/.test(value);
+};
+
+const shouldLeftAlign = (cellValue: any, columnName?: string, leftAlignedColumns: string[] = []): boolean => {
+  if (columnName && leftAlignedColumns.includes(columnName)) {
+    return true;
+  }
+
+  if (isCodeValue(cellValue)) {
+    return true;
+  }
+
+  if (typeof cellValue === "string" && !isNumberValue(cellValue)) {
+    const strValue = cellValue.toString();
+    if (strValue.includes("/") || strValue.includes("-") || strValue.includes(":")) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
+export const groupDataByDate = (data: string[][], dateColumnName: string = ""): Record<string, string[][]> => {
+  if (data.length <= 1 || !dateColumnName) return {};
+  const header: string[] = data[0] || [];
+  const dateGroups: Record<string, string[][]> = {};
+
+  if (!header || !Array.isArray(header)) {
+    dateGroups["全部数据"] = data;
+    return dateGroups;
+  }
+
+  const dateColumnIndex = header.indexOf(dateColumnName);
+  if (dateColumnIndex === -1) {
+    dateGroups["全部数据"] = data;
+    return dateGroups;
+  }
+
+  for (let i = 1; i < data.length; i++) {
+    const row: string[] = data[i] || [];
+    const date = row[dateColumnIndex];
+    if (!date) continue;
+
+    if (!dateGroups[date]) {
+      dateGroups[date] = [header];
+    }
+    dateGroups[date].push(row);
+  }
+
+  return dateGroups;
+};
+
+const configureWorksheetStyle = (
+  worksheet: Worksheet,
+  header: string[],
+  options: {
+    rightAlignedColumns?: string[];
+    centerAlignedColumns?: string[];
+    leftAlignedColumns?: string[];
+    headerStyle?: any;
+    dataRowStyle?: any;
+    columnWidthLimit?: number;
+  } = {}
+): void => {
+  const {
+    rightAlignedColumns = [],
+    centerAlignedColumns = [],
+    leftAlignedColumns = [],
+    headerStyle = {},
+    dataRowStyle = {},
+    columnWidthLimit = 50
+  } = options;
+
+  if (!header || !Array.isArray(header)) return;
+
+  // 设置表头样式（修改：确保所有表头单元格都有边框）
+  const headerRow = worksheet.getRow(1);
+  if (headerRow) {
+    // 使用 eachCell 遍历所有有数据的表头单元格
+    headerRow.eachCell((cell: Cell) => {
+      cell.font = {
+        name: "Calibri",
+        size: 11,
+        bold: true,
+        color: { argb: "FF000000" },
+        ...headerStyle.font
+      };
+      cell.fill = {
+        type: "pattern",
+        pattern: "solid",
+        fgColor: { argb: "FFFFFFFF" },
+        ...headerStyle.fill
+      };
+      cell.alignment = {
+        vertical: "middle",
+        horizontal: "left",
+        wrapText: true,
+        ...headerStyle.alignment
+      };
+      cell.border = {
+        top: { style: "thin", color: { argb: "FF000000" } },
+        left: { style: "thin", color: { argb: "FF000000" } },
+        bottom: { style: "thin", color: { argb: "FF000000" } },
+        right: { style: "thin", color: { argb: "FF000000" } },
+        ...headerStyle.border
+      };
+    });
+
+    // 确保所有列都有边框（包括空单元格）
+    for (let i = 1; i <= header.length; i++) {
+      const cell = headerRow.getCell(i);
+      if (!cell.border) {
+        cell.border = {
+          top: { style: "thin", color: { argb: "FF000000" } },
+          left: { style: "thin", color: { argb: "FF000000" } },
+          bottom: { style: "thin", color: { argb: "FF000000" } },
+          right: { style: "thin", color: { argb: "FF000000" } },
+          ...headerStyle.border
+        };
+      }
+    }
+  }
+
+  // 修改：遍历所有行和列，确保所有单元格都有边框
+  const totalRows = worksheet.rowCount;
+  const totalCols = header.length;
+
+  for (let rowIndex = 1; rowIndex <= totalRows; rowIndex++) {
+    const row = worksheet.getRow(rowIndex);
+    
+    if (!row) continue;
+    
+    for (let colIndex = 1; colIndex <= totalCols; colIndex++) {
+      const cell = row.getCell(colIndex);
+      
+      // 跳过表头行（已经设置过）
+      if (rowIndex === 1) continue;
+      
+      // 修复：将 undefined 值转换为空字符串
+      if (cell.value === undefined) {
+        cell.value = '';
+      }
+
+      // 为所有单元格设置字体
+      cell.font = {
+        name: "Calibri",
+        size: 11,
+        color: { argb: "FF000000" },
+        ...dataRowStyle.font
+      };
+
+      const columnName = colIndex <= header.length ? header[colIndex - 1] : "";
+      
+      // 设置对齐方式
+      let horizontalAlignment = "left";
+      
+      if (columnName && centerAlignedColumns.includes(columnName)) { 
+        horizontalAlignment = "center";
+      }
+      else if (columnName && rightAlignedColumns.includes(columnName)) {
+        horizontalAlignment = "right";
+      }
+      else if (columnName && leftAlignedColumns.includes(columnName)) {
+        horizontalAlignment = "left";
+      }
+      else if (shouldLeftAlign(cell.value, columnName, leftAlignedColumns)) {
+        horizontalAlignment = "left";
+      }
+      else if (isNumberValue(cell.value)) {
+        horizontalAlignment = "right";
+      }
+      else {
+        horizontalAlignment = "left";
+      }
+
+      cell.alignment = {
+        vertical: "middle",
+        horizontal: horizontalAlignment,
+        wrapText: true,
+        ...dataRowStyle.alignment
+      };
+
+      // 确保所有数据单元格都有边框
+      cell.border = {
+        top: { style: "thin", color: { argb: "FF000000" } },
+        left: { style: "thin", color: { argb: "FF000000" } },
+        bottom: { style: "thin", color: { argb: "FF000000" } },
+        right: { style: "thin", color: { argb: "FF000000" } },
+        ...dataRowStyle.border
+      };
+
+      // 修复：防止数值自动转换为科学计数法 - 对数值列设置文本格式
+      if (cell.value !== null && cell.value !== undefined && cell.value !== '') {
+        const cellStr = String(cell.value);
+        // 检查是否是纯数字（无字母和特殊字符，除了-、$、,）
+        if (isNumberValue(cellStr) && cellStr.length > 10) {
+          // 对于较长的数字字符串，设置为文本格式避免科学计数法
+          cell.numFmt = '@';
+          // 确保值为字符串格式，避免Excel自动转换
+          if (typeof cell.value === 'number') {
+            cell.value = String(cell.value);
+          }
+        }
+      }
+    }
+  }
+
+  worksheet.columns?.forEach((column) => {
+    let maxWidth = 10;
+    if (column.values && column.values.length > 0) {
+      maxWidth = column.values.reduce<number>((w: number, cellValue: CellValue) => {
+        const cellLength = getCellValueLength(cellValue);
+        return Math.max(w, cellLength);
+      }, 10);
+    }
+    column.width = Math.min(maxWidth + 2, columnWidthLimit);
+  });
+};
+
+const groupDataByColumn = (data: any[][], groupColumnName: string = ""): any[] => {
+  const groups: any[] = [];
+  let currentGroup: any = null;
+  const groupColumnIndex = groupColumnName ? data[0]?.indexOf(groupColumnName) : 0;
+
+  data.forEach((row, index) => {
+    const groupValue = row[groupColumnIndex || 0];
+    if (!currentGroup || currentGroup.groupValue !== groupValue) {
+      if (currentGroup) {
+        currentGroup.endRow = index - 1;
+        groups.push(currentGroup);
+      }
+      currentGroup = {
+        groupValue,
+        startRow: index,
+        endRow: index,
+        rows: [row],
+      };
+    } else {
+      currentGroup.endRow = index;
+      currentGroup.rows.push(row);
+    }
+  });
+
+  if (currentGroup) {
+    groups.push(currentGroup);
+  }
+
+  return groups;
+};
+
+const mergeCellsByGroup = (
+  worksheet: Worksheet,
+  data: any[][],
+  columnsToMerge: string[],
+  headers: string[]
+): void => {
+  if (!data || data.length === 0 || !columnsToMerge || columnsToMerge.length === 0) {
+    return;
+  }
+
+  const groups = groupDataByColumn(data);
+  const mergedRanges = new Set<string>();
+
+  groups.forEach((group) => {
+    if (group.startRow === group.endRow) return;
+
+    columnsToMerge.forEach((columnName) => {
+      const columnIndexes: number[] = [];
+      headers.forEach((header, index) => {
+        if (header === columnName) {
+          columnIndexes.push(index);
+        }
+      });
+
+      columnIndexes.forEach((columnIndex) => {
+        if (columnIndex === -1) return;
+        const startRow = group.startRow + 2;
+        const endRow = group.endRow + 2;
+        const rangeKey = `${startRow}-${endRow}-${columnIndex + 1}`;
+
+        if (mergedRanges.has(rangeKey)) return;
+
+        try {
+          worksheet.mergeCells(startRow, columnIndex + 1, endRow, columnIndex + 1);
+          mergedRanges.add(rangeKey);
+
+          let mergedValue = "";
+          if (group.rows && group.rows.length > 0) {
+            for (let i = 0; i < group.rows.length; i++) {
+              const rowData = group.rows[i];
+              if (rowData && rowData[columnIndex] !== undefined) {
+                const value = rowData[columnIndex];
+                if (
+                  value !== null &&
+                  value !== undefined &&
+                  String(value).trim() !== ""
+                ) {
+                  mergedValue = String(value);
+                  break;
+                }
+              }
+            }
+          }
+
+          const cell = worksheet.getCell(startRow, columnIndex + 1);
+          cell.value = mergedValue;
+          
+          // 修复：如果合并的值是长数字，确保它不被转换为科学计数法
+          if (mergedValue && isNumberValue(mergedValue) && mergedValue.length > 10) {
+            cell.numFmt = '@';
+          }
+        } catch (error: any) {
+          console.warn(`合并单元格失败: ${error.message}`, {
+            startRow,
+            columnIndex: columnIndex + 1,
+            endRow,
+            columnName,
+            groupValue: group.groupValue,
+          });
+        }
+      });
+    });
+  });
+};
+
+export const getDateRangeString = (data: string[][], dateColumnName: string = ""): string => {
+  if (data.length <= 1 || !dateColumnName) return "";
+
+  const header: string[] = data[0] || [];
+  const dateColumnIndex = header.indexOf(dateColumnName);
+
+  if (dateColumnIndex === -1) return "";
+
+  const dates: string[] = [];
+  for (let i = 1; i < data.length; i++) {
+    const row: string[] = data[i] || [];
+    const date = row[dateColumnIndex];
+    if (date && !dates.includes(date)) {
+      dates.push(date);
+    }
+  }
+
+  if (dates.length === 0) return "";
+  dates.sort();
+
+  if (dates.length === 1) {
+    return dates[0] as any;
+  } else {
+    return `${dates[0]}~${dates[dates.length - 1]}`;
+  }
+};
+
+export const guiExportToExcel = async (
+  data: string[][],
+  options: ExportOptions = {}
+): Promise<void> => {
+  const {
+    excelName = "", // 修改：默认值设置为空字符串
+    sheetName = "", // 修改：默认值设置为空字符串
+    dateColumnName = "",
+    groupColumnName = "",
+    columnsToMerge = [],
+    rightAlignedColumns = [],
+    centerAlignedColumns = [],
+    leftAlignedColumns = [],
+    exportType = "single",
+    headerStyle = {},
+    dataRowStyle = {},
+    columnWidthLimit = 50,
+    customFileName = ""
+  } = options;
+
+  const workbook = new ExcelJS.Workbook();
+
+  // 处理数据，将 undefined 值替换为空字符串
+  const finalData = data.map((row, rowIndex) => {
+    if (rowIndex === 0) return row; // 表头行不变
+    
+    return row.map(cell => {
+      // 将 undefined 值转换为空字符串
+      if (cell === undefined || cell === null) {
+        return '';
+      }
+      
+      const cellStr = String(cell);
+      
+      // 修复：检查是否是可能被转换为科学计数法的长数字
+      if (isNumberValue(cellStr) && cellStr.length > 10) {
+        // 在 configureWorksheetStyle 中会为这些单元格设置文本格式
+        return cellStr;
+      }
+      
+      return cellStr;
+    });
+  });
+
+  if (exportType === "multi-sheet" && dateColumnName) {
+    const dateGroups = groupDataByDate(finalData, dateColumnName);
+
+    if (Object.keys(dateGroups).length === 0) {
+      const worksheet = workbook.addWorksheet(sheetName || "数据");
+      const header = finalData[0] || [];
+      worksheet.addRows(finalData.length > 0 ? finalData : [header]);
+      configureWorksheetStyle(worksheet, header, {
+        rightAlignedColumns,
+        centerAlignedColumns,
+        leftAlignedColumns,
+        headerStyle,
+        dataRowStyle,
+        columnWidthLimit
+      });
+    } else {
+      Object.keys(dateGroups).forEach((date) => {
+        const dateData = dateGroups[date] || [];
+        let sheetName = date;
+        if (sheetName === "全部数据") {
+          sheetName = "汇总";
+        } else {
+          sheetName = sheetName.replace(/[\/\\\*\?\[\]:]/g, "-");
+          if (sheetName.length > 31) {
+            sheetName = sheetName.substring(0, 31);
+          }
+        }
+
+        const worksheet = workbook.addWorksheet(sheetName);
+        if (dateData.length > 0) {
+          worksheet.addRows(dateData);
+          const header = dateData[0] || [];
+          configureWorksheetStyle(worksheet, header, {
+            rightAlignedColumns,
+            centerAlignedColumns,
+            leftAlignedColumns,
+            headerStyle,
+            dataRowStyle,
+            columnWidthLimit
+          });
+
+          if (columnsToMerge.length > 0 && groupColumnName) {
+            const dataWithoutHeader = dateData.slice(1);
+            mergeCellsByGroup(worksheet, dataWithoutHeader, columnsToMerge, header);
+          }
+        }
+      });
+    }
+  } else {
+    const worksheet = workbook.addWorksheet(sheetName || "数据");
+    const header = finalData[0] || [];
+    worksheet.addRows(finalData);
+    configureWorksheetStyle(worksheet, header, {
+      rightAlignedColumns,
+      centerAlignedColumns,
+      leftAlignedColumns,
+      headerStyle,
+      dataRowStyle,
+      columnWidthLimit
+    });
+
+    if (columnsToMerge.length > 0 && groupColumnName) {
+      const dataWithoutHeader = finalData.slice(1);
+      mergeCellsByGroup(worksheet, dataWithoutHeader, columnsToMerge, header);
+    }
+  }
+
+  try {
+    const buffer = await workbook.xlsx.writeBuffer();
+    const blob = new Blob([buffer], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+
+    let fileName = customFileName || excelName;
+    if (exportType === "multi-sheet" && dateColumnName) {
+      const dateRange = getDateRangeString(finalData, dateColumnName);
+      if (dateRange) {
+        fileName = `${excelName}${excelName && dateRange ? '_' : ''}${dateRange}`;
+      }
+    }
+
+    a.href = url;
+    a.download = `${fileName || "导出数据"}.xlsx`; // 添加默认文件名
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    return Promise.resolve();
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};

package/src/components/GEN-AI/index.vue

@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted } from "vue";
+import { Edit3Icon } from "lucide-vue-next";
+import { marked } from "marked";
+import { exportToPDF, exportToWord } from "./utils";
+
+defineOptions({
+  name: "GenAI",
+});
+
+// 1. 状态管理
+const isTyping = ref(false);
+const displayedText = ref("");
+const report = reactive({
+  title: "行業風險年報 | 房地產 | 2024",
+  // 按照 UI 图精确还原的文本内容
+  rawContent: `2024年香港房地產市場整體呈現「價跌量穩、租金偏強、商業不振」的分化局面，全年各類物業價格普遍下調，但成交及租賃需求在政策放寬和人口流入支持下較前兩年有所改善。住宅方面，撤銷所有樓市「辣招」、放寬按揭成數及利率見頂後回落，帶動一手主導的成交回升，但無礙樓價全年再跌約中個位百分比，反映經濟及供應壓力仍然主導價格走勢。
+在住宅市場，本年特點包括：
+一、銷售量回升、價格續調：2024年在全面撤辣及按揭寬鬆後，全年住宅買賣宗數按年錄得逾兩成增長，但全年樓價仍錄得約6%至7%的跌幅，延續過去兩年的調整趨勢。
+二、供應顯著增加：私樓落成量約2.4萬個單位，較2023年大幅增加約七成，主要為中小型單位，為後市價格帶來持續壓力。
+三、租金走勢優於樓價：在人口及人才計劃帶動下，住宅租金全年錄得中低個位升幅，租金指數距歷史高位僅約數個百分點，令小型單位的平均回報率升至近十多年高位水平。
+在非住宅方面，2024年為商廈及舖位市場的「谷底年」，寫字樓空置率創逾十年新高，商業成交金額及宗數均跌至有紀錄以來低位。`,
+});
+
+// 2. 打字机效果逻辑 - 0.5s 一个字
+const startTypewriter = async () => {
+  if (isTyping.value) return;
+  displayedText.value = "";
+  isTyping.value = true;
+
+  const chars = report.rawContent.split("");
+  for (const char of chars) {
+    displayedText.value += char;
+    // 间隔 0.5s 一个字
+    await new Promise((res) => setTimeout(res, 30));
+  }
+  isTyping.value = false;
+};
+
+// 3. Markdown 转换
+const renderedMarkdown = computed(() => marked.parse(displayedText.value));
+
+onMounted(() => {
+  startTypewriter();
+});
+</script>
+
+<template>
+  <div class="flex h-screen bg-[#F3F4F6] text-[#333]">
+    <main class="flex-1 overflow-y-auto p-12">
+      <div
+        class="max-w-5xl mx-auto bg-white shadow-sm border border-gray-100 rounded-sm p-16 min-h-screen relative"
+        id="report-container"
+      >
+        <div class="absolute top-8 right-8 flex gap-4 no-print">
+          <button
+            @click="exportToPDF('report-container', report.title)"
+            style="padding-right: 5px"
+            class="flex items-center border border-[#C54E5E] text-[#C54E5E] px-6 py-2 rounded-md hover:bg-red-50 transition-colors text-sm font-medium"
+          >
+            匯出為PDF
+          </button>
+          <button
+            @click="exportToWord('report-container', report.title)"
+            class="flex items-center border border-[#C54E5E] text-[#C54E5E] px-6 py-2 rounded-md hover:bg-red-50 transition-colors text-sm font-medium"
+          >
+            匯出為Word
+          </button>
+        </div>
+
+        <div class="mb-10 group relative">
+          <div class="flex items-center justify-between">
+            <h1 class="text-[22px] font-bold text-[#333]">
+              報告標題：{{ report.title }}
+            </h1>
+            <!-- <Edit3Icon
+              :size="20"
+              class="text-[#C54E5E] cursor-pointer opacity-80"
+            /> -->
+          </div>
+        </div>
+
+        <div class="prose prose-slate max-w-none">
+          <div class="font-bold flex items-center mb-6 text-lg border-t pt-8">
+            正文：
+            <Edit3Icon :size="18" class="ml-2 text-[#C54E5E] cursor-pointer" />
+          </div>
+
+          <div class="content-wrapper">
+            <div
+              v-html="renderedMarkdown"
+              class="markdown-body inline text-[#444] leading-[2] text-[15px]"
+            ></div>
+            <span
+              v-if="isTyping"
+              class="inline-block w-[2px] h-[18px] bg-[#C54E5E] animate-pulse ml-1 align-middle"
+            ></span>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <aside class="w-80 bg-white border-l border-gray-200 p-6 no-print">
+      <h3 class="font-bold text-gray-700 mb-6">生成報告設置</h3>
+    </aside>
+  </div>
+</template>
+
+<style scoped>
+/* 1:1 还原设计图的 Markdown 样式 */
+.markdown-body :deep(p) {
+  line-height: 2;
+  margin-bottom: 1.5rem;
+  letter-spacing: 0.02em;
+}
+
+.markdown-body :deep(h1),
+.markdown-body :deep(h2),
+.markdown-body :deep(h3) {
+  color: #333;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+
+.content-wrapper {
+  position: relative;
+  white-space: pre-wrap;
+}
+
+/* 打印优化 */
+@media print {
+  .no-print {
+    display: none !important;
+  }
+  #report-container {
+    box-shadow: none !important;
+    border: none !important;
+    padding: 0 !important;
+  }
+}
+</style>