import { BasicColumn, FormSchema } from '/@/components/Table';
import { h, unref } from 'vue';
import { Tag } from 'ant-design-vue';
import { findDictItemByCode } from '/@/api/system/dict';
import { USER_INFO_KEY } from '/@/enums/cacheEnum';
import { getAuthCache } from '/@/utils/auth';
import { isAdmin } from '/@/enums/roleEnum';
import { defaultField } from './constants';
import { useUtils } from '../hooks/useUtils';
import { useRole } from '/@/hooks/business/useRole';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

// 表格配置
export const columns: BasicColumn[] = [
  {
    title: t('visual.dataview.publicName'),
    dataIndex: 'interfaceName',
    width: 150,
  },
  {
    title: t('visual.dataview.publicType'),
    dataIndex: 'interfaceType',
    width: 80,
    format(text) {
      return text === 'SYSTEM' ? t('visual.dataview.SystemDefault') : t('visual.dataview.custom');
    },
  },
  {
    title: t('visual.dataview.publicMethod'),
    dataIndex: 'requestContentType',
    width: 90,
    format(text) {
      return Number(text) === 0
        ? t('visual.dataview.sqlRequest')
        : Number(text) === 1
        ? t('visual.dataview.sqlRequest')
        : t('visual.dataview.websocketRequest');
    },
  },
  {
    title: t('visual.dataview.publicContent'),
    dataIndex: 'content',
    width: 80,
    slots: { customRender: 'content' },
  },
  {
    title: t('visual.dataview.publicState'),
    dataIndex: 'state',
    width: 80,
    customRender: ({ record }) => {
      const color = record.state == 1 ? 'green' : 'red';
      const text = record.state == 1 ? t('common.releaseText') : t('common.unpublishedText');
      return h(Tag, { color: color }, () => text);
    },
  },
];

// 查询配置
export const searchFormSchema: FormSchema[] = [
  {
    field: 'name',
    label: t('visual.dataview.publicName'),
    component: 'Input',
    componentProps: {
      maxLength: 36,
      placeholder: t('common.inputText') + t('visual.dataview.publicName'),
    },
  },
  {
    field: 'state',
    label: t('visual.dataview.publicState'),
    component: 'Select',
    componentProps: {
      options: [
        {
          label: t('common.releaseText'),
          value: 1,
        },
        {
          label: t('common.unpublishedText'),
          value: 0,
        },
      ],
      placeholder: t('common.chooseText') + t('visual.dataview.publicState'),
    },
  },
  {
    field: 'interfaceType',
    label: t('visual.dataview.publicType'),
    component: 'Select',
    colProps: { span: 7 },
    componentProps: {
      options: [
        {
          label: t('visual.dataview.SystemDefault'),
          value: 'SYSTEM',
        },
        {
          label: t('visual.dataview.custom'),
          value: 'CUSTOM',
        },
      ],
      placeholder: t('common.chooseText') + t('visual.dataview.publicType'),
    },
    ifShow: ({}) => {
      const userInfo: any = getAuthCache(USER_INFO_KEY);
      const role: string = userInfo?.roles[0];
      if (isAdmin(role)) return true;
      else return false;
    },
  },
];

//表单配置
export const schemas = (): FormSchema[] => {
  const { isPlatformAdmin, isSysadmin } = useRole();
  return [
    {
      field: 'interfaceName',
      label: t('visual.dataview.publicName'),
      colProps: { span: 24 },
      required: true,
      component: 'Input',
      componentProps: {
        maxLength: 255,
        placeholder: t('common.inputText') + t('visual.dataview.publicName'),
      },
    },
    {
      field: 'interfaceType',
      component: 'ApiRadioGroup',
      label: t('visual.dataview.publicType'),
      required: true,
      colProps: {
        span: 8,
      },
      defaultValue: unref(isPlatformAdmin) || unref(isSysadmin) ? 'SYSTEM' : null,
      componentProps: {
        api: findDictItemByCode,
        params: {
          dictCode: 'interface_Type',
        },
        labelField: 'itemText',
        valueField: 'itemValue',
      },
      ifShow: ({}) => {
        const userInfo = getAuthCache(USER_INFO_KEY) as any;
        const role: string = userInfo?.roles[0];
        if (isAdmin(role)) return true;
        else return false;
      },
    },
    {
      field: 'requestContentType',
      label: t('visual.dataview.publicMethod'),
      component: 'ApiSelect',
      required: true,
      colProps: { span: 24 },
      defaultValue: '0',
      componentProps: ({ formActionType }) => {
        const { updateSchema, setFieldsValue } = formActionType;
        return {
          api: findDictItemByCode,
          params: {
            dictCode: 'dataview_select_methods',
          },
          placeholder: t('common.chooseText') + t('visual.dataview.publicMethod'),
          labelField: 'itemText',
          valueField: 'itemValue',
          getPopupContainer: () => document.body,
          onChange(e) {
            if (!e) return;
            const { usePlaceholder } = useUtils();
            const setDefaultPlaceholder = usePlaceholder(e);
            setFieldsValue(defaultField);
            updateSchema({
              field: 'requestHttpTypeAndUrl',
              componentProps: {
                type: e,
              },
            });
            updateSchema({
              field: 'requestOriginUrl',
              componentProps: {
                placeholder: setDefaultPlaceholder,
              },
            });
          },
        };
      },
    },
    {
      field: 'originUrlType',
      label: t('visual.dataview.addressType'),
      component: 'ApiSelect',
      required: true,
      colProps: { span: 24 },
      defaultValue: 'server_url',
      componentProps: ({ formActionType }) => {
        const { setFieldsValue } = formActionType;
        return {
          placeholder: t('common.inputText') + t('visual.dataview.addressType'),
          api: findDictItemByCode,
          params: {
            dictCode: 'dataview_select_origin_type',
          },
          labelField: 'itemText',
          valueField: 'itemValue',
          onChange: (e) => {
            if (!e) return;
            setFieldsValue({
              requestOriginUrl: '',
            });
          },
        };
      },
    },
    {
      field: 'requestOriginUrl',
      label: t('visual.dataview.sourceAddress'),
      colProps: { span: 24 },
      required: true,
      component: 'Input',
      componentProps: ({ formActionType }) => {
        const { getFieldsValue } = formActionType;
        const type = getFieldsValue()?.requestContentType;
        const { usePlaceholder } = useUtils();
        return {
          placeholder: usePlaceholder(type),
        };
      },
      ifShow: ({ values }) => values['originUrlType'] === 'custom_url',
    },
    {
      field: 'requestHttpTypeAndUrl',
      label: t('visual.dataview.RequestTypeandAddress'),
      component: 'InputGroup',
      required: true,
      colProps: { span: 24 },
    },
    {
      field: 'fillAddress',
      label: t('visual.dataview.fullAddress'),
      component: 'Input',
      slot: 'slotFillAddress',
      colProps: { span: 24 },
      ifShow: ({ values }) => {
        return values['originUrlType'] === 'custom_url' && values['requestOriginUrl'];
      },
    },
    {
      field: 'slotServerAddress',
      label: t('visual.dataview.fullAddress'),
      component: 'Input',
      slot: 'slotServerAddress',
      colProps: { span: 24 },
      ifShow: ({ values }) => {
        return values['originUrlType'] === 'server_url';
      },
    },
    {
      field: 'requestSQLKey',
      label: t('visual.dataview.keyName'),
      colProps: { span: 6 },
      component: 'Input',
      defaultValue: 'sql',
      componentProps: {
        disabled: true,
      },
      ifShow: ({ values }) => values['requestContentType'] === '1',
    },
    {
      field: 'requestSQLContent',
      label: t('visual.dataview.key'),
      colProps: { span: 24 },
      component: 'InputTextArea',
      defaultValue: 'select * from  where',
      componentProps: {
        maxLength: 255,
        placeholder: t('common.inputText') + t('visual.dataview.key'),
        rows: 6,
      },
      ifShow: ({ values }) => values['requestContentType'] === '1',
    },
    {
      field: 'slot',
      label: t('visual.dataview.paramsSettings'),
      component: 'Input',
      slot: 'selectMethods',
      colProps: { span: 24 },
      ifShow: ({ values }) => values['requestContentType'] !== '1',
    },
  ];
};

//表格表头配置
export const editCellTableTHeadConfig = [
  t('visual.dataview.serialNumber'),
  t('visual.dataview.BuiltInParameters'),
  t('visual.dataview.ParameterName'),
  t('visual.dataview.required'),
  t('common.actionText'),
];
export const editTestCellTableTHeadConfig = [
  t('visual.dataview.BuiltInParameters'),
  t('visual.dataview.ParameterName'),
  t('visual.dataview.ParameterValues'),
];
export const editTestCellTableTHeaderConfig = [
  t('visual.dataview.serialNumber'),
  t('visual.dataview.BuiltInParameters'),
  t('visual.dataview.ParameterName'),
  t('visual.dataview.required'),
  t('common.actionText'),
];