import type { AlignType, DateFormatType, MaskConfig, RegItem, SelectProps, SizeUnitType, TimeFormatType, TreeProps } from './basic';

export interface ItemCfg {
  jnpfKey: string;
  label: string;
  tipLabel?: string;
  labelWidth: number | undefined;
  showLabel: boolean;
  tag: string;
  tagIcon: string;
  tableAlign?: string;
  tableFixed?: string;
  className: string[];
  defaultValue?: any;
  defaultCurrent?: boolean;
  updateOnFlowEdit?: boolean;
  required?: false;
  layout: string;
  span: number;
  dragDisabled: boolean;
  visibility: string[];
  tableName?: Nullable<string>;
  noShow: boolean;
  /** 绑定数据库字段但仅用于展示，不参与表单提交。 */
  isDisplayOnly?: boolean;
  /** 不绑定数据库字段，运行时使用 controlKey 作为表单数据键且不参与提交。 */
  isVirtualField?: boolean;
  /** 标识虚拟属性由所属虚拟子表继承。 */
  isVirtualFieldInherited?: boolean;
  useDetailVisibleRule?: boolean;
  detailVisibleRule?: string;
  useDetailDisabledRule?: boolean;
  detailDisabledRule?: string;
  useDetailFormatRule?: boolean;
  detailFormatRule?: string;
  biz_log_enabled?: boolean;
  regList?: RegItem[];
  trigger?: string | string[];
  isStorage?: number;
  dataType?: string;
  dictionaryType?: string;
  propsUrl?: string;
  propsName?: string;
  /** 表单内数据源的设计子表字段名。 */
  formDataSource?: string;
  useCache?: boolean;
  templateJson?: any[];
  formId?: string;
  isSubTable?: boolean;
  parentVModel?: Nullable<string>;
  relationTable?: Nullable<string>;
  // 关联表单/弹窗选择
  transferList?: any[];
  // 折叠面板/tab
  children?: any[];
  active?: any;
  currentStepField?: string;
  __currentStepFieldValue?: any;
  // 设计子表
  showTitle?: boolean;
  complexHeaderList?: any[];
  // 表格容器、iframe
  borderType?: string;
  borderColor?: string;
  borderWidth?: number;
  // 单据规则
  rule?: string;
  ruleName?: string;
  ruleType?: number;
  ruleConfig?: any;
  lockAndShow?: boolean;
  billNumberChangeScript?: string;
  // 日期选择/时间选择
  startTimeRule?: boolean;
  startTimeType?: number;
  startTimeTarget?: number;
  startTimeValue?: Nullable<number>;
  startRelationField?: string;
  endTimeRule?: boolean;
  endTimeType?: number;
  endTimeTarget?: number;
  endTimeValue?: Nullable<number>;
  endRelationField?: string;
  // ocr
  storageType?: number;
}

export interface ItemOn {
  change?: string;
  blur?: string;
  click?: string;
  tabClick?: string;
}

export interface BasicGenItem {
  __config__: ItemCfg;
  on?: ItemOn;
  style?: {
    width: string;
  };
  __vModel__?: string;
  controlKey?: string;
}
// 单行输入
export interface InputGenItem extends BasicGenItem {
  placeholder: string;
  useScan: boolean;
  useMask: boolean;
  maskConfig: MaskConfig;
  clearable: boolean;
  addonBefore: string;
  addonAfter: string;
  prefixIcon: string;
  suffixIcon: string;
  maxlength: Nullable<number>;
  showCount: boolean;
  showPassword: boolean;
  readonly: boolean;
  disabled: boolean;
}
// 多行输入
export interface TextareaGenItem extends BasicGenItem {
  placeholder: string;
  autoSize: any;
  clearable: boolean;
  maxlength: Nullable<number>;
  showCount: boolean;
  readonly: boolean;
  disabled: boolean;
}
// 数字输入
export interface InputNumberGenItem extends BasicGenItem {
  placeholder: string;
  min?: number;
  max?: number;
  controls: boolean;
  addonBefore: string;
  addonAfter: string;
  thousands: boolean;
  isAmountChinese: boolean;
  step: number;
  precision?: number;
  disabled: boolean;
}
// 开关
export interface SwitchGenItem extends BasicGenItem {
  disabled: boolean;
  activeTxt: string;
  inactiveTxt: string;
  activeValue: number;
  inactiveValue: number;
}
// 单选框组
export interface RadioGenItem extends BasicGenItem {
  options: any[];
  props: SelectProps;
  direction: string;
  optionType: string;
  buttonStyle: string;
  size: string;
  disabled: boolean;
}
// 多选框组
export interface CheckboxGenItem extends BasicGenItem {
  options: any[];
  props: SelectProps;
  direction: string;
  disabled: boolean;
}
// 下拉框
export interface SelectGenItem extends BasicGenItem {
  options: any[];
  props: SelectProps;
  placeholder: string;
  clearable: boolean;
  disabled: boolean;
  filterable: boolean;
  multiple: boolean;
}
// 下拉树形
export interface TreeSelectGenItem extends SelectGenItem {
  props: TreeProps;
  showPath: boolean;
}
// 级联选择
export interface CascaderGenItem extends SelectGenItem {
  props: TreeProps;
}
// 日期选择
export interface DatePickerGenItem extends BasicGenItem {
  placeholder: string;
  format: DateFormatType;
  startTime: Nullable<number>;
  endTime: Nullable<number>;
  clearable: boolean;
  disabled: boolean;
}
// 时间选择
export interface TimePickerGenItem extends BasicGenItem {
  placeholder: string;
  format: TimeFormatType;
  startTime: Nullable<number>;
  endTime: Nullable<number>;
  clearable: boolean;
  disabled: boolean;
}
// 图片上传
export interface UploadImgGenItem extends BasicGenItem {
  disabled: boolean;
  fileSize: Nullable<number>;
  sizeUnit: SizeUnitType;
  buttonText: string;
  limit: Nullable<number>;
  pathType: string;
  sortRule: string[];
  timeFormat: string;
  folder: string;
  tipText: string;
  showType: string;
}
// 文件上传
export interface UploadFileGenItem extends UploadImgGenItem {
  onlineEdit?: boolean;
  qianpiyeAnnotatorEnabled?: boolean;
  allowDownload?: boolean;
  accept: string;
}
// 颜色选择
export interface ColorPickerGenItem extends BasicGenItem {
  showAlpha: boolean;
  colorFormat: string;
  disabled: boolean;
}
// 评分
export interface RateGenItem extends BasicGenItem {
  count: number;
  allowHalf: boolean;
  disabled: boolean;
}
// 滑块
export interface SliderGenItem extends BasicGenItem {
  min: number;
  max: number;
  step: number;
  disabled: boolean;
}
// 富文本
export interface EditorGenItem extends BasicGenItem {
  placeholder: string;
  disabled: boolean;
}
// 链接
export interface LinkGenItem extends BasicGenItem {
  content: string;
  href: string;
  target: string;
  textStyle: any;
}
// 按钮
export interface ButtonGenItem extends BasicGenItem {
  align: AlignType;
  buttonText: string;
  type: string;
  disabled: boolean;
}
// 文本
export interface TextGenItem extends BasicGenItem {
  content: string;
  textStyle: any;
}
// 提示
export interface AlertGenItem extends BasicGenItem {
  content: string;
  textStyle: any;
  title: string;
  type: string;
  showIcon: boolean;
  closable: boolean;
  description: string;
  closeText: string;
}
// 二维码
export interface QrcodeGenItem extends BasicGenItem {
  colorDark: string;
  colorLight: string;
  width: number;
  dataType: string;
  staticText: string;
  relationField: string;
}
// 条形码
export interface BarcodeGenItem extends BasicGenItem {
  format: string;
  lineColor: string;
  background: string;
  width: number;
  height: number;
  dataType: string;
  staticText: string;
  relationField: string;
}
// 数字公式
export interface CalculateGenItem extends BasicGenItem {
  type?: number;
  expression: any[];
  isStorage: number;
  thousands: boolean;
  isAmountChinese: boolean;
  precision: Nullable<number>;
  roundType: number;
  dateCalConfig: object;
}

// 日期公式
export interface DateCalculateGenItem extends BasicGenItem {
  expression: any[];
  isStorage: number;
  precision: Nullable<number>;
  roundType: number;
  calculateType: number;
  startTimeType: number;
  startTimeValue: Nullable<number>;
  startRelationField: string;
  endTimeType: number;
  endTimeValue: Nullable<number>;
  endRelationField: string;
  dateFormat: number;
  dateUnit: string;
  format: string;
}

// 组织选择、岗位选择、角色选择、分组选择
export interface OrgGenItem extends BasicGenItem {
  placeholder: string;
  selectType: string;
  ableIds: string[];
  multiple: boolean;
  clearable: boolean;
  filterable: boolean;
  disabled: boolean;
}
export interface UserSelectGenItem extends OrgGenItem {
  ableRelationIds: string[];
  relationField: string;
}
// 表格容器
export interface TableGenItem extends BasicGenItem {
  disabled: boolean;
  showSummary: boolean;
  summaryField: string[];
  isNumLimit: boolean;
  numLimit: number;
  useRowReadonly: boolean;
  rowReadonlyFunc: string;
  defaultValue: any[];
  columnBtnsList: any[];
  footerBtnsList: any[];
  layoutType: string;
  defaultExpandAll: boolean;
}
// 弹窗选择
export interface PopupSelectGenItem extends BasicGenItem {
  placeholder: string;
  interfaceId: string;
  interfaceName: string;
  templateJson: any[];
  hasPage: boolean;
  pageSize: number;
  extraOptions: any[];
  columnOptions: any[];
  propsValue: string;
  relationField: string;
  popupType: string;
  popupTitle: string;
  popupWidth: string;
  disabled: boolean;
  clearable: boolean;
  multiple: boolean;
  filterable: boolean;
}
// 关联表单
export interface RelationFormGenItem extends BasicGenItem {
  placeholder: string;
  modelId: string;
  templateJson: any[];
  hasPage: boolean;
  pageSize: number;
  extraOptions: any[];
  columnOptions: any[];
  propsValue: string;
  relationField: string;
  popupType: string;
  popupTitle: string;
  popupWidth: string;
  disabled: boolean;
  clearable: boolean;
  multiple: boolean;
  filterable: boolean;
  queryType: number;
}
// 弹窗选择属性、关联表单属性
export interface AttrGenItem extends BasicGenItem {
  showField: string;
  relationField: string;
  isStorage: number;
}
// 下拉补全
export interface AutoCompleteGenItem extends BasicGenItem {
  interfaceId: string;
  interfaceName: string;
  templateJson: any[];
  total: number;
  relationField: string;
  disabled: boolean;
  clearable: boolean;
}
// 省市区域
export interface AreaSelectGenItem extends BasicGenItem {
  placeholder: string;
  disabled: boolean;
  clearable: boolean;
  filterable: boolean;
  multiple: boolean;
  level: number;
}
// 个人签名
export interface SignGenItem extends BasicGenItem {
  isInvoke: boolean;
  disabled: boolean;
}
// 定位
export interface LocationGenItem extends BasicGenItem {
  autoLocation: boolean;
  enableLocationScope: boolean;
  adjustmentScope: number;
  enableDesktopLocation: boolean;
  locationScope: any[];
  disabled: boolean;
  clearable: boolean;
}
// Iframe
export interface IframeGenItem extends BasicGenItem {
  href: string;
  height: Nullable<number>;
  borderType: string;
  borderColor: string;
  borderWidth: number;
}
// 所属组织
export interface CurrOrganizeGenItem extends BasicGenItem {
  type: string;
  readonly: boolean;
  placeholder: string;
}
// 分割线
export interface DividerGenItem extends BasicGenItem {
  content: string;
  contentPosition: AlignType;
}
// 分组标题
export interface GroupTitleGenItem extends DividerGenItem {
  helpMessage: string;
}
// 折叠面板
export interface CollapseGenItem extends BasicGenItem {
  accordion: boolean;
  ghost: boolean;
  expandIconPosition: 'end' | 'start';
}
// 标签面板
export interface TabGenItem extends BasicGenItem {
  type: string;
  tabPosition: string;
}
// 步骤条
export interface StepsGenItem extends BasicGenItem {
  simple: boolean;
  processStatus: string;
}
// 栅格容器
export interface RowGenItem extends BasicGenItem {
  type: string;
  justify: string;
  align: string;
}
// 卡片容器
export interface CardGenItem extends BasicGenItem {
  header: string;
  shadow: string;
}
// 表格容器
export type TableGridGenItem = BasicGenItem;
// 关联查询
export interface RelationQueryGenItem extends BasicGenItem {
  title: string;
  showTitle: boolean;
  defaultEmpty: boolean;
  columnOptions: any[];
  sortRule: any[];
  queryRule: any;
}
// Ocr
export interface OcrGenItem extends BasicGenItem {
  ocrType: string;
  disabled: boolean;
}

export type GenItem =
  | AlertGenItem
  | AreaSelectGenItem
  | AttrGenItem
  | AutoCompleteGenItem
  | BarcodeGenItem
  | ButtonGenItem
  | CalculateGenItem
  | CardGenItem
  | CascaderGenItem
  | CheckboxGenItem
  | CollapseGenItem
  | ColorPickerGenItem
  | CurrOrganizeGenItem
  | DateCalculateGenItem
  | DatePickerGenItem
  | DividerGenItem
  | EditorGenItem
  | GroupTitleGenItem
  | IframeGenItem
  | InputGenItem
  | InputNumberGenItem
  | LinkGenItem
  | LocationGenItem
  | OcrGenItem
  | OrgGenItem
  | PopupSelectGenItem
  | QrcodeGenItem
  | RadioGenItem
  | RateGenItem
  | RelationFormGenItem
  | RelationQueryGenItem
  | RowGenItem
  | SelectGenItem
  | SignGenItem
  | SliderGenItem
  | StepsGenItem
  | SwitchGenItem
  | TabGenItem
  | TableGenItem
  | TableGridGenItem
  | TextareaGenItem
  | TextGenItem
  | TimePickerGenItem
  | TreeSelectGenItem
  | UploadFileGenItem
  | UploadImgGenItem
  | UserSelectGenItem;