feat: tool result add typeing status

KeJunMao · Mar 22, 2023 · cc729d1 · cc729d1
1 parent 9c25674
commit cc729d1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/tool/ToolDetail.vue b/components/tool/ToolDetail.vue
@@ -47,7 +47,7 @@ defineExpose({
   >
     <el-scrollbar height="100%">
       <div p-4 sm:p-10>
-        <ToolResult v-if="!tool.chat" :html="resultHtml" />
+        <ToolResult v-if="!tool.chat" :html="resultHtml" :loading="loading" />
         <ToolChatResult
           v-else
           :contexts="contexts"

diff --git a/components/tool/ToolResult.vue b/components/tool/ToolResult.vue
@@ -1,16 +1,20 @@
 <script lang="ts" setup>
 defineProps<{
   html: string;
+  loading: boolean;
 }>();
 </script>
 
 <template>
   <div text-base w-full>
     <div prose dark:prose-invert max-w-full>
       <div v-html="html"></div>
+      <FadeTransition>
+        <div v-show="loading" text-sm text-gray mt-2>OpenAI is typing...</div>
+      </FadeTransition>
     </div>
   </div>
-  <el-empty v-if="!html">
+  <el-empty v-if="!html && !loading">
     <template #image>
       <div
         mx-auto