export interface IIBComponentLibConfig {
  key: string // 组件库标识，如 tdesign
  label: string // 可读名称，如 "Tdesign 组件"

  // 组件列表说明配置
  components: {
    [propName: string]: IIBComponentLibConfigComponent
  };

  // 菜单相关
  menu: IIBComponentLibConfigMenu[], // 组件面板菜单情况
  common: IIBComponentLibConfigCommon // @TODO 通用属性和配置
}

export interface IIBComponentLibConfigComponent {
  key?: string; // 组件标签名称, 如 "t-button", 应该和组件列表的 key 是一样的，工具会默认补齐，可不配置
  label: string; // 组件可读名称，如 "按钮"
  icon: string; // 组件 icon 示意图、本地或者网络地址，建议尺寸为 200 * 100， 如 "../../xxx.png" 或者 “https://xxxx/xx.png”
  topIcon?: string // 组件如果需要放在头部，本地或者网络地址，建议尺寸 44 * 44, 内边距为 10, 如 "../../xxx.png" 或者 “https://xxxx/xx.png”
  events?: IIBComponentLibConfigEvent[]; // 事件列表
  properties?: IIBComponentLibConfigProperty[]; // 属性列表
  tpl?: string; // 自定义组件模块代码，为空则用 key 作为标签名生成默认 tpl `<$key></$key>`
  path?: string, // 原子组件的相对 npm 根目录的位置
  require?: {
	[propName: string]: string	
  } // 组件依赖的其他组件,填写的是依赖的组件的 key，通常是组合组件tpl 才会需要填写
  externalClasses?: string[] // 外部样式类
}

interface IIBComponentLibConfigEvent {
  key: string; // 事件名称，如"onChange"
  label: string; // 事件展示可读名称
  desc: string; // 事件展示的描述
  references?: IIBComponentLibConfigPropertyReferences // 组件属性说明文档
}

// Event Dxplaination Document Address
interface IIBComponentLibConfigPropertyReferences {
  desc: string,
  url: string
}

type ComponentPropertyType = 'Boolean' | 'String' | 'Color' | 'Image' | 'Enum' | 'Number' | 'Object' | 'Array'
export interface IIBComponentLibConfigProperty {
  key: string; // 属性名称, 如 "value"
  label: string; // 属性展示可读名称
  desc: string; // 属性展示的描述
  type: ComponentPropertyType[]; // 属性值类型（多种）
  defaultValue?: any // @TODO
  enum?: any[] // @TODO 枚举，对应下拉选择
  references?: IIBComponentLibConfigPropertyReferences // @TODO 组件属性说明文档
}

// Level 1 Menu
// Level 1 Menu
export interface IIBComponentLibConfigMenu {
  key: string; // 菜单唯一标识
  label: string; // 菜单可读名称
  icon?: string // 菜单 menu 图标 20*20
  submenu: IIBComponentLibConfigSubMenu[];
}
// Second Level Menu
export interface IIBComponentLibConfigSubMenu {
  key: string; // 二级菜单唯一标识
  label: string; // 二级菜单可读名称
  components: string[]; // 对应的组件 key
}

/**
 * 可视化组件库配置规范
 */

export interface IIBComponentLibConfig {
  key: string // 组件库标识
  label: string // 可读名称

  // 组件列表说明配置
  components: {
    [propName: string]: IIBComponentLibConfigComponent
  };

  // 菜单相关
  topList?: string[], // 组件面板顶部通用组件列表 max 5个，配置的内容是 components 中组件的 key
  menu: IIBComponentLibConfigMenu[], // 组件面板菜单情况

  // @TODO: 其他配置
  remote?: string // @TODO 远程配置地址，后续读取配置进行更新
  common: IIBComponentLibConfigCommon // @TODO
}

// Generic properties and events
export interface IIBComponentLibConfigCommon {
  properties?: {
    [proName: string]: IIBComponentLibConfigProperty;
  }, // 通用属性
  events?: {
    [proName: string]: IIBComponentLibConfigEvent;
  }, // 通用事件
}

export interface IIBComponentLibConfigComponent {
  key?: string; // 组件标签名称, 应该和组件列表的 key 是一样的，工具会默认补齐
  label: string; // 组件可读名称
  icon: string; // 组件 icon 示意图、本地或者网络地址，建议尺寸为 200 * 100
  topIcon?: string // 组件如果需要放在头部，本地或者网络地址，建议尺寸 44 * 44, 内边距为 10
  events?: IIBComponentLibConfigEvent[]; // 事件列表
  properties?: IIBComponentLibConfigProperty[]; // 属性列表
  tpl?: string; // 自定义组件模块代码，为空则用 key 作为标签名生成默认 tpl `<$key></$key>`
  path?: string, // 原子组件的相对 npm 根目录的位置
  require?: string[] // 组件依赖的其他组件,填写的是依赖的组件的 key，通常是组合组件tpl 才会需要填写
}

interface IIBComponentLibConfigEvent {
  key: string; // 事件名称，如"onChange"
  label: string; // 事件展示可读名称
  desc: string; // 事件展示的描述
  references?: IIBComponentLibConfigPropertyReferences // 组件属性说明文档
}

type ComponentPropertyType = 'Boolean' | 'String' | 'Color' | 'Image' | 'Enum' | 'Number' | 'Object' | 'Array'
export interface IIBComponentLibConfigProperty {
  key: string; // 属性名称, 如 "value"
  label: string; // 属性展示可读名称
  desc: string; // 属性展示的描述
  type: ComponentPropertyType[]; // 属性值类型（多种）
  defaultValue?: any // @TODO
  enum?: any[] // @TODO 枚举，对应下拉选择
  references?: IIBComponentLibConfigPropertyReferences // @TODO 组件属性说明文档
}

// Corresponding document address
export interface IIBComponentLibConfigPropertyReferences {
  desc: string,
  url: string
}

// Level 1 Menu
export interface IIBComponentLibConfigMenu {
  key: string; // 菜单唯一标识
  label: string; // 菜单可读名称
  icon?: string // 菜单 menu 图标 20*20
  submenu: IIBComponentLibConfigSubMenu[];
}
// Second Level Menu
export interface IIBComponentLibConfigSubMenu {
  key: string; // 二级菜单唯一标识
  label: string; // 二级菜单可读名称
  components: string[]; // 对应的组件 key
}