@skyfox2000/webui 1.3.3 → 1.3.5

package/src/utils/form-excel.ts

@@ -7,23 +7,9 @@ import message from 'vue-m-message';
 import { ValidateRule } from '@/typings/form';
 import { validMessages } from './form-validate';
 import { UploadFile } from '@/typings/upload';
+import { toExcel, type ExcelMarkInfo } from './excel-view';
 
-/**
- * Excel数据处理需要标记的单元格
- */
-export type ExcelMarkCell = {
-   row: number;
-   col: number;
-   color?: string;
-};
-
-/**
- * Excel标记类型
- */
-export type ExcelMarkInfo = {
-   markCells: ExcelMarkCell[];
-   markHeaders?: string[];
-};
+// ExcelMarkCell 和 ExcelMarkInfo 类型已移至 excel-view.ts 统一管理
 
 /**
  * 处理Excel文件的通用函数，用于提取表头和数据
@@ -133,31 +119,23 @@ export const processExcelFile = async (excelBuffer: ArrayBuffer) => {
 };
 
 /**
- * 生成标记了错误/重复数据的Excel文件
+ * 创建带错误标记的Excel预览
  * @param excelBuffer 原始Excel文件的ArrayBuffer
- * @param markInfo 标记信息，包含要标记的单元格和表头
- * @returns 标记后的Excel文件Blob
+ * @param markInfo 标记信息
+ * @param fileName 文件名
+ * @returns 标记后的Excel预览结果
  */
-export const createMarkedExcelBlob = async (
-   excelBuffer: ArrayBuffer,
-   markInfo: ExcelMarkInfo,
-): Promise<{
-   hasError: boolean;
-   errBlob?: Blob;
-}> => {
-   const ExcelJS = await import('exceljs');
-   // 处理Excel文件
+export const createMarkedExcelView = async (excelBuffer: ArrayBuffer, markInfo: ExcelMarkInfo, fileName: string) => {
+   // 处理Excel文件获取数据
    const excelData = await processExcelFile(excelBuffer);
-   if (!excelData) return { hasError: true };
-
-   const { worksheet, headers: originalHeaders } = excelData;
-   const { markCells, markHeaders } = markInfo;
-
-   if (markCells.length === 0 && (!markHeaders || markHeaders.length === 0)) {
-      return { hasError: false }; // 没有需要标记的内容
+   if (!excelData) {
+      return { success: false, error: 'Excel文件处理失败' };
    }
 
-   // 处理缺失字段，将缺失字段添加到headers中
+   const { headers: originalHeaders, excelRows } = excelData;
+   const { markHeaders } = markInfo;
+
+   // 处理缺失字段，添加到表头
    const headers = [...originalHeaders];
    if (markHeaders && markHeaders.length > 0) {
       markHeaders.forEach((field) => {
@@ -167,158 +145,18 @@ export const createMarkedExcelBlob = async (
       });
    }
 
-   // 创建一个新的工作簿和工作表
-   const newWorkbook = new ExcelJS.default.Workbook();
-   const newWorksheet = newWorkbook.addWorksheet('Sheet1');
-
-   // 默认列宽
-   const defaultColumnWidth = 15;
-
-   // 创建错误单元格位置的查询表，用于快速检查
-   const cellMarkMap = new Map<string, string>();
-   markCells.forEach(({ row, col, color }) => {
-      const cellKey = `${row}-${col}`;
-      cellMarkMap.set(cellKey, color || 'FFFF0000'); // 默认红色
-   });
-
-   // 复制列宽并应用于新工作表
-   for (let i = 0; i < headers.length; i++) {
-      const column = newWorksheet.getColumn(i + 1);
-
-      if (i < worksheet.columnCount && i < originalHeaders.length) {
-         const originalCol = worksheet.getColumn(i + 1);
-         if (originalCol && originalCol.width) {
-            column.width = originalCol.width;
-         } else {
-            column.width = defaultColumnWidth;
-         }
-      } else {
-         column.width = defaultColumnWidth;
-      }
-   }
-
-   // 复制表头行
-   const headerRow = newWorksheet.getRow(1);
-   headers.forEach((header, index) => {
-      const headerCell = headerRow.getCell(index + 1);
-      headerCell.value = header;
-
-      const isOriginalHeader = index < originalHeaders.length;
-      if (isOriginalHeader && index < worksheet.columnCount) {
-         // 复制原表头样式
-         const originalCell = worksheet.getRow(1).getCell(index + 1);
-
-         // 复制样式
-         if (originalCell.style) headerCell.style = JSON.parse(JSON.stringify(originalCell.style));
-         if (originalCell.font) headerCell.font = JSON.parse(JSON.stringify(originalCell.font));
-         if (originalCell.alignment) headerCell.alignment = JSON.parse(JSON.stringify(originalCell.alignment));
-         if (originalCell.border) headerCell.border = JSON.parse(JSON.stringify(originalCell.border));
-         if (originalCell.numFmt) headerCell.numFmt = originalCell.numFmt;
-         if (originalCell.fill) headerCell.fill = JSON.parse(JSON.stringify(originalCell.fill));
-      }
-
-      // 仅标记缺失的表头字段，不标记数据重复的表头
-      if (markHeaders && markHeaders.includes(header) && !isOriginalHeader) {
-         headerCell.fill = {
-            type: 'pattern',
-            pattern: 'solid',
-            fgColor: { argb: 'FFFF0000' }, // 红色背景
-         };
-
-         // 添加白色文字
-         headerCell.font = {
-            name: 'Arial',
-            size: 10,
-            bold: true,
-            color: { argb: 'FFFFFFFF' }, // 白色文字
-         };
+   // 扩展数据行以匹配新的表头长度
+   const rows = excelRows.map((row) => {
+      const newRow = [...row];
+      // 为新增的表头字段添加空值
+      while (newRow.length < headers.length) {
+         newRow.push(null);
       }
+      return newRow;
    });
-   headerRow.commit();
-
-   // 处理数据行
-   worksheet.eachRow((row, rowNumber) => {
-      if (rowNumber > 1) {
-         // 跳过表头行
-         const newRow = newWorksheet.getRow(rowNumber);
-
-         // 使用表头长度来循环每个单元格
-         for (let colIndex = 0; colIndex < headers.length; colIndex++) {
-            const newCell = newRow.getCell(colIndex + 1);
-            const isOriginalHeader = colIndex < originalHeaders.length;
-
-            if (isOriginalHeader && colIndex < worksheet.columnCount) {
-               // 对原始数据中存在的列
-               const originalCell = row.getCell(colIndex + 1);
-
-               // 复制值
-               newCell.value = originalCell.value;
-
-               // 处理对象类型的单元格值，确保正确显示
-               if (newCell.value !== null && newCell.value !== undefined && typeof newCell.value === 'object') {
-                  // 对于RichText，保留原格式
-                  if (
-                     !('richText' in newCell.value) &&
-                     !('formula' in newCell.value) &&
-                     !('hyperlink' in newCell.value) &&
-                     !(newCell.value instanceof Date)
-                  ) {
-                     // 尝试转换为字符串显示
-                     try {
-                        if ('text' in newCell.value && typeof newCell.value.text === 'string') {
-                           newCell.value = newCell.value.text;
-                        } else {
-                           // 其他对象类型尝试JSON序列化
-                           newCell.value = JSON.stringify(newCell.value);
-                        }
-                     } catch {
-                        // 如果转换失败，使用toString
-                        newCell.value = String(newCell.value);
-                     }
-                  }
-               }
 
-               // 复制样式
-               if (originalCell.style) newCell.style = JSON.parse(JSON.stringify(originalCell.style));
-               if (originalCell.font) newCell.font = JSON.parse(JSON.stringify(originalCell.font));
-               if (originalCell.alignment) newCell.alignment = JSON.parse(JSON.stringify(originalCell.alignment));
-               if (originalCell.border) newCell.border = JSON.parse(JSON.stringify(originalCell.border));
-               if (originalCell.numFmt) newCell.numFmt = originalCell.numFmt;
-               if (originalCell.fill) newCell.fill = JSON.parse(JSON.stringify(originalCell.fill));
-
-               // 检查是否为需要标记的单元格
-               const cellKey = `${rowNumber}-${colIndex + 1}`;
-               if (cellMarkMap.has(cellKey)) {
-                  // 设置背景颜色
-                  newCell.fill = {
-                     type: 'pattern',
-                     pattern: 'solid',
-                     fgColor: { argb: cellMarkMap.get(cellKey) },
-                  };
-               }
-            } else {
-               // 为新增列设置空值
-               newCell.value = null;
-            }
-         }
-
-         // 复制行属性
-         if (row.height) newRow.height = row.height;
-         if (row.outlineLevel) newRow.outlineLevel = row.outlineLevel;
-
-         newRow.commit();
-      }
-   });
-
-   // 生成Excel文件Buffer
-   const excelOutput = await newWorkbook.xlsx.writeBuffer();
-
-   // 创建Blob对象
-   const excelBlob = new Blob([excelOutput], {
-      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-   });
-
-   return { hasError: true, errBlob: excelBlob };
+   // 调用excel-view的方法生成带标记的Excel
+   return await toExcel({ headers, rows }, fileName, markInfo);
 };
 
 /**
@@ -374,11 +212,24 @@ export const validateExcel = async (
          color: 'FFFF0000', // 红色
       }));
 
-      // 创建标记过的Excel文件，确保传入所有表头（包括缺失的）
-      return createMarkedExcelBlob(excelBuffer, {
-         markCells,
-         markHeaders: missingFields,
-      });
+      // 使用excel-view统一创建标记Excel
+      const markResult = await createMarkedExcelView(
+         excelBuffer,
+         {
+            markCells,
+            markHeaders: missingFields,
+         },
+         'validation_errors.xlsx',
+      );
+
+      if (markResult.success && markResult.blobUrl) {
+         // 从blob URL创建blob对象
+         const response = await fetch(markResult.blobUrl);
+         const errBlob = await response.blob();
+         return { hasError: true, errBlob };
+      } else {
+         return { hasError: true };
+      }
    }
 
    return { hasError: false }; // 没有错误时返回null
@@ -522,8 +373,24 @@ export const checkExcelDuplicates = async (
          });
       });
 
-      // 创建标记过的Excel文件
-      return createMarkedExcelBlob(excelBuffer, { markCells, markHeaders: missingDuplicateFields });
+      // 使用excel-view统一创建标记Excel
+      const markResult = await createMarkedExcelView(
+         excelBuffer,
+         {
+            markCells,
+            markHeaders: missingDuplicateFields,
+         },
+         'duplicate_errors.xlsx',
+      );
+
+      if (markResult.success && markResult.blobUrl) {
+         // 从blob URL创建blob对象
+         const response = await fetch(markResult.blobUrl);
+         const errBlob = await response.blob();
+         return { hasError: true, errBlob };
+      } else {
+         return { hasError: true };
+      }
    }
 
    return { hasError: false }; // 没有重复数据

package/src/utils/options.ts

@@ -179,25 +179,77 @@ const queryOptions = <T>(
 
 /**
  * 获取选中的选项对象或对象数组
+ * - 支持单选或者多选
+ * - 支持子级选项
  * @param values 当前选择的值
  * @param options 所有选项对象数组
+ * @param keepChildren 是否保留子选项，默认为 true
  * @returns 选中的选项对象或对象数组
  */
 export const getSelectedValues = (
    values: undefined | string | number | (string | number | undefined)[],
    options: OptionItemProps[],
+   keepChildren?: boolean,
 ): OptionItemProps | OptionItemProps[] | undefined => {
    // 如果 values 为 undefined，直接返回 undefined
    if (values === undefined) return undefined;
 
+   // 深拷贝选项以确保数据隔离
+   const deepCloneOption = (option: OptionItemProps): OptionItemProps => {
+      const cloned = { ...option };
+      if (keepChildren && option.children && option.children.length > 0) {
+         cloned.children = option.children.map((child: OptionItemProps) => deepCloneOption(child));
+      } else {
+         delete cloned.children;
+      }
+      return cloned;
+   };
+
+   // 递归查找匹配的选项
+   const findMatchedOptions = (
+      searchValues: (string | number | undefined)[],
+      searchOptions: OptionItemProps[],
+   ): OptionItemProps[] => {
+      const matched: OptionItemProps[] = [];
+
+      for (const option of searchOptions) {
+         // 检查当前选项是否匹配
+         if (searchValues.includes(option.value)) {
+            matched.push(deepCloneOption(option));
+         }
+
+         // 递归检查子选项
+         if (option.children && option.children.length > 0) {
+            const childMatched = findMatchedOptions(searchValues, option.children);
+            matched.push(...childMatched);
+         }
+      }
+
+      return matched;
+   };
+
    // 如果 values 是数组，返回所有匹配的选项对象数组
    if (Array.isArray(values)) {
-      return options.filter((option) => values.includes(option.value));
+      return findMatchedOptions(values, options);
    }
    // 如果 values 是单个值，返回匹配的单个选项对象
    else {
-      return options.find((option) => option.value === values);
+      const matched = findMatchedOptions([values], options);
+      return matched.length > 0 ? matched[0] : undefined;
+   }
+};
+
+/**
+ * 获取选中的选项文字内容
+ * @param selectedValues 选中的选项对象或对象数
+ * @returns 选中的选项文字内容
+ */
+export const getSelectedLabels = (selectedValues: OptionItemProps | OptionItemProps[] | undefined): string[] => {
+   if (selectedValues === undefined) return [];
+   if (Array.isArray(selectedValues)) {
+      return selectedValues.map((option) => option.label);
    }
+   return [selectedValues.label];
 };
 
 // 辅助函数：根据路径设置值
@@ -216,7 +268,10 @@ const setNestedValue = (obj: Record<string, any>, path: string, value: any) => {
 
 /**
  * 将选中的值根据 outFields 映射到 formData 上
- * @param formData 需要更新的数据对象
+ * @param formData 需要更新的数据对
+ * 输出字段转换控制
+ * - Key：目的字段，支持 "." 嵌套
+ * - Value：源字段，支持模板 ${} 或者 ${index} 或者 ${index}.${key}
  * @param outFields 输出字段转换映射关系
  * @param selectedValues 选中的选项对象或对象数组
  */
@@ -235,12 +290,28 @@ export const outFormDataFields = (
 
    // 如果 selectedValues 是数组
    if (Array.isArray(selectedValues)) {
-      // selectedValues.forEach((selectedValue) => {
-      //    Object.entries(outFields).forEach(([targetKey, sourceKey]) => {
-      //       const value = selectedValue[sourceKey];
-      //       setNestedValue(formData, targetKey, value);
-      //    });
-      // });
+      Object.entries(outFields).forEach(([targetKey, sourceKey]) => {
+         // 必须是 ${index} 或者 ${index}.${key}，否则输出错误并跳过
+         const reg = /^\$\{\d+\}/;
+         // 第一个必须是 ${index}，否则输出错误并跳过
+         if (reg.test(sourceKey)) {
+            try {
+               const index = parseInt(sourceKey.match(/\$\{(\d+)\}/)?.[1] ?? '0');
+               const targetValue = selectedValues[index];
+               const restKey = sourceKey.replace(/\$\{\d+\}\./, '');
+               if (restKey && targetValue) {
+                  const value = parseFieldTemplate(restKey, targetValue);
+                  setNestedValue(formData, targetKey, value);
+               } else {
+                  setNestedValue(formData, targetKey, targetValue);
+               }
+            } catch (error) {
+               console.error('outFields 格式错误：' + sourceKey, '必须是 ${index} 或者 ${index}.${key}');
+            }
+         } else {
+            console.error('outFields 格式错误：' + sourceKey, '必须是 ${index} 或者 ${index}.${key}');
+         }
+      });
    }
    // 如果 selectedValues 是单个对象
    else {
@@ -320,16 +391,3 @@ export const onOptionChanged = (
    }
    return selectedValues;
 };
-
-/**
- * 获取选中的选项文字内容
- * @param selectedValues 选中的选项对象或对象数
- * @returns 选中的选项文字内容
- */
-export const getSelectedLabels = (selectedValues: OptionItemProps | OptionItemProps[] | undefined): string[] => {
-   if (selectedValues === undefined) return [];
-   if (Array.isArray(selectedValues)) {
-      return selectedValues.map((option) => option.label);
-   }
-   return [selectedValues.label];
-};

package/src/utils/table.ts

@@ -25,8 +25,9 @@ interface TableColumn {
  */
 export const filterColumns = (columns: TableColumn[], toolCtl?: boolean) => {
    const userInfoStore = useUserInfo();
-
-   return columns.filter((column) => {
+   // 检查是否存在enabled:false的列
+   // 并且设置没有权限的列为enabled:false
+   const enabledColumns = columns.filter((column) => {
       // 角色权限检查
       if (column.role && !userInfoStore.hasRole(column.role)) {
          return false;
@@ -37,6 +38,18 @@ export const filterColumns = (columns: TableColumn[], toolCtl?: boolean) => {
          return false;
       }
 
+      if (column.enabled === false) {
+         return false;
+      }
+
+      if (typeof column.enabled === 'function') {
+         return column.enabled();
+      }
+
+      return true;
+   });
+
+   return enabledColumns.filter((column) => {
       if (!toolCtl) {
          // 可见性检查
          if (column.visible === false) {

package/vite.config.ts

@@ -47,7 +47,6 @@ export default defineConfig(({ mode }: ConfigEnv) => {
             '@': path.resolve('./src'),
             '@skyfox2000/fapi': path.resolve('../502417_fapi'),
             '@skyfox2000/microbase': path.resolve('../502424_MicroBase'),
-            '@skyfox2000/webbase': path.resolve('../502428_WebBase'),
          },
          extensions: ['.js', '.ts', '.vue', 'json'],
       },