From feb167e2da642b0cc57a62dccab705bf6cec1782 Mon Sep 17 00:00:00 2001
From: ChenZhaoYu <790348264@qq.com>
Date: Mon, 13 Feb 2023 15:57:31 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E7=A7=BB=E9=99=A4=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=A4=9A=E4=BD=99=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Chat/components/Message/Avatar.vue |  16 ---
 src/views/Chat/components/Message/Text.vue   |   5 -
 src/views/Chat/components/Message/index.vue  |  31 -----
 src/views/Chat/components/index.ts           |   3 -
 src/views/Chat/index.vue                     | 113 -------------------
 src/views/Chat/layout/Layout.vue             |  27 -----
 src/views/Chat/layout/index.ts               |   3 -
 src/views/Chat/request.ts                    |  41 -------
 8 files changed, 239 deletions(-)
 delete mode 100644 src/views/Chat/components/Message/Avatar.vue
 delete mode 100644 src/views/Chat/components/Message/Text.vue
 delete mode 100644 src/views/Chat/components/Message/index.vue
 delete mode 100644 src/views/Chat/components/index.ts
 delete mode 100644 src/views/Chat/index.vue
 delete mode 100644 src/views/Chat/layout/Layout.vue
 delete mode 100644 src/views/Chat/layout/index.ts
 delete mode 100644 src/views/Chat/request.ts

diff --git a/src/views/Chat/components/Message/Avatar.vue b/src/views/Chat/components/Message/Avatar.vue
deleted file mode 100644
index 1857c84..0000000
--- a/src/views/Chat/components/Message/Avatar.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-interface Props {
-  image?: boolean
-}
-
-defineProps<Props>()
-</script>
-
-<template>
-  <img v-if="image" src="@/assets/avatar.jpg" class="object-cover w-full h-full " alt="avatar">
-  <span v-else class="text-[27px]">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" width="1em" height="1em">
-      <path d="M29.71,13.09A8.09,8.09,0,0,0,20.34,2.68a8.08,8.08,0,0,0-13.7,2.9A8.08,8.08,0,0,0,2.3,18.9,8,8,0,0,0,3,25.45a8.08,8.08,0,0,0,8.69,3.87,8,8,0,0,0,6,2.68,8.09,8.09,0,0,0,7.7-5.61,8,8,0,0,0,5.33-3.86A8.09,8.09,0,0,0,29.71,13.09Zm-12,16.82a6,6,0,0,1-3.84-1.39l.19-.11,6.37-3.68a1,1,0,0,0,.53-.91v-9l2.69,1.56a.08.08,0,0,1,.05.07v7.44A6,6,0,0,1,17.68,29.91ZM4.8,24.41a6,6,0,0,1-.71-4l.19.11,6.37,3.68a1,1,0,0,0,1,0l7.79-4.49V22.8a.09.09,0,0,1,0,.08L13,26.6A6,6,0,0,1,4.8,24.41ZM3.12,10.53A6,6,0,0,1,6.28,7.9v7.57a1,1,0,0,0,.51.9l7.75,4.47L11.85,22.4a.14.14,0,0,1-.09,0L5.32,18.68a6,6,0,0,1-2.2-8.18Zm22.13,5.14-7.78-4.52L20.16,9.6a.08.08,0,0,1,.09,0l6.44,3.72a6,6,0,0,1-.9,10.81V16.56A1.06,1.06,0,0,0,25.25,15.67Zm2.68-4-.19-.12-6.36-3.7a1,1,0,0,0-1.05,0l-7.78,4.49V9.2a.09.09,0,0,1,0-.09L19,5.4a6,6,0,0,1,8.91,6.21ZM11.08,17.15,8.38,15.6a.14.14,0,0,1-.05-.08V8.1a6,6,0,0,1,9.84-4.61L18,3.6,11.61,7.28a1,1,0,0,0-.53.91ZM12.54,14,16,12l3.47,2v4L16,20l-3.47-2Z" />
-    </svg>
-  </span>
-</template>
diff --git a/src/views/Chat/components/Message/Text.vue b/src/views/Chat/components/Message/Text.vue
deleted file mode 100644
index d96c5f6..0000000
--- a/src/views/Chat/components/Message/Text.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <span class="leading-relaxed whitespace-pre-wrap">
-    <slot />
-  </span>
-</template>
diff --git a/src/views/Chat/components/Message/index.vue b/src/views/Chat/components/Message/index.vue
deleted file mode 100644
index a897d1c..0000000
--- a/src/views/Chat/components/Message/index.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang='ts'>
-import Avatar from './Avatar.vue'
-import Text from './Text.vue'
-
-interface Props {
-  message?: string
-  dateTime?: string
-  reversal?: boolean
-}
-
-defineProps<Props>()
-</script>
-
-<template>
-  <div class="flex w-full mb-6" :class="[{ 'flex-row-reverse': reversal }]">
-    <div
-      class="flex items-center justify-center rounded-full overflow-hidden w-[32px] h-[32px]"
-      :class="[reversal ? 'ml-3' : 'mr-3']"
-    >
-      <Avatar :image="reversal" />
-    </div>
-    <div class="flex flex-col flex-1 text-sm" :class="[reversal ? 'items-end' : 'items-start']">
-      <span class="text-xs text-[#b4bbc4]">
-        {{ dateTime }}
-      </span>
-      <div class="p-2 mt-2 rounded-md" :class="[reversal ? 'bg-[#d2f9d1]' : 'bg-[#f4f6f8]']">
-        <Text>{{ message }}</Text>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/views/Chat/components/index.ts b/src/views/Chat/components/index.ts
deleted file mode 100644
index e5b21df..0000000
--- a/src/views/Chat/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Message from './Message/index.vue'
-
-export { Message }
diff --git a/src/views/Chat/index.vue b/src/views/Chat/index.vue
deleted file mode 100644
index 14f5e5a..0000000
--- a/src/views/Chat/index.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<script setup lang='ts'>
-import { nextTick, onMounted, ref } from 'vue'
-import { NButton, NInput, useMessage } from 'naive-ui'
-import { Message } from './components'
-import { clearChatContext, fetchChatAPI } from './request'
-import { Layout } from './layout'
-import { HoverButton, SvgIcon } from '@/components/common'
-
-interface ListProps {
-  dateTime: string
-  message: string
-  reversal?: boolean
-}
-
-const scrollRef = ref<HTMLDivElement>()
-
-const ms = useMessage()
-
-const prompt = ref('')
-
-const loading = ref(false)
-
-const list = ref<ListProps[]>([])
-
-onMounted(initChat)
-
-function initChat() {
-  addMessage('Hi, I am ChatGPT, a chatbot based on GPT-3.', false)
-}
-
-async function handleClear() {
-  try {
-    const { message } = await clearChatContext()
-    ms.success(message)
-    list.value = []
-    setTimeout(initChat, 100)
-  }
-  catch (error) {
-    ms.error('Clear failed, please try again later.')
-  }
-}
-
-function handleEnter(event: KeyboardEvent) {
-  if (event.key === 'Enter')
-    handleSubmit()
-}
-
-async function handleSubmit() {
-  const message = prompt.value.trim()
-
-  if (!message || !message.length) {
-    ms.warning('Please enter a message')
-    return
-  }
-
-  addMessage(message, true)
-  prompt.value = ''
-
-  try {
-    loading.value = true
-    const { text } = await fetchChatAPI(message)
-    addMessage(text, false)
-  }
-  catch (error: any) {
-    addMessage(error.message ?? 'Request failed, please try again later.', false)
-  }
-  finally {
-    loading.value = false
-  }
-}
-
-function addMessage(message: string, reversal = false) {
-  list.value.push({ dateTime: new Date().toLocaleString(), message, reversal })
-  nextTick(() => scrollRef.value && (scrollRef.value.scrollTop = scrollRef.value.scrollHeight))
-}
-</script>
-
-<template>
-  <Layout>
-    <div class="flex flex-col h-full">
-      <header class="flex items-center justify-between p-4">
-        <h1 class="text-xl font-bold">
-          ChatGPT Web
-        </h1>
-        <div class="flex items-center space-x-4">
-          <HoverButton tooltip="Clear" @click="handleClear">
-            <SvgIcon icon="ri:delete-bin-6-line" />
-          </HoverButton>
-        </div>
-      </header>
-      <main class="flex-1 overflow-hidden border-y">
-        <div ref="scrollRef" class="h-full p-4 overflow-hidden overflow-y-auto">
-          <div>
-            <Message
-              v-for="(item, index) of list" :key="index" :date-time="item.dateTime" :message="item.message"
-              :reversal="item.reversal"
-            />
-          </div>
-        </div>
-      </main>
-      <footer class="p-4">
-        <div class="flex items-center justify-between space-x-2">
-          <NInput v-model:value="prompt" placeholder="Type a message..." @keypress="handleEnter" />
-          <NButton type="primary" :loading="loading" @click="handleSubmit">
-            <template #icon>
-              <SvgIcon icon="ri:send-plane-fill" />
-            </template>
-          </NButton>
-        </div>
-      </footer>
-    </div>
-  </Layout>
-</template>
diff --git a/src/views/Chat/layout/Layout.vue b/src/views/Chat/layout/Layout.vue
deleted file mode 100644
index 16e9923..0000000
--- a/src/views/Chat/layout/Layout.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup lang='ts'>
-import { NLayout, NLayoutContent, NLayoutSider } from 'naive-ui'
-</script>
-
-<template>
-  <div class="h-full overflow-hidden border rounded-md shadow-md">
-    <NLayout class="h-full" has-sider>
-      <NLayoutSider
-        collapse-mode="width"
-        :collapsed-width="120"
-        :width="240"
-        show-trigger="arrow-circle"
-        class="p-4"
-        bordered
-      >
-        <span>Sider</span>
-      </NLayoutSider>
-      <NLayoutContent class="h-full">
-        <slot />
-      </NLayoutContent>
-    </NLayout>
-  </div>
-</template>
-
-<style>
-
-</style>
diff --git a/src/views/Chat/layout/index.ts b/src/views/Chat/layout/index.ts
deleted file mode 100644
index 4763bbc..0000000
--- a/src/views/Chat/layout/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Layout from './Layout.vue'
-
-export { Layout }
diff --git a/src/views/Chat/request.ts b/src/views/Chat/request.ts
deleted file mode 100644
index cc32f56..0000000
--- a/src/views/Chat/request.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import axios from 'axios'
-
-const BASE_URL = import.meta.env.VITE_GLOB_API_URL
-
-async function fetchChatAPI(message: string) {
-  if (!message || message.trim() === '')
-    return
-
-  try {
-    const { status, data } = await axios.post(`${BASE_URL}/chat`, { message })
-
-    if (status === 200) {
-      if (data.text)
-        return Promise.resolve(data)
-
-      if (data.statusText)
-        return Promise.reject(new Error(data.statusText))
-    }
-
-    return Promise.reject(new Error('Request failed'))
-  }
-  catch (error) {
-    return Promise.reject(error)
-  }
-}
-
-async function clearChatContext() {
-  try {
-    const { status, data } = await axios.post(`${BASE_URL}/clear`)
-
-    if (status === 200)
-      return Promise.resolve(data)
-
-    return Promise.reject(new Error('Request failed'))
-  }
-  catch (error) {
-    return Promise.reject(error)
-  }
-}
-
-export { fetchChatAPI, clearChatContext }