编辑器 SDK（PC 端）接入文档

let option = {
  ...
  loadingConfig: {
    logoUrl: 'https://xxx.png'
  }
}

user: [
	type: 'showAll', // 无限滚动列表的type为showall
	dataConfig: { // dataConfig为请求数据的配置
		url: 'https://xxxxx', // 获取无限滚动列表中数据的接口，获取方式为GET
		headers: { // 接口自定义token，为可选项
			'xxx-token': 'xxxx'
		},
	},
]

{
	items: [ // 无限分类列表的数据
		{
			thumbUrl: 'https://xxx.png', // 用户预览的缩略图
			url: 'https://xxx.png' // 实际添加到画布中的图片
		}
	],
	total: 200 // 列表总数，如果返回错误无法正确计算加载更多
}

user: [
	type: 'unlimited',  // 无限级分类展示+无限滚动列表的type为unlimited
	dataConfig: { // dataConfig为请求数据的配置
	  levelUrl: 'https://xxx', // 获取无限级分类的接口，获取方式为GET
	  url: 'https://xxx', // 获取无限滚动列表中数据的接口，获取方式为GET
	  headers: { // 接口自定义token，为可选项
	  	'xxx-token': 'xxxx'
	  },
	},
]

{
	items: [ // 无限分类列表的数据
		{
			thumbUrl: 'https://xxx.png', // 用户预览的缩略图
			url: 'https://xxx.png' // 实际添加到画布中的图片
		}
	],
	total: 200 // 列表总数，如果返回错误无法正确计算加载更多
}

[
  { id: 1, parentId: 0, name: '一级菜单', rank: 1 },
  { id: 2, parentId: 0, name: '一级菜单', rank: 1 },
  { id: 3, parentId: 0, name: '一级菜单', rank: 1 },
  { id: 4, parentId: 1, name: '二级菜单1', rank: 2 },
  { id: 5, parentId: 1, name: '二级菜单2', rank: 2 },
  { id: 6, parentId: 2, name: '二级菜单3', rank: 2 },
  { id: 7, parentId: 4, name: '三级菜单', rank: 3 },
  { id: 8, parentId: 7, name: '四级菜单', rank: 4 },
  { id: 9, parentId: 8, name: '五级菜单', rank: 5 },
  { id: 10, parentId: 9, name: '六级菜单', rank: 6 },
  { id: 11, parentId: 10, name: '七级菜单', rank: 7 },
  { id: 12, parentId: 11, name: '八级菜单', rank: 8 },
  { id: 13, parentId: 12, name: '九级菜单', rank: 9 },
  { id: 14, parentId: 13, name: '十级菜单', rank: 10 }
]

user: {
	type: 'showChild',  // 按照分类展示+无限滚动列表的type为showChild
	dataConfig: { // dataConfig为请求数据的配置
	  childUrl: 'https://xxx', // 获取无限滚动列表中数据的接口，获取方式为GET
	  url: 'https://xxx', // 获取按照分类显示数据的接口，获取方式为GET
	  tagList: ['测试1', '测试2', '测试3', '测试4', '测试5', '测试6', '测试7', '测试8', '测试9'], 
	  // 在搜索栏下方显示的tag列表，当用户点击以后会将tag内容作为关键词请求childUrl接口，此配置为可选项
	  headers: { // 接口自定义token，为可选项
	  	'xxx-token': 'xxxx'
	  },
	},
}

[
	id: 'xxx', // 分类id，当用户点击分类以后将此id传入childUrl的Category字段。
	name: 'xxx', // 分类名称，显示作用
	material: [ // 返回的每一种分类的显示图片，每一个分类显示3个
		{
			url: 'https://xxx.png', // 实际添加到画布中的图片
			thumbUrl: 'https://xxx.png' // 用户预览的缩略图
		}
	]
]

{
	items: [ // 无限列表的数据
		{
			thumbUrl: 'https://xxx.png', // 用户预览的缩略图
			url: 'https://xxx.png' // 实际添加到画布中的图片
		}
	],
	total: 200 // 列表总数，如果返回错误无法正确计算加载更多
}

let header = {} // 想要正确运行的话可以联系管理员获取header后进行请求

let option = {
  ...
  leftConfig: {
    user: [
      {
        menuName: '测试',
        menuIcon: 'https://static.taishan.qq.com/editor/assets/01b2269953df053926f7045d0a670655.png',
        menuIconActive: 'https://static.taishan.qq.com/editor/assets/280272c691fbdadb36701a48340c5d36.png',
        type: 'showChild',
        dataConfig: {
          url: 'https://taishan.qq.com/api/category/getall?parentType=2',
          tagList: ['测试1', '测试2', '测试3', '测试4', '测试5', '测试6', '测试7', '测试8', '测试9'],
          headers: header,
          childUrl: 'https://taishan.qq.com/api/ape/search',
        },
      },
      {
        menuName: '测试1',
        menuIcon: 'https://static.taishan.qq.com/editor/assets/01b2269953df053926f7045d0a670655.png',
        menuIconActive: 'https://static.taishan.qq.com/editor/assets/280272c691fbdadb36701a48340c5d36.png',
        type: 'showAll',
        dataConfig: {
          url: 'https://taishan.qq.com/api/ape/search',
          headers: header,
        }
      },
      {
        menuName: '测试3',
        menuIcon: 'https://static.taishan.qq.com/editor/assets/01b2269953df053926f7045d0a670655.png',
        menuIconActive: 'https://static.taishan.qq.com/editor/assets/280272c691fbdadb36701a48340c5d36.png',
        type: 'unlimited',
        dataConfig: {
          levelUrl: 'https://taishan.qq.com/api/category',
          url: 'https://taishan.qq.com/api/ape/search',
          headers: header,
        },
      },
    ]
  }
}

let option = {
  ...
  headConfig: {
    logoUrl: 'https://xxx.png',
    downloadName: '完成',
    onClickDownload: (res) => {
      console.log(res)
    },
    isDownloadImg: false,
  },
}

{
  "name": "56a4419401b62dcda242595e4f32114a.png",
  "status": "done",
  "url": "//static.taishan.qq.com/editor/material/56a4419401b62dcda242595e4f32114a.png",
  "thumbUrl": "//static.taishan.qq.com/editor/material/56a4419401b62dcda242595e4f32114a.png?imageMogr2/thumbnail/!50p",
  "width": 720,
  "height": 400,
  "recordId": 'xxxxxx'
}

[
  {
    id: 'workarea', // 必须包含此id
    top: 0,
    left: 0,
    width: 1242,
    height: 2208,
  },
  {
    type: 'image',
    top: 0,
    left: 0,
    src: 'https://static.taishan.qq.com/editor/assets/2997b0c920be29c12c16ae3a2b2bc378.png',
  },
]

let option = {
  ......
  styleConfig: {
    hasBackground: false,
    hasQuitButton: false,
    parentDomId: 'test',
    iframeStyle: {
      position: 'absolute',
      top: 0,
      left: 0,
      zIndex: 10000,
      display: 'block',
      width: '100%',
      height: '100%',
    },
  }
}