Директива qTableExport

npm install @diasoft/qpalette-table-addons

import { QTableExportModule } from '@diasoft/qpalette-table-addons';
 
imports: [
  ...
  QTableExportModule,
  ...
]

export class customersTable {
 
  filters = {
    name: 'ci(contains(тест))',
    systemName: 'ci(contains(qd))',
    sort: 'changeDate,desc',
    page: 0
  }
 
}

{{ colsNamesExample }}

{{ colsDataExample }}

interface EmployeeData {
  id: number;
  name: string;
  email: string;
  createdAt: string; // ISO дата
  updatedAt: string; // ISO дата
  status: number; // код статуса
  managerId: number;
  managerIdExpand: {
    // expand данные
    fullName: string;
    position: string;
  };
  salary: number;
  tags: Array<{
    // массив тегов
    id: number;
    name: string;
    color: string;
  }>;
  rating: number;
}

const rowsData: EmployeeData[] = [
  {
    id: 1,
    name: "Иван Петров",
    email: "ivan@example.com",
    createdAt: "2024-01-15T14:30:00Z",
    updatedAt: "2024-01-20T10:15:00Z",
    status: 1,
    managerId: 101,
    managerIdExpand: {
      fullName: "Мария Сидорова",
      position: "Руководитель отдела",
    },
    salary: 150000,
    tags: [
      { id: 1, name: "VIP", color: "gold" },
      { id: 2, name: "Постоянный", color: "blue" },
    ],
    rating: 4.5,
  },
];

const config: ICustomTableConfig = {
  tableId: "employees", // Уникальный ID
  exportFileName: "Сотрудники", // Название файла экспорта
  isExport: true, // Включить экспорт
 
  columnsWithFilter: [
    /* колонки */
  ],
};

columnsWithFilter: [
  {
    key: "id",
    label: "ID",
    column: {
      type: ECustomTableColumnType.COMMON,
      hidden: true, // Скрыт в UI, но есть в экспорте
    },
  },
  {
    key: "name",
    label: "ФИО сотрудника",
    column: {
      type: ECustomTableColumnType.COMMON,
      hidden: false,
    },
  },
  {
    key: "createdAt",
    label: "Дата создания",
    column: {
      type: ECustomTableColumnType.DATE_TIME,
      hidden: false,
    },
  },
  {
    key: "status",
    label: "Статус",
    column: { type: ECustomTableColumnType.COMMON },
    options: [
      { value: 1, label: "Активный" },
      { value: 2, label: "В отпуске" },
    ],
  },
  {
    key: "managerId",
    label: "Руководитель",
    column: {
      type: ECustomTableColumnType.COMMON,
      expandField: "fullName", // Из managerIdExpand.fullName
    },
  },
];

export() {
  // 1. Получаем видимые колонки
  const shownColumns = this.columnsListboxModel;
 
  // 2. Преобразуем каждую строку
  const rowsForExport = this.rowsData.map((item: any) => {
    const object: Record<string, any> = {};
 
    // 3. Обрабатываем каждую колонку
    shownColumns.forEach((colConfig) => {
      const key = colConfig.key;
      const label = colConfig.label;
      const columnType = colConfig.column.type;
 
      // 4. Форматируем по типу
      switch (columnType) {
        case ECustomTableColumnType.COMMON:
          if (colConfig.options) {
            // Справочники: код → текст
            const option = colConfig.options.find(opt => opt.value === item[key]);
            object[label] = option ? option.label : item[key];
          } else if (colConfig.column.expandField) {
            // Expand поля: вложенные данные
            const expandField = colConfig.column.expandField;
            object[label] = item[key + 'Expand']?.[expandField] || '';
          } else {
            // Обычное поле
            object[label] = item[key];
          }
          break;
 
        case ECustomTableColumnType.DATE:
          // Формат: DD.MM.YYYY
          object[label] = item[key] ? moment(item[key]).format('DD.MM.YYYY') : '';
          break;
 
        case ECustomTableColumnType.DATE_TIME:
          // Формат: DD.MM.YYYY HH:mm:ss
          object[label] = item[key] ? moment(item[key]).format('DD.MM.YYYY HH:mm:ss') : '';
          break;
 
        case ECustomTableColumnType.NUMBER:
          // Число с разделителями + валюта(или любое ваше значение)
          object[label] = this.qNumberFormatter.transform(item[key]) + ' RUB';
          break;
 
        case ECustomTableColumnType.TAGS:
          // Теги через запятую
          if (Array.isArray(item[key])) {
            object[label] = item[key].map(tag => tag.name).join(', ');
          }
          break;
 
        case ECustomTableColumnType.FUNCTION:
          // Кастомное форматирование
          object[label] = colConfig.column?.function(item);
          break;
 
        default:
          object[label] = item[key];
      }
    });
 
    return object;
  });
 
  // 5. Формируем имя файла
  this.table.qteFileName = `${this.config.exportFileName} ${moment().format('DD.MM.YYYY HH:mm:ss')}`; //или как-то по своему
 
  // 6. Экспортируем
  this.table.qteCurrentCols = rowsForExport;
  this.table.export();
}

{
  "name": "Иван Петров",
  "createdAt": "2024-01-15T14:30:00Z",
  "status": 1,
  "managerId": 101,
  "salary": 150000
}

ФИО сотрудника,Дата создания,Статус,Руководитель,Зарплата
"Иван Петров","15.01.2024 14:30:00","Активный","Мария Сидорова","150 000 RUB"