<template>
  <div>
    <BasicForm @register="register" />
  </div>
</template>
<script lang="ts" setup name="DataFlowMethodIsKafka">
  import { BasicForm, useForm } from '/@/components/Form';
  import { modelKafkaForm } from './config';
  import { modelFormPublicConfig } from '../../../dataflowmodal/config';

  const [
    register,
    { validateFields, setFieldsValue, resetFields, setProps, updateSchema, getFieldsValue },
  ] = useForm({
    schemas: modelKafkaForm,
    ...modelFormPublicConfig,
  });

  const getValue = async () => {
    const values = await getFieldsValue();
    if (!values) return;
    return values;
  };

  const validateValue = async () => {
    const values = await validateFields();
    if (!values) return;
    return values;
  };

  const setValue = (value) => {
    setFieldsValue(value);
  };

  // ½ûÓÃ±íµ¥
  const setDisabledProps = (value) => {
    setProps(value);
    updateSchema({ field: 'otherProperties', componentProps: { disabled: true } });
  };

  // È¡Ïû½ûÓÃ
  const setCancelDisabled = () => {
    updateSchema({ field: 'otherProperties', componentProps: { disabled: false } });
  };

  const resetValue = () => resetFields();
  defineExpose({
    getValue,
    setValue,
    resetValue,
    setDisabledProps,
    setCancelDisabled,
    validateValue,
  });
</script>

<style lang="less" scoped></style>