import {
  INumberConfigType,
  IUploadConfigType,
  TNumberDefaultType,
  TUploadDefaultType,
  IColorConfigType,
  TColorDefaultType,
  ISelectConfigType,
  TSelectDefaultType,
  IPosConfigType,
  TPosDefaultType,
  TTextDefaultType,
  ITextConfigType,
  IImageSourceConfigType,
  IImageListJustOneConfigType,
  TDataListDefaultType,
} from 'editorCore/FormComponents/types';
import { baseConfig, baseDefault, ICommonBaseType } from '../../common';

export type TTextSelectKeyType = 'left' | 'right' | 'center';
export type TTextWeightSelectKeyType = '300' | '400' | '500' | '600';
export type TJumpSelectKeyType = 'source' | 'direct';

export type TImageEditData = Array<
  | IUploadConfigType
  | INumberConfigType
  | IPosConfigType
  | ISelectConfigType<TTextSelectKeyType | TTextWeightSelectKeyType>
  | IColorConfigType
  | ITextConfigType
  | ISelectConfigType<TJumpSelectKeyType>
  | IImageSourceConfigType
  | IImageListJustOneConfigType
>;

export interface IImageConfig extends ICommonBaseType {
  translate: TPosDefaultType;
  align: TSelectDefaultType<TTextSelectKeyType>;
  titText: TTextDefaultType;
  titColor: TColorDefaultType;
  titFontSize: TNumberDefaultType;
  titFontWeight: TSelectDefaultType<TTextWeightSelectKeyType>;
  subTitText: TTextDefaultType;
  subTitColor: TColorDefaultType;
  subTitFontSize: TNumberDefaultType;
  subTitFontWeight: TSelectDefaultType<TTextWeightSelectKeyType>;
  imgUrl: TDataListDefaultType;
  imgList: TDataListDefaultType;
  round: TNumberDefaultType;
  jumpStyle: TSelectDefaultType<TJumpSelectKeyType>;
}

export interface IImageSchema {
  editData: TImageEditData;
  config: IImageConfig;
}

const Image: IImageSchema = {
  editData: [
    {
      key: 'imgList',
      name: '图上资源',
      type: 'ImageSource',
    },
    {
      key: 'imgUrl',
      name: '上传图片',
      type: 'ImageListJustOne',
    },
    {
      key: 'round',
      name: '圆角',
      type: 'Number',
    },
    {
      key: 'jumpStyle',
      name: '跳转方式',
      type: 'Select',
      range: [
        {
          key: 'source',
          text: '图上资源',
        },
        {
          key: 'direct',
          text: '上传图片',
        },
      ],
    },
  ],
  config: {
    translate: [0, 0],
    align: 'center',
    titText: '',
    titFontSize: 20,
    titColor: 'rgba(0,0,0,1)',
    titFontWeight: '400',
    subTitText: '',
    subTitFontSize: 16,
    subTitColor: 'rgba(0,0,0,1)',
    subTitFontWeight: '400',
    jumpStyle: "source",
    imgUrl: [
      {
        id: '1',
        title: '专题推荐',
        desc: '专题推荐',
        link: '',
        imgUrl: [
          {
            uid: '001',
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/content/67af6ccfd148233f057c6cd84ccb9399.jpeg',
          },
        ],
      }
    ],
    imgList: [],
    round: 0,
    ...baseDefault
  },
};

export default Image;