import { ref, watch } from 'vue';
import { useEvent } from './event';

/**
 * 表格多行多列粘贴事件
 * @param {object} obj 需要粘贴的属性以及对应的列索引值，其中字段名为属性名，值为索引值
 * @returns
 */
export function useTablePaste(obj) {
  const { invokeEvent, addEvent: addRefreshEvent } = useEvent();

  const rowIndex = ref(0);
  const columnIndex = ref(0);
  const tableData = ref([]);

  function setTableData(data) {
    tableData.value = data;
  }

  function cellClick(row, column, cell, event) {
    rowIndex.value = row.index;
    columnIndex.value = column.index;
  }
  function cellClassName({ row, column, rowIndex, columnIndex }) {
    row.index = rowIndex;
    column.index = columnIndex;
  }
  function handlePaste(event) {
    // 阻止默认的粘贴行为和事件冒泡。
    event.preventDefault();
    event.stopPropagation();

    // 获取剪贴板数据并提取纯文本内容。
    const clipboardData = event.clipboardData;
    const text = clipboardData.getData('text/plain');
    // 将文本内容按行和制表符分割，转换为二维数组
    let pastedText = text.split('\n').map((row) => {
      return row.split('\t').map((ele) => {
        return parseFloat(ele);
      });
    });
    // 表格多行多列粘贴事件。
    // let obj = {
    //   score1: null,
    //   score2: null
    // };
    // 遍历处理每一行数据，根据行索引和列索引将数据填充到表格中。
    pastedText.forEach((ele1, index) => {
      if (rowIndex.value + index <= tableData.value.length - 1) {
        // let item = JSON.parse(JSON.stringify(tableData[rowIndex + index]));
        let item = tableData.value[rowIndex.value + index];
        let num = 0;
        // 使用循环和条件判断，将处理后的数据按列索引填充到克隆的行对象中
        for (let key in obj) {
          const value = obj[key];
          if (num < ele1.length && value >= columnIndex.value) {
            item[key] = ele1[num] || ele1[num] == 0 ? ele1[num] : null;
            num++;
          }
        }
      }
    });
    invokeEvent();
  }

  return { cellClick, cellClassName, handlePaste, setTableData, addRefreshEvent, tableData };
}