import { ScriptSelectItem } from './components';
import { findDictItemByCode } from '/@/api/system/dict';
import { FormSchema, useComponentRegister } from '/@/components/Form';
import CustomMinMaxInput from '/@/components/Form/src/components/CustomMinMaxInput.vue';
import {
  TCPProtocolAccessAuthTypeEnum,
  TCPProtocolTypeEnum,
  TCPProtocolTypeNameEnum,
  TransportTypeEnum,
} from '/@/enums/deviceEnum';
import { isNullOrUnDef } from '/@/utils/is';
import { ScriptTypeEnum } from '/@/views/rule/script/TcpConversionScript/config';

useComponentRegister('CustomMinMaxInput', CustomMinMaxInput);
useComponentRegister('ScriptSelectItem' as 'Input', ScriptSelectItem);

export enum FormFieldsEnum {
  UpScriptId = 'upScriptId',
  Protocol = 'protocol',
  AuthType = 'tcpAuthType',
  HexLength = 'hexLength',
  SplitRang = 'splitRange',
  FilterPrefix = 'filterPrefix',
  SubEndIndex = 'subEndIndex',
  SubBeginIndex = 'subBeginIndex',
}

export interface FormFieldsValueType {
  [FormFieldsEnum.FilterPrefix]?: string;
  [FormFieldsEnum.HexLength]?: number;
  [FormFieldsEnum.Protocol]: TCPProtocolTypeEnum;
  [FormFieldsEnum.AuthType]: TCPProtocolAccessAuthTypeEnum;
  [FormFieldsEnum.UpScriptId]?: string;
  [FormFieldsEnum.SplitRang]: {
    [FormFieldsEnum.SubBeginIndex]: number;
    [FormFieldsEnum.SubEndIndex]: number;
  };
}

export interface TCPConfigurationType {
  [FormFieldsEnum.Protocol]: TCPProtocolTypeEnum;
  type: TransportTypeEnum;
  [FormFieldsEnum.AuthType]: TCPProtocolAccessAuthTypeEnum;
  [FormFieldsEnum.UpScriptId]?: string;
  combinationInfo?: {
    [FormFieldsEnum.SubBeginIndex]: number;
    [FormFieldsEnum.SubEndIndex]: number;
    [FormFieldsEnum.HexLength]: number;
    [FormFieldsEnum.FilterPrefix]?: string;
  };
}

export const formSchemas = (deviceTypeStr: string): FormSchema[] => {
  return [
    {
      field: FormFieldsEnum.Protocol,
      label: '类型',
      component: 'Select',
      required: true,
      defaultValue: TCPProtocolTypeEnum.MODBUS_RTU,
      componentProps: {
        options: Object.values(TCPProtocolTypeEnum).map((value) => ({
          label: TCPProtocolTypeNameEnum[value],
          value,
        })),
        placeholder: '请选择类型',
      },
    },
    {
      field: FormFieldsEnum.UpScriptId,
      label: '上行脚本',
      component: 'ScriptSelectItem' as 'Input',
      valueField: 'modelValue',
      changeEvent: 'update:modelValue',
      required: true,
      ifShow: ({ values }) => values?.protocol === TCPProtocolTypeEnum.CUSTOM,
      componentProps: {
        scriptType: ScriptTypeEnum.TRANSPORT_TCP_UP,
        serviceType: deviceTypeStr,
      },
    },
    {
      field: FormFieldsEnum.AuthType,
      label: '鉴权方式',
      component: 'ApiSelect',
      required: true,
      defaultValue: TCPProtocolAccessAuthTypeEnum.RegisterSend,
      componentProps: ({ formActionType }) => {
        return {
          api: findDictItemByCode,
          params: {
            dictCode: 'tcp_access_auth_type',
          },
          labelField: 'itemText',
          valueField: 'itemValue',
          placeholder: '请选择鉴权方式',
          onChange() {
            formActionType.setFieldsValue({
              [FormFieldsEnum.SplitRang]: {},
              [FormFieldsEnum.HexLength]: null,
              [FormFieldsEnum.FilterPrefix]: null,
            });
          },
        };
      },
    },
    {
      field: FormFieldsEnum.HexLength,
      component: 'InputNumber',
      label: 'HEX长度',
      required: true,
      ifShow: ({ values }) =>
        values[FormFieldsEnum.AuthType] === TCPProtocolAccessAuthTypeEnum.DataCombination,
      componentProps: {
        precision: 0,
        min: 1,
        placeholder: '请输入HEX长度',
      },
    },
    {
      field: FormFieldsEnum.SplitRang,
      component: 'CustomMinMaxInput',
      label: '截取起止位置',
      required: true,
      ifShow: ({ values }) =>
        values[FormFieldsEnum.AuthType] === TCPProtocolAccessAuthTypeEnum.DataCombination,
      valueField: 'value',
      changeEvent: 'update:value',
      dynamicRules: ({ values }) => [
        {
          required: true,
          validator(_rule, value) {
            const hexLength = values[FormFieldsEnum.HexLength];

            if (
              isNullOrUnDef(value[FormFieldsEnum.SubBeginIndex]) ||
              isNullOrUnDef(value[FormFieldsEnum.SubEndIndex])
            ) {
              return Promise.reject('请输入截取起止位置');
            }

            if (value[FormFieldsEnum.SubBeginIndex] > value[FormFieldsEnum.SubEndIndex]) {
              return Promise.reject('截取起始位置大与截取结束位置');
            }

            if (
              value[FormFieldsEnum.SubBeginIndex] > hexLength ||
              value[FormFieldsEnum.SubEndIndex] > hexLength
            ) {
              return Promise.reject('截取起止位置大与HEX长度');
            }

            return Promise.resolve();
          },
        },
      ],
      componentProps: {
        minField: FormFieldsEnum.SubBeginIndex,
        maxField: FormFieldsEnum.SubEndIndex,
        minInputProps: {
          placeholder: '请输入起始位置',
          precision: 0,
        },
        maxInputProps: {
          placeholder: '请输入截止位置',
          precision: 0,
        },
      },
    },
    {
      field: FormFieldsEnum.FilterPrefix,
      component: 'Input',
      label: '过滤前缀',
      ifShow: ({ values }) =>
        values[FormFieldsEnum.AuthType] === TCPProtocolAccessAuthTypeEnum.DataCombination,
      componentProps: {
        placeholder: '请输入过滤前缀',
      },
    },
  ];
};