import {
  IImageListConfigType,
  INumberConfigType,
  ITextConfigType,
  TTextDefaultType,
  TNumberDefaultType,
  TImageListDefaultType,
} from '@/core/FormComponents/types';
// import { INumberConfigType, TNumberDefaultType } from '../PanelComponents/FormEditor/types';

///提取所有公用设置，传来时加到这里，约定公用类型
//公用配置需满足条件，所有组件初始值统一，否则不放公用设置

export interface ICommonBaseType {
  baseTop: TNumberDefaultType;
  baseLeft: TNumberDefaultType;
  baseRadius: TNumberDefaultType;
  baseRotate: TNumberDefaultType;
  baseScale: TNumberDefaultType;
  baseHeight: TNumberDefaultType;
  baseWidth: TNumberDefaultType;
  isTpl?: boolean;
  index?: any;
}

export const baseConfig: INumberConfigType[] = [
  {
    key: 'baseTop',
    name: '纵向位移',
    type: 'Number',
  },
  {
    key: 'baseLeft',
    name: '横向位移',
    type: 'Number',
  },
  {
    key: 'baseRadius',
    name: '圆角',
    type: 'Number',
  },
  {
    key: 'baseRotate',
    name: '旋转',
    type: 'Number',
  },
  {
    key: 'baseScale',
    name: '缩放',
    type: 'Number',
  },
  {
    key: 'baseHeight',
    name: '容器高度%',
    type: 'Number',
  },
  {
    key: 'baseWidth',
    name: '容器宽度%',
    type: 'Number',
  },
];

export const baseDefault = {
  baseTop: 0,
  baseLeft: 0,
  baseRadius: 0,
  baseRotate: 0,
  baseScale: 100,
  baseHeight: 100,
  baseWidth: 100,
};

export interface ICommonConfig {
  name: TTextDefaultType;
  borderRadius: TNumberDefaultType;
  paddingX: TNumberDefaultType;
  imgList: TImageListDefaultType;
}

export const commonEditData: {
  name: ITextConfigType;
  imgList: IImageListConfigType;
  borderRadius: INumberConfigType;
  paddingX: INumberConfigType;
} = {
  name: {
    key: 'name',
    name: '组件名称',
    type: 'Text',
  },
  imgList: {
    key: 'imgList',
    name: '图片列表',
    type: 'ImageList',
    data: { imgWidth: 500 },
  },
  borderRadius: {
    key: 'borderRadius',
    name: '圆角',
    type: 'Number',
    range: [0, 100],
  },
  paddingX: {
    key: 'paddingX',
    name: '页面边距',
    type: 'Number',
    range: [0, 60],
  },
};

export const commonConfig: ICommonConfig = {
  name: '',
  borderRadius: 3,
  paddingX: 15,
  imgList: Array(4)
    .fill(0)
    .map((item, idx) => {
      return {
        id: '2' + idx,
        title: '专题推荐' + idx,
        desc: '专题推荐' + idx,
        link: 'http://www.liweijia.com',
        data: {
          price: 20,
          sales_volume: 123,
        },
        imgUrl: [
          {
            uid: '001' + idx,
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/content/f0b55851c60ff5047d209511baf347ad.jpg',
          },
        ],
      };
    }),
};