import { computed, ref } from 'vue';
import { useVentStore } from '/@/store/modules/vent';
import { BasicColumn } from '/@/components/Table';


const ventStore = useVentStore();

const arrToColumns = (tableHeaderColumns = []) => {
  const columns: BasicColumn[] = [];
  tableHeaderColumns.forEach((item: any) => {
    const columnsItem = {
      title: item.unit ? `${item.des}(${item.unit})` : item.des, //_dictText
      dataIndex: item.dict ? `${item.monitorcode}_dictText` : item.monitorcode,
      width: item.width || 100,
      defaultHidden: !item.showflag,
      sorter: item.sort ? true : false,
      customRender: ({ text }) => {
        return text != null ? text : '-';
      },
    };
    columns.push(columnsItem);
  });
  return columns;
};



export const getTableHeaderColumns = (webColumnsKey) => {
  const key = webColumnsKey;
  const allTableHeaderColumnArr = ventStore.getAllTableHeaderColumns;
  if (allTableHeaderColumnArr) {
    const tabelHeaderColumns = allTableHeaderColumnArr[key];
    if (key && key.includes('_chart')) {
      return tabelHeaderColumns;
    }
    return arrToColumns(tabelHeaderColumns);
  }
  return [];
};

export const getFormSchemaColumns = (webColumnsKey) => {
  const key = webColumnsKey;
  const allTableHeaderColumnArr = ventStore.getAllTableHeaderColumns;
  if (allTableHeaderColumnArr) {
    debugger
    const tabelHeaderColumns = allTableHeaderColumnArr[key];
    return tabelHeaderColumns;
    // return arrToFormColumns(tabelHeaderColumns);
  }
  return [];
};

// export const getTableHeaderColumns = async (columnsKey) => {
//   const allTableHeaderColumnArr = await ventStore.getAllTableHeaderColumnsAction();
//   if (allTableHeaderColumnArr) {
//     const tabelHeaderColumns = allTableHeaderColumnArr[columnsKey];
//     return arrToColumns(tabelHeaderColumns);
//   }
//   return [];
// };