<script setup lang="ts">
import type { TSimChannelsModel } from '#/api/iotlcm/tChannel/tSimChannels/type';

import { useVbenModal } from '@vben/common-ui';

import { View } from '#/api/iotlcm/tChannel/tSimChannels';
import { Description, useDescription } from '#/components/description';
import BetterVben from '#/constants/BetterVben';

import { ViewDescSchema } from './model';
/** ====================  方法  ==================== */
async function handleOpenChange(open: boolean) {
  if (!open) {
    return null;
  }
  const { row } = modalApi.getData() as { row: TSimChannelsModel };
  const record = await View({ id: row.id });
  setDescProps({ data: record }, true);
}

/** ====================  组件  ==================== */
const [Modal, modalApi] = useVbenModal({
  ...BetterVben.modal.default,
  onOpenChange: handleOpenChange,
});

const [registerDescription, { setDescProps }] = useDescription({
  column: 1,
  schema: ViewDescSchema,
});
</script>
<template>
  <Modal title="查看" :footer="false">
    <Description @register="registerDescription" />
  </Modal>
</template>
