import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { MaxTrimConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'
import { chartInitConfig } from '@/settings/designSetting'
import { fontFamily } from 'html2canvas/dist/types/css/property-descriptors/font-family'

export enum WritingModeEnum {
  HORIZONTAL = '水平',
  VERTICAL = '垂直'
}

export const WritingModeObject = {
  [WritingModeEnum.HORIZONTAL]: 'horizontal-tb',
  [WritingModeEnum.VERTICAL]: 'vertical-rl'
}

export enum FontWeightEnum {
  NORMAL = '常规',
  BOLD = '加粗',
}

export enum FontStyleEnum {
  NORMAL = '常规',
  ITALIC = '斜体',
}

export const FontWeightObject = {
  [FontWeightEnum.NORMAL]: 'normal',
  [FontWeightEnum.BOLD]: 'bold',
}

export const FontStyleObject = {
  [FontStyleEnum.NORMAL]: 'normal',
  [FontStyleEnum.ITALIC]: 'italic',
}

export const option = {
  dataset: '危化品库场景数据看板',
  fontSize: 38,
  fontColor: '#ffffff',
  paddingX: 35,
  paddingY: 6,
  textAlign: 'start', // 水平对齐方式
  fontWeight: 'normal',
  fontStyle: 'italic',
  // 字间距
  letterSpacing: 10,
  fontFamily: 'CustomFont',
  writingMode: 'horizontal-tb',
  backgroundColor: '#00000000'
}


export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = MaxTrimConfig.key
  public chartConfig = cloneDeep(MaxTrimConfig)
  public attr = { ...chartInitConfig, x: 0, y: 0, w: 1920, h: 94, zIndex: 1 }
  public option = cloneDeep(option)
}