import { App } from 'vue'
import { setConfig, VxeGlobalConfig } from '@vxe-ui/core'

import VxeFlowDesign from './flow-design'
import VxeFlowView from './flow-view'
import VxeFormDesign from './form-design'
import VxeFormView from './form-view'
import VxeListDesign from './list-design'
import VxeListView from './list-view'

const components = [
  VxeFlowDesign,
  VxeFlowView,
  VxeFormDesign,
  VxeFormView,
  VxeListDesign,
  VxeListView
]

export function install (app: App, options?: VxeGlobalConfig) {
  setConfig(options)

  components.forEach(component => app.use(component))
}

export * from './ui'

// Components
export * from './flow-design'
export * from './flow-view'
export * from './form-design'
export * from './form-view'
export * from './list-design'
export * from './list-view'