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

export type TIconSizeKey = 'small' | 'big';

export type TGraphicNavigationEditData = Array<
  | ITextConfigType
  | INumberConfigType
  | IImageListConfigType
  | ISwitchConfigType
  | ISelectConfigType<TIconSizeKey>
>;
export type TGraphicNavigationConfig = Pick<ICommonConfig, 'name' | 'imgList' | 'paddingX'> & {
  enableCustomizedGoods: TSwitchDefaultType;
  enableMyOrder: TSwitchDefaultType;
  enableShareMoney: TSwitchDefaultType;
  enableMemberInvitation: TSwitchDefaultType;
  enableStareBusinessCard: TSwitchDefaultType;
  enableAIDesigner: TSwitchDefaultType;
  enableCoupons: TSwitchDefaultType;
  iconSize: TSelectDefaultType<TIconSizeKey>;
};

export interface IGraphicNavigationSchema {
  editData: TGraphicNavigationEditData;
  config: TGraphicNavigationConfig;
}

const GraphicNavigation: IGraphicNavigationSchema = {
  editData: [
    commonEditData.name,
    commonEditData.paddingX,
    {
      key: 'imgList',
      name: '图片列表',
      type: 'ImageList',
      data: { imgWidth: 200 },
    },
    {
      key: 'iconSize',
      name: '图片大小',
      type: 'Select',
      range: [
        { key: 'small', text: '小' },
        { key: 'big', text: '大' },
      ],
    },
    {
      key: 'enableCustomizedGoods',
      name: '启用定制商品',
      type: 'Switch',
    },
    {
      key: 'enableMyOrder',
      name: '启用我的订单',
      type: 'Switch',
    },
    {
      key: 'enableShareMoney',
      name: '启用分享赚钱',
      type: 'Switch',
    },
    {
      key: 'enableMemberInvitation',
      name: '启用会员邀请',
      type: 'Switch',
    },
    {
      key: 'enableStareBusinessCard',
      name: '启用店铺名片',
      type: 'Switch',
    },
    {
      key: 'enableAIDesigner',
      name: '启用AI设计师',
      type: 'Switch',
    },
    {
      key: 'enableCoupons',
      name: '启用领券中心',
      type: 'Switch',
    },
  ],
  config: {
    ..._.pick(commonConfig, ['name', 'paddingX']),
    imgList: [
      {
        id: '1',
        title: 'Once旋转沙发椅',
        desc: 'Once旋转沙发椅',
        link: '',
        data: {
          price: 20,
          sales_volume: 123,
        },
        imgUrl: [
          {
            uid: '001',
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/commodity-goods/f2108465c2ebaf81ab1a05ee16551a02.png',
          },
        ],
      },
      {
        id: '2',
        title: 'Echo系列沙发椅',
        desc: 'Echo系列沙发椅',
        link: '',
        data: {
          price: 20,
          sales_volume: 123,
        },
        imgUrl: [
          {
            uid: '001',
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/commodity-goods/9ebb4577322352c5c0e298b9dbc26d03.png',
          },
        ],
      },
      {
        id: '3',
        title: '意式极简弗洛伊德沙发',
        desc: '意式极简弗洛伊德沙发',
        link: '',
        data: {
          price: 20,
          sales_volume: 123,
        },
        imgUrl: [
          {
            uid: '001',
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/commodity-goods/b10002ed474dc35380aecc2661f43646.png',
          },
        ],
      },
      {
        id: '4',
        title: '简约阳台休闲椅',
        desc: '简约阳台休闲椅',
        link: '',
        data: {
          price: 20,
          sales_volume: 123,
        },
        imgUrl: [
          {
            uid: '001',
            name: 'image.png',
            status: 'done',
            url:
              'https://static.liweijia.com/site-php/upload/commodity-goods/b666f7ad8ffae2b864532346d23366ea.png',
          },
        ],
      },
    ],
    enableAIDesigner: false,
    enableCustomizedGoods: false,
    enableMemberInvitation: false,
    enableMyOrder: false,
    enableShareMoney: false,
    enableStareBusinessCard: false,
    enableCoupons: false,
    iconSize: 'small',
  },
};
export default GraphicNavigation;