|  |  |  | 
|---|
|  |  |  | allow-clear | 
|---|
|  |  |  | show-word-limit | 
|---|
|  |  |  | :disabled="chatDis" | 
|---|
|  |  |  | :class="{ textItemAnswer: theme === 'dark' }" | 
|---|
|  |  |  | :auto-size="{ | 
|---|
|  |  |  | minRows: 12, | 
|---|
|  |  |  | maxRows: 5, | 
|---|
|  |  |  | 
|---|
|  |  |  | IconTiktokColor, | 
|---|
|  |  |  | } from '@arco-design/web-vue/es/icon'; | 
|---|
|  |  |  | import { useAppStore, useUserStore } from '@/store'; | 
|---|
|  |  |  | import { computed, nextTick, onMounted, reactive, ref } from 'vue'; | 
|---|
|  |  |  | import { computed, nextTick, onMounted, watch, reactive, ref } from 'vue'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | import { Message } from '@arco-design/web-vue'; | 
|---|
|  |  |  | import { EventSourceParserStream } from 'eventsource-parser/stream'; | 
|---|
|  |  |  | 
|---|
|  |  |  | onMounted(() => { | 
|---|
|  |  |  | DialogList(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const appStore = useAppStore(); | 
|---|
|  |  |  | const theme = computed(() => { | 
|---|
|  |  |  | return appStore.theme; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //文字动态输出 | 
|---|
|  |  |  | const startDisplayStr = () => { | 
|---|
|  |  |  | if (timer) { | 
|---|
|  |  |  | 
|---|
|  |  |  | border-radius: 14px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .textItemAnswer { | 
|---|
|  |  |  | background-color: #373739; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .center { | 
|---|
|  |  |  | position: relative; | 
|---|