import { RouteLocationNormalizedLoaded } from 'vue-router';
import { RuleChainFieldsEnum, RuleChainFieldsNameEnum } from '../../../enum/formField/flow';
import { getRuleChainDetail, getRuleChains } from '/@/api/ruleDesigner';
import { FormSchema } from '/@/components/Form';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

const fetch = async (params: Recordable, ruleChainId: string) => {
  try {
    const result = await getRuleChains(params);
    const data = result.data
      .map((item) => ({ label: item.name, value: item.id.id }))
      .filter((item) => item.value !== ruleChainId);
    return data;
  } catch (err) {
    // eslint-disable-next-line no-console
    console.error(err);
    return [];
  }
};

export const getFormSchemas = (route: RouteLocationNormalizedLoaded): FormSchema[] => {
  const ruleChainId = (route.params as Record<'id', string>).id;
  return [
    {
      field: RuleChainFieldsEnum.RULE_CHAIN_ID,
      label: t(RuleChainFieldsNameEnum.RULE_CHAIN_ID),
      component: 'ApiSearchSelect',
      componentProps: () => {
        return {
          placeholder: '请选择规则链',
          showSearch: true,
          params: (textSearch: string) => {
            return {
              pageSize: 10,
              page: 0,
              type: 'CORE',
              textSearch,
            };
          },
          api: (params: Recordable) => fetch(params, ruleChainId),
          queryApi: async (id: string) => {
            if (!id) return;
            const data = await getRuleChainDetail(id);
            return { label: data.name, value: data.id.id };
          },
          getPopupContainer: () => document.body,
        };
      },
    },
  ];
};