<template>  <!-- 外层容器监听 paste 事件 -->  <divclass="table-container" @paste="handlePaste">    <a-table:columns="columns":dataSource="tableData" />  </div></template><scriptsetuplang="ts">import { ref } from 'vue';import { message } from 'ant-design-vue';const tableData = ref([]);const handlePaste = (e: ClipboardEvent) => {  // 1. 获取剪贴板数据  const clipboardData = e.clipboardData || window.clipboardData;  if (!clipboardData) return;  // 2. 提取纯文本内容  const pastedText = clipboardData.getData('text/plain');  if (!pastedText) return;  // 🌟 3. 阻止浏览器默认的粘贴行为（防止把文本粘贴到页面其他输入框里）  e.preventDefault();  // 4. 开始解析数据  processPastedData(pastedText);};</script>

// utils/clipboardParser.tsexport function parseExcelText(text: string): string[][] {  const rows: string[][] = [];  let currentRow: string[] = [];  let currentCell = '';  let inQuotes = false;  for (let i = 0; i < text.length; i++) {    const char = text[i];    const nextChar = text[i + 1];    if (char === '"') {      if (inQuotes && nextChar === '"') {        currentCell += '"'; // 处理转义的双引号        i++;       } else {        inQuotes = !inQuotes; // 切换引号状态      }    } else if (char === '\t' && !inQuotes) {      // 不在引号内的制表符，说明是换列      currentRow.push(currentCell);      currentCell = '';    } else if ((char === '\n' || (char === '\r' && nextChar === '\n')) && !inQuotes) {      // 不在引号内的换行，说明是换行      if (char === '\r') i++;       currentRow.push(currentCell);      rows.push(currentRow);      currentRow = [];      currentCell = '';    } else {      currentCell += char;    }  }  // 处理最后剩余的数据  if (currentCell !== '' || currentRow.length > 0) {    currentRow.push(currentCell);    rows.push(currentRow);  }  // 过滤掉完全为空的行  return rows.filter(row => row.some(cell => cell.trim() !== ''));}

const processPastedData = (text: string) => {  const parsedData = parseExcelText(text);  // 假设我们的表格需要两个字段：name 和 weight  const newRecords = parsedData.map((row, index) => {    return {      // 生成临时 ID      id: `temp_${Date.now()}_${index}`,      name: row[0] || '',      weight: row[1] ? Number(row[1]) : 0,      // 你可以在这里加上初始校验状态      status: 'pending'     };  });  // 追加到现有表格数据中  tableData.value = [...tableData.value, ...newRecords];  message.success(`成功导入 ${newRecords.length} 条数据！`);};