import type { ReturnPromise } from '@oinone/kunlun-shared';
import { OioComponentData, PopconfirmPlacement } from '@oinone/kunlun-vue-ui-common';
import type { PropType } from 'vue';
import { TableEditorCloseTrigger, TableEditorMode, TableEditorTrigger } from '../table';
import type { CellRenderFunction, RenderCellContext, RowContext } from '../typing';
import { ColumnAlignType, ColumnFixedType } from './typing';

export const OioColumnAppearanceProps = {
  width: {
    type: [String, Number]
  },
  minWidth: {
    type: [String, Number]
  },
  label: {
    type: String
  },
  className: {
    type: [String, Function] as PropType<string | ((context: RenderCellContext) => string)>
  },
  headerClassName: {
    type: [String, Function] as PropType<string | ((context: RenderCellContext) => string)>
  },
  footerClassName: {
    type: [String, Function] as PropType<string | ((context: RenderCellContext) => string)>
  },
  align: {
    type: String as PropType<ColumnAlignType | keyof typeof ColumnAlignType>
  },
  headerAlign: {
    type: String as PropType<ColumnAlignType | keyof typeof ColumnAlignType>
  },
  footerAlign: {
    type: String as PropType<ColumnAlignType | keyof typeof ColumnAlignType>
  },
  fixed: {
    type: [String, Boolean] as PropType<ColumnFixedType | keyof typeof ColumnFixedType | false>,
    default: undefined
  },
  invisible: {
    type: Boolean,
    default: false
  },
  resizable: {
    type: Boolean,
    default: undefined
  },
  treeNode: {
    type: Boolean,
    default: undefined
  }
};

export const OioColumnEditorProps = {
  editable: {
    type: Boolean,
    default: false
  },
  cellEditable: {
    type: [Boolean, Function] as PropType<boolean | ((context: RowContext) => boolean)>,
    default: undefined
  },
  editorTrigger: {
    type: String as PropType<TableEditorTrigger | keyof typeof TableEditorTrigger>,
    default: TableEditorTrigger.manual
  },
  editorMode: {
    type: String as PropType<TableEditorMode | keyof typeof TableEditorMode>,
    default: TableEditorMode.cell
  },
  editorCloseTrigger: {
    type: String as PropType<TableEditorCloseTrigger | keyof typeof TableEditorCloseTrigger>,
    default: TableEditorCloseTrigger.manual
  },
  editRender: {
    type: Object
  },
  rowEditorClosedByEnter: {
    type: Function as PropType<(context: RowContext) => ReturnPromise<boolean>>
  },
  rowEditorClosedByCancel: {
    type: Function as PropType<(context: RowContext) => ReturnPromise<boolean>>
  },
  editorConfirm: {
    type: [String, Function] as PropType<string | ((context: RowContext) => string)>
  },
  editorConfirmPosition: {
    type: [String, Function] as PropType<PopconfirmPlacement | ((context: RowContext) => PopconfirmPlacement)>
  },
  editorCondition: {
    type: Function as PropType<(context: RowContext) => ReturnPromise<boolean | undefined>>
  },
  editorEnterText: {
    type: [String, Function] as PropType<string | ((context: RowContext) => string)>
  },
  editorCancelText: {
    type: [String, Function] as PropType<string | ((context: RowContext) => string)>
  }
};

export const OioColumnControlProps = {
  type: {
    type: String
  },
  field: {
    type: String
  },
  invisibleContent: {
    type: [Boolean, Function] as PropType<boolean | ((context: RowContext) => boolean)>,
    default: undefined
  },
  sortable: {
    type: Boolean,
    default: undefined
  }
};

export const OioColumnRenderFunctionProps = {
  renderGroupCellSlot: {
    type: Function as PropType<CellRenderFunction>
  },
  renderDefaultSlot: {
    type: Function as PropType<CellRenderFunction>
  },
  renderEditSlot: {
    type: Function as PropType<CellRenderFunction>
  },
  renderContentSlot: {
    type: Function as PropType<CellRenderFunction>
  },
  renderHeaderSlot: {
    type: Function as PropType<CellRenderFunction>
  },
  dynamicRenderDefaultSlot: {
    type: Function as PropType<(context: RowContext) => CellRenderFunction>
  }
};

export const OioColumnProps = {
  ...OioColumnAppearanceProps,
  ...OioColumnEditorProps,
  ...OioColumnControlProps,
  ...OioColumnRenderFunctionProps,
  ...OioComponentData
};