visualization-design/src/services/png.ts

import axios from '@/http';
import { parseSvg } from '@meta2d/svg';
import { cdn } from './api';
import { filename } from './file';

export async function getFolders(name: string, isSvg?: boolean) {
  const path = name;
  const folders: any = await axios.post('/api/assets/folders', {
    path,
  });
  if (!folders || !folders.list) {
    return [];
  }

  const files: any = await axios.post('/api/assets/files', {
    path,
  });

  const results = [];
  for (const item of folders.list) {
    let name = item;
    if (folders.prefix) {
      const temp = name.split('/');
      name = temp[temp.length - 2];
    }
    const list = [];
    for (const f of files.list) {
      if (f.indexOf(item) >= 0) {
        const temp = f.split('/');
        const name = filename(temp[temp.length - 1]);
        const elem: any = {
          name,
          image: cdn + '/' + f,
          isSvg,
        };
        list.push(elem);
      }
    }

    results.push({ name, list });
  }

  return results;
}

export async function makeSvg(elem: any) {
  const svgDom: string = await axios.get(elem.image);
  let _svgDom = svgDom.replaceAll('#333;', '#fff;');
  elem.svg = _svgDom;
  elem.data = parseSvg(_svgDom);
}