config.ts 1.65 KB
import cloneDeep from 'lodash-es/cloneDeep';
import { InstrumentComponent2Config } 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 enum Gradient {
  FIRST = 'first',
  SECOND = 'second',
  THIRD = 'third',
}
export enum GradientColor {
  FIRST = '#67e0e3',
  SECOND = '#37a2da',
  THIRD = '#fd666d',
}

export const option: PublicPresetOptions = {
  [ComponentConfigFieldEnum.FONT_COLOR]: GradientColor.THIRD,
  [ComponentConfigFieldEnum.GRADIENT_INFO]: [
    { key: Gradient.FIRST, value: 30, color: GradientColor.FIRST },
    { key: Gradient.SECOND, value: 70, color: GradientColor.SECOND },
    { key: Gradient.THIRD, value: 100, color: GradientColor.THIRD },
  ],
  [ComponentConfigFieldEnum.UNIT]: 'km/h',
  [ComponentConfigFieldEnum.SHOW_DEVICE_NAME]: false,
  [ComponentConfigFieldEnum.SHOW_TIME]: false,
  [ComponentConfigFieldEnum.MAX_NUMBER]: 100,
  [ComponentConfigFieldEnum.FONT_SIZE]: 14,
  [ComponentConfigFieldEnum.VALUE_SIZE]: 14,
};

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

  public attr = { ...componentInitConfig };

  public componentConfig: ConfigType = cloneDeep(InstrumentComponent2Config);

  public persetOption = cloneDeep(option);

  public option: PublicComponentOptions;

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