<template>
  <div>
    <h3>WebSocket Server 配置</h3>
    <t-form>
      <t-form-item label="主机">
        <t-input v-model="config.host" />
      </t-form-item>
      <t-form-item label="端口">
        <t-input v-model.number="config.port" type="number" />
      </t-form-item>
      <t-form-item label="消息格式">
        <t-input v-model="config.messagePostFormat" />
      </t-form-item>
      <t-form-item label="报告自身消息">
        <t-checkbox v-model="config.reportSelfMessage" />
      </t-form-item>
      <t-form-item label="Token">
        <t-input v-model="config.token" />
      </t-form-item>
      <t-form-item label="启用推送事件">
        <t-checkbox v-model="config.enablePushEvent" />
      </t-form-item>
      <t-form-item label="调试模式">
        <t-checkbox v-model="config.debug" />
      </t-form-item>
      <t-form-item label="心跳间隔">
        <t-input v-model.number="config.heartInterval" type="number" />
      </t-form-item>
    </t-form>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';
defineProps({
  config: Object,
});
</script>