import cloneDeep from 'lodash-es/cloneDeep';
import { CircleFlowmeterConfig } from '.';
import {
  ConfigType,
  CreateComponentType,
  PublicComponentOptions,
  PublicPresetOptions,
} from '/@/views/visual/packages/index.type';
import { PublicConfigClass, componentInitConfig } from '/@/views/visual/packages/publicConfig';
import { ComponentConfigFieldEnum } from '/@/views/visual/packages/enum';

export const option: PublicPresetOptions = {
  [ComponentConfigFieldEnum.SHOW_DEVICE_NAME]: false,
  [ComponentConfigFieldEnum.UNIT]: 'm',
  [ComponentConfigFieldEnum.FONT_COLOR]: '#fff',
  [ComponentConfigFieldEnum.SHOW_DEVICE_NAME]: false,
  [ComponentConfigFieldEnum.FLOWMETER_CONFIG]: {
    [ComponentConfigFieldEnum.BACKGROUND_COLOR]: '#8badcb',
    [ComponentConfigFieldEnum.WAVE_FIRST]: '#4579e2',
    [ComponentConfigFieldEnum.WAVE_SECOND]: '#3461c1',
    [ComponentConfigFieldEnum.WAVE_THIRD]: '#2d55aa',
  },
};

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key: string = CircleFlowmeterConfig.key;

  public attr = { ...componentInitConfig };

  public componentConfig: ConfigType = cloneDeep(CircleFlowmeterConfig);

  public persetOption = cloneDeep(option);

  public option: PublicComponentOptions;

  constructor(option: PublicComponentOptions) {
    super();
    this.option = { ...option };
  }
}