import { ClearAlarmFieldsEnum, ClearAlarmFieldsNameEnum } from '../../../enum/formField/action';
import {
  JavascriptEditorWithTestModal,
  ScriptEditorValueType,
} from '../../../src/components/JavaScriptFilterModal';
import { DefaultNodeConfig } from '../../../types/node';
import { FormSchema, useComponentRegister } from '/@/components/Form';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

useComponentRegister('JavascriptEditorWithTestModal', JavascriptEditorWithTestModal);

export interface FormFieldsValue {
  [ClearAlarmFieldsEnum.ALARM_DETAILS_BUILD_JS]: ScriptEditorValueType;
}

export interface NodeConfigValue extends DefaultNodeConfig {
  alarmDetailsBuildJs: string;
  alarmDetailsBuildTbel: string;
  alarmType: string;
  scriptLang: string;
}

export const formSchemas: FormSchema[] = [
  {
    field: ClearAlarmFieldsEnum.ALARM_DETAILS_BUILD_JS,
    component: 'JavascriptEditorWithTestModal',
    label: t(ClearAlarmFieldsNameEnum.ALARM_DETAILS_BUILD_JS),
    changeEvent: 'update:value',
    componentProps: {
      javaScriptEditorProps: {
        functionName: 'Details',
        paramsName: ['msg', 'metadata', 'msgType'],
        scriptType: 'json',
      },
      buttonName: '测试详情函数',
    },
  },
  {
    field: ClearAlarmFieldsEnum.ALARM_TYPE,
    component: 'Input',
    label: t(ClearAlarmFieldsNameEnum.ALARM_TYPE),
    required: true,
    componentProps: {
      placeholder: `请输入${t(ClearAlarmFieldsNameEnum.ALARM_TYPE)}`,
    },
  },
];