fix: style

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -100,10 +100,10 @@ const emit = defineEmits([
 ])
 
 const showAvatar = computed(() => {
-  return user.isEnterprise() ? props.application.show_avatar : true
+  return (user.isEE() || user.isPE())? props.application.show_avatar : true
 })
 const showUserAvatar = computed(() => {
-  return user.isEnterprise() ? props.application.show_user_avatar : true
+  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
 })
 const chatMessage = (question: string, type: 'old' | 'new', other_params_data?: any) => {
   if (type === 'old') {

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="ai-chat__operate p-16">
-    <slot name="operateBefore" />
     <div class="operate-textarea">
       <el-scrollbar max-height="136">
         <div
@@ -170,13 +169,7 @@
         v-model="inputValue"
         :autosize="{ minRows: 1, maxRows: isMobile ? 4 : 10 }"
         type="textarea"
-        :placeholder="
-          recorderStatus === 'START'
-            ? `${$t('chat.inputPlaceholder.speaking')}...`
-            : recorderStatus === 'TRANSCRIBING'
-              ? `${$t('chat.inputPlaceholder.recorderLoading')}...`
-              : $t('chat.inputPlaceholder.default')
-        "
+        :placeholder="inputPlaceholder"
         :maxlength="100000"
         @keydown.enter="sendChatHandle($event)"
         @paste="handlePaste"
@@ -294,6 +287,7 @@
 </template>
 <script setup lang="ts">
 import { ref, computed, onMounted, nextTick, watch, type Ref } from 'vue'
+import { t } from '@/locales'
 import Recorder from 'recorder-core'
 import TouchChat from './TouchChat.vue'
 import applicationApi from '@/api/application/application'
@@ -305,7 +299,7 @@ import bus from '@/bus'
 import 'recorder-core/src/engine/mp3'
 import 'recorder-core/src/engine/mp3-engine'
 import { MsgWarning } from '@/utils/message'
-import { t } from '@/locales'
+import { debounce } from 'lodash'
 import chatAPI from '@/api/chat/chat'
 const router = useRouter()
 const route = useRoute()
@@ -353,6 +347,14 @@ const localLoading = computed({
   },
 })
 
+const inputPlaceholder = computed(() => {
+  return recorderStatus.value === 'START'
+    ? `${t('chat.inputPlaceholder.speaking')}...`
+    : recorderStatus.value === 'TRANSCRIBING'
+      ? `${t('chat.inputPlaceholder.recorderLoading')}...`
+      : `${t('chat.inputPlaceholder.default')}`
+})
+
 const upload = ref()
 
 const imageExtensions = ['JPG', 'JPEG', 'PNG', 'GIF', 'BMP']
@@ -800,7 +802,6 @@ function mouseenter(row: any) {
 function mouseleave() {
   showDelete.value = ''
 }
-
 onMounted(() => {
   bus.on('chat-input', (message: string) => {
     inputValue.value = message

ui/src/components/ai-chat/component/knowledge-source-component/ParagraphCard.vue

@@ -39,9 +39,7 @@
         </el-text>
       </el-card>
       <div class="flex align-center border-t" style="padding: 12px 0 8px">
-        <el-avatar class="mr-8 avatar-blue" shape="square" :size="18">
-          <img src="@/assets/knowledge/icon_document.svg" style="width: 58%" alt="" />
-        </el-avatar>
+        <KnowledgeIcon :type="data?.knowledge_type" :size="18" class="mr-8" />
         <span class="ellipsis-1 break-all" :title="data?.knowledge_name">
           {{ data?.knowledge_name || '-' }}
         </span>

ui/src/components/ai-chat/component/prologue-content/index.vue

@@ -38,10 +38,10 @@ const props = defineProps<{
 const { user } = useStore()
 
 const showAvatar = computed(() => {
-  return user.isEnterprise() ? props.application.show_avatar : true
+  return (user.isEE() || user.isPE()) ? props.application.show_avatar : true
 })
 const showUserAvatar = computed(() => {
-  return user.isEnterprise() ? props.application.show_user_avatar : true
+  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
 })
 
 const toQuickQuestion = (match: string, offset: number, input: string) => {

ui/src/components/ai-chat/component/question-content/index.vue

@@ -109,7 +109,7 @@ const props = defineProps<{
 const { user } = useStore()
 
 const showAvatar = computed(() => {
-  return user.isEnterprise() ? props.application.show_user_avatar : true
+  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
 })
 
 const document_list = computed(() => {

ui/src/stores/modules/application.ts

@@ -25,7 +25,7 @@ const useApplicationStore = defineStore('application', {
     async asyncGetAccessToken(id: string, loading?: Ref<boolean>) {
       return new Promise((resolve, reject) => {
         const user = useUserStore()
-        if (user.isEnterprise()) {
+        if (user.isEE() || user.isPE()) {
           applicationXpackApi
             .getAccessToken(id, loading)
             .then((data) => {

ui/src/styles/element-plus.scss

@@ -215,6 +215,12 @@
   }
 }
 
+@media only screen and (max-width: 768px) {
+  .el-dialog {
+    width: 90% !important;
+  }
+}
+
 // el-form
 
 .el-form {

ui/src/views/application-overview/component/EditAvatarDialog.vue

@@ -195,7 +195,6 @@
       :api-input-params="mapToUrlParams(apiInputParams)"
     />
     <APIKeyDialog ref="APIKeyDialogRef"/>
-    <EditAvatarDialog ref="EditAvatarDialogRef" @refresh="refreshIcon"/>
 
     <!-- 社区版访问限制 -->
     <component :is="currentLimitDialog" ref="LimitDialogRef" @refresh="refresh"/>
@@ -212,7 +211,6 @@ import LimitDialog from './component/LimitDialog.vue'
 import XPackLimitDrawer from './xpack-component/XPackLimitDrawer.vue'
 import DisplaySettingDialog from './component/DisplaySettingDialog.vue'
 import XPackDisplaySettingDialog from './xpack-component/XPackDisplaySettingDialog.vue'
-import EditAvatarDialog from './component/EditAvatarDialog.vue'
 import StatisticsCharts from './component/StatisticsCharts.vue'
 import applicationApi from '@/api/application/application'
 import {nowDate, beforeDay} from '@/utils/time'
@@ -244,7 +242,6 @@ const apiUrl = window.location.origin + '/doc/chat/'
 
 const baseUrl = window.location.origin + '/api/application/'
 
-const EditAvatarDialogRef = ref()
 const APIKeyDialogRef = ref()
 const EmbedDialogRef = ref()
 
@@ -345,10 +342,6 @@ function openLimitDialog() {
   })
 }
 
-function openEditAvatar() {
-  EditAvatarDialogRef.value.open(detail.value)
-}
-
 function changeDayHandle(val: number | string) {
   if (val !== 'other') {
     daterange.value.start_time = beforeDay(val)

ui/src/views/application-overview/index.vue

@@ -34,11 +34,12 @@
         v-if="form.authentication"
         v-model="form.authentication_value.type"
         class="card__radio"
+        @change="(val: string) => val === 'password' && refreshAuthentication()"
       >
         <el-card
           shadow="never"
           class="mb-16"
-          :class="form.authentication_value.type === 'password' ? 'active' : ''"
+          :class="form.authentication_value?.type === 'password' ? 'active' : ''"
         >
           <el-radio value="password" size="large">
             <p class="mb-4 lighter">
@@ -160,7 +161,9 @@ const form = ref<any>({
   access_num: 0,
   white_active: true,
   white_list: '',
-  authentication_value: {},
+  authentication_value: {
+    type: 'password',
+  },
   authentication: false,
 })
 
@@ -190,7 +193,12 @@ const open = (data: any) => {
   form.value.access_num = data.access_num
   form.value.white_active = data.white_active
   form.value.white_list = data.white_list?.length ? data.white_list?.join('\n') : ''
-  form.value.authentication_value = data.authentication_value
+  form.value.authentication_value = data.authentication_value || {
+    type: 'password',
+  }
+  if (form.value.authentication_value.type === 'password') {
+    refreshAuthentication()
+  }
   form.value.authentication = data.authentication
   dialogVisible.value = true
   applicationApi.getChatUserAuthType().then((ok) => {