nginx-ui/app/src/components/StdDesign/StdDataDisplay/methods/exportCsv.ts

import type { ComputedRef } from 'vue'
import type { StdTableProps } from '@/components/StdDesign/StdDataDisplay/types'
import type { Column, StdTableResponse } from '@/components/StdDesign/types'
import dayjs from 'dayjs'
import { get, set } from 'lodash'
import { downloadCsv } from '@/lib/helper'

async function exportCsv(props: StdTableProps, pithyColumns: ComputedRef<Column[]>) {
  const header: { title?: string, key: Column['dataIndex'] }[] = []
  // eslint-disable-next-line ts/no-explicit-any
  const headerKeys: any[] = []
  const showColumnsMap: Record<string, Column> = {}

  pithyColumns.value.forEach((column: Column) => {
    if (column.dataIndex === 'action')
      return
    let t = column.title
    if (typeof t === 'function')
      t = t()
    header.push({
      title: t,
      key: column.dataIndex,
    })
    headerKeys.push(column?.dataIndex?.toString())
    showColumnsMap[column?.dataIndex?.toString() as string] = column
  })

  // eslint-disable-next-line ts/no-explicit-any
  const dataSource: any[] = []
  let hasMore = true
  let page = 1
  while (hasMore) {
    // prepare dataSource
    await props
      .api!.get_list({ page }).then((r: StdTableResponse) => {
      if (r.data.length === 0) {
        hasMore = false

        return
      }
      dataSource.push(...r.data)
    }).catch(() => {
      hasMore = false
    })
    page += 1
  }
  // eslint-disable-next-line ts/no-explicit-any
  const data: any[] = []

  dataSource.forEach(row => {
    // eslint-disable-next-line ts/no-explicit-any
    const obj: Record<string, any> = {}

    headerKeys.forEach(key => {
      let _data = get(row, key)
      const c = showColumnsMap[key]

      _data = c?.customRender?.({ text: _data }) ?? _data
      set(obj, c.dataIndex as string, _data)
    })
    data.push(obj)
  })

  downloadCsv(header, data, `${$gettext('Export')}-${props.title}-${dayjs().format('YYYYMMDDHHmmss')}.csv`)
}

export default exportCsv