<script lang="ts" setup>
  import { useDescription, Description } from '/@/components/Description';
  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
  import { schemas } from './config';
  import { ModalParamsType } from '/#/utils';
  import { TaskRecordType } from '/@/api/task/model';
  import { useI18n } from '/@/hooks/web/useI18n';
  defineEmits(['register']);

  const [registerDrawer] = useDrawerInner((data: ModalParamsType<TaskRecordType>) => {
    const { record } = data;
    setDescProps({ data: record });
  });

  const { t } = useI18n();

  const [registerDescription, { setDescProps }] = useDescription({
    schema: schemas,
    labelStyle: { width: '150px' },
    column: 1,
  });
</script>

<template>
  <BasicDrawer
    :title="t('taskCenter.task.detail.taskDetail')"
    @register="registerDrawer"
    width="30%"
  >
    <Description @register="registerDescription" />
  </BasicDrawer>
</template>