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

export type TTemplateKey = 'twoInARow' | 'horizontalScrolling';
export type TAliginKey = 'left' | 'center' | 'end';
export type TFontSizeKey = '16' | '14' | '12';
export type TFontWeight = 'bold' | 'normal';

export type TTitleTextEditData = Array<
  | ITextConfigType
  | INumberConfigType
  | IColorConfigType
  | ISelectConfigType<TAliginKey>
  | ISelectConfigType<TFontSizeKey>
  | ISelectConfigType<TFontWeight>
>;
export type TTitleTextConfig = Pick<ICommonConfig, 'name' | 'paddingX'> & {
  text: TTextDefaultType;
  align: TSelectDefaultType<TAliginKey>;
  fontSize: TSelectDefaultType<TFontSizeKey>;
  fontWeight: TSelectDefaultType<TFontWeight>;
  color: TColorDefaultType;
  lineHeight: TNumberDefaultType;
};

export interface ITitleTextSchema {
  editData: TTitleTextEditData;
  config: TTitleTextConfig;
}

const TitleText: ITitleTextSchema = {
  editData: [
    commonEditData.name,
    {
      key: 'text',
      name: '内容',
      type: 'Text',
    },
    {
      key: 'align',
      name: '显示位置',
      type: 'Select',
      range: [
        {
          key: 'left',
          text: '居左',
        },
        {
          key: 'center',
          text: '居中',
        },
        {
          key: 'end',
          text: '居右',
        },
      ],
    },
    {
      key: 'fontSize',
      name: '文字大小',
      type: 'Select',
      range: [
        {
          key: '16',
          text: '大',
        },
        {
          key: '14',
          text: '中',
        },
        {
          key: '12',
          text: '小',
        },
      ],
    },
    {
      key: 'fontWeight',
      name: '文字粗细',
      type: 'Select',
      range: [
        {
          key: 'bold',
          text: '加粗',
        },
        {
          key: 'normal',
          text: '不加粗',
        },
      ],
    },
    {
      key: 'color',
      name: '文字颜色',
      type: 'Color',
    },
    {
      key: 'lineHeight',
      name: '行高',
      type: 'Number',
    },
    commonEditData.paddingX,
  ],
  config: {
    ..._.pick(commonConfig, ['name']),
    color: "rgba(0,0,0,1)",
    text: '标题文本',
    align: 'left',
    fontSize: '16',
    fontWeight: 'normal',
    lineHeight: 24,
    paddingX: 30,
  },
};
export default TitleText;