<script lang="ts" setup>
  import type { CreateModalDefineExposeType } from '../../../types';
  import { BasicForm, useForm } from '/@/components/Form';
  import { formSchemas } from './create.config';
  import { NodeData } from '../../../types/node';
  import { ScriptEditorValueType } from '/@/views/rule/designer/src/components/JavaScriptFilterModal';
  import { ScriptFieldsEnum } from '../../../enum/formField/transformation';

  defineProps<{
    config: NodeData;
  }>();

  const [register, { validate, getFieldsValue, setFieldsValue, resetFields }] = useForm({
    schemas: formSchemas,
    showActionButtonGroup: false,
  });

  const getValue: CreateModalDefineExposeType['getFieldsValue'] = async () => {
    await validate();
    const value = getFieldsValue() || {};
    const { scriptLang, jsScript, tbelScript } = (value || {})?.jsScript as ScriptEditorValueType;
    return { scriptLang, jsScript, tbelScript };
  };

  const setValue: CreateModalDefineExposeType['setFieldsValue'] = (value) => {
    resetFields();
    setFieldsValue({
      [ScriptFieldsEnum.JS_SCRIPT]: value,
    });
  };

  defineExpose({
    setFieldsValue: setValue,
    getFieldsValue: getValue,
  } as CreateModalDefineExposeType);
</script>

<template>
  <BasicForm @register="register" />
</template>