import { registerAndGetData } from '@/plugins/data'
import { Executable, VueModule } from '@/core/common-types'
import { getHook } from '@/plugins/hook'
import { isUserComponent } from '@/core/settings'
import { ComponentMetadata } from '../../types'
import { uninstallComponent } from '../../user-component'

export interface ComponentConfigAction {
  name: string
  displayName: string
  action: Executable
  icon: string
  visible?: boolean
  title?: string
  // condition?: () => boolean
}
export interface ComponentVueAction {
  name: string
  component: Executable<VueModule>
}
export interface OptionsTransferActionItem extends ComponentVueAction {
  mode: 'export' | 'import'
  displayName: string
  shiftDisplayName: string
  icon: string
  shiftIcon: string
  title: string
}

export type ComponentAction = (
  metadata: ComponentMetadata,
) => ComponentConfigAction | ComponentVueAction | undefined

const createOptionsTransferAction =
  (config: Omit<OptionsTransferActionItem, 'component'>): ComponentAction =>
  metadata =>
    metadata.options === undefined
      ? undefined
      : {
          ...config,
          component: () => import('./OptionsTransferAction.vue'),
        }

const builtInActions: ComponentAction[] = [
  metadata => ({
    name: 'uninstall',
    displayName: '卸载',
    icon: 'mdi-trash-can-outline',
    visible: isUserComponent(metadata),
    action: async () => {
      const { before, after } = getHook('userComponents.remove', metadata)
      await before()
      await uninstallComponent(metadata.name)
      await after()
    },
  }),
  createOptionsTransferAction({
    name: 'optionsExport',
    mode: 'export',
    displayName: '导出选项',
    shiftDisplayName: '复制选项',
    icon: 'mdi-export',
    shiftIcon: 'mdi-content-copy',
    title: '导出当前组件的选项, 按住 Shift 点击可复制到剪贴板. 文件命名格式可在设置面板中修改',
  }),
  createOptionsTransferAction({
    name: 'optionsImport',
    mode: 'import',
    displayName: '导入选项',
    shiftDisplayName: '粘贴选项',
    icon: 'mdi-import',
    shiftIcon: 'mdi-content-paste',
    title: '从文件导入当前组件的选项, 按住 Shift 点击可从剪贴板粘贴',
  }),
]
export const [componentActions] = registerAndGetData(
  'settingsPanel.componentActions',
  builtInActions,
)