import {
  INumberConfigType,
  ISelectConfigType,
  ITextConfigType,
  TSelectDefaultType,
  IImageListConfigType,
} from 'editorCore/FormComponents/types';
import { commonConfig, commonEditData, ICommonConfig } from '../../common';
import _ from 'lodash';

export type TPhotoAdsSelectKeyType = 'carousel' | 'oneInARow';
export type TPhotoAdsEditData = Array<
  | ITextConfigType
  | INumberConfigType
  | ISelectConfigType<TPhotoAdsSelectKeyType>
  | IImageListConfigType
>;
export type TPhotoAdsConfig = Pick<
  ICommonConfig,
  'name' | 'borderRadius' | 'imgList' | 'paddingX'
> & {
  template: TSelectDefaultType<TPhotoAdsSelectKeyType>;
};

export interface IPhotoAdsSchema {
  editData: TPhotoAdsEditData;
  config: TPhotoAdsConfig;
}

const PhotoAds: IPhotoAdsSchema = {
  editData: [
    commonEditData.name,
    {
      key: 'template',
      name: '选择模板',
      type: 'Select',
      range: [
        {
          key: 'carousel',
          text: '轮播',
        },
        {
          key: 'oneInARow',
          text: '一行一个',
        },
      ],
    },
    commonEditData.imgList,
    commonEditData.borderRadius,
    commonEditData.paddingX,
  ],
  config: {
    ..._.pick(commonConfig, ['name', 'borderRadius', 'paddingX']),
    imgList: Array(1)
      .fill(0)
      .map((item, idx) => {
        return {
          id: '2' + idx,
          title: '专题推荐' + idx,
          desc: '专题推荐' + idx,
          link: '',
          data: {
            price: 20,
            sales_volume: 123,
          },
          imgUrl: [
            {
              uid: '001' + idx,
              name: 'image.png',
              status: 'done',
              url:
                'https://static.liweijia.com/site-php/upload/commodity-goods/751f4cb218481fb2a251acb3f5022262.png',
            },
          ],
        };
      }),
    template: 'carousel',
  },
};

export default PhotoAds;