agilebuilder-ui 1.1.65-tmp8 → 1.1.65-tmp9

package/packages/chat-embed/src/chat-sender.vue

@@ -1,620 +0,0 @@
-<template>
-  <el-tag type="primary" v-if="showAdditionalData">
-    <template #default>
-      <div class="sender-additional-data-tag">
-        <el-icon><Paperclip /></el-icon>
-        {{ additionalDataLabel }}
-        <el-tooltip content="预览">
-          <super-icon iconValue="amb-color-icon-yulan" style="cursor: pointer" @click="viewJson" />
-        </el-tooltip>
-        <el-tooltip content="下载">
-          <super-icon iconValue="amb-color-icon-xiazai" style="cursor: pointer" @click="downloadJsonData" />
-        </el-tooltip>
-        <el-tooltip content="移除">
-          <super-icon iconValue="amb-color-icon-shanchu" style="cursor: pointer" @click="removeAdditionalData" />
-        </el-tooltip>
-      </div>
-    </template>
-  </el-tag>
-  <Sender
-    v-model="senderValue"
-    variant="updown"
-    :auto-size="{ minRows: 2, maxRows: 5 }"
-    clearable
-    ref="senderRef"
-    submitType="enter"
-    :loading="loading"
-    allow-speech
-    @submit="handleSubmit()"
-    placeholder="请您描述问题"
-  >
-    <template #header>
-      <!-- 附件展示 -->
-      <Attachments :items="aiUploadFiles" drag overflow="scrollX" :hide-upload="true">
-        <template #file-list="slotProps">
-          <template v-for="file in slotProps.items" :key="file.id">
-            <FilesCard
-              maxWidth="150px"
-              style="margin: 10px 5px"
-              :name="file.name"
-              :percent="file.percent"
-              :uid="file.id"
-              :status="file.status"
-              show-del-icon
-              img-variant="square"
-              @delete="handleDel"
-            />
-          </template>
-        </template>
-      </Attachments>
-    </template>
-    <template #prefix>
-      <div style="display: flex; align-items: center; flex-wrap: wrap">
-        <el-select style="width: 146px; height: 32px" plain v-model="aiModel" @change="handleAiModelChange">
-          <el-option v-for="option in modelOptions" :key="option.value" :label="option.label" :value="option.value" />
-        </el-select>
-      </div>
-    </template>
-    <template #action-list>
-      <div style="display: flex; align-items: center; gap: 16px">
-        <el-tooltip content="上传附件" v-if="showUploadFileTag">
-          <el-upload
-            ref="uploadRef"
-            :action="uploadFileAction"
-            :multiple="true"
-            :headers="{ Authorization: getToken() }"
-            accept=".txt,.docx,.pdf,.xlsx,.epub,.mobi,.md,.csv,.json,.bmp,.png,.jpg,.jpeg,.gif,.pdf"
-            :show-file-list="false"
-            :on-progress="uploadFileProgress"
-            :on-success="uploadFileSuccess"
-            :before-upload="beforeUploadFile"
-          >
-            <SuperIcon :iconValue="'amb-icon-fujianshangchuan'" />
-          </el-upload>
-        </el-tooltip>
-        <el-tooltip content="附加页面数据" v-if="showAdditionalDataTag">
-          <SuperIcon @click="addPageData" :iconValue="'amb-icon-fujiabiaogeshu'" class="send-icon" />
-        </el-tooltip>
-        <el-tooltip content="语音">
-          <!-- @answer="createAnswerMessage" -->
-          <VoiceButton @userMessage="handleSubmit" class="send-icon" />
-        </el-tooltip>
-        <el-divider direction="vertical" />
-        <el-tooltip v-if="loading" content="取消">
-          <el-button type="primary" style="border-radius: 10px" plain round v-loading="loading" @click="handleCancel">
-            取消
-          </el-button>
-        </el-tooltip>
-        <el-button
-          v-else
-          style="border-radius: 10px"
-          :disabled="!senderValue || !senderValue.trim()"
-          plain
-          circle
-          round
-          @click="handleSubmit()"
-        >
-          <SuperIcon :iconValue="'amb-icon-fasong2'" />
-        </el-button>
-      </div>
-    </template>
-  </Sender>
-  <div class="ai-generate-tip">内容由AI生成，仅供参考</div>
-</template>
-<script setup lang="ts">
-import { ref, defineProps, defineEmits, onMounted, watch } from 'vue'
-import ChatAiStore from '../../../src/store/modules/chat-ai-store.ts'
-import { Sender, FilesCard, Attachments } from 'vue-element-plus-x'
-import { generateFileName, downloadJsonFile } from './util/text-file-util.ts'
-import { createPinia, setActivePinia, getActivePinia } from 'pinia'
-import { useI18n } from 'vue-i18n'
-import { ElMessage } from 'element-plus'
-import type { UploadRawFile, UploadProgressEvent, UploadFile, UploadFiles } from 'element-plus'
-import VoiceButton from './voice/voice.vue'
-import { AI_MODELS } from './type'
-import { parseVoiceMsg, getVoiceSetting } from '../../../src/utils/voice-setting-cache'
-import { getRelativeBaseUrl, isValidDate } from '../../../src/utils/common-util'
-import type { AiUploadFile, SubmitData } from './type.ts'
-import { getToken } from '../../../src/utils/auth'
-const { t } = useI18n()
-const modelOptions = [
-  { label: '流程体系类', value: AI_MODELS.RAGFLOW },
-  { label: 'QMS数据库类', value: AI_MODELS.DATABASE },
-  { label: 'DeepSeek问答', value: AI_MODELS.DEEPSEEK },
-  { label: '系统交互', value: AI_MODELS.INTERACTION },
-  { label: '生成PPT', value: AI_MODELS.PPT_GENERATION }
-]
-
-let chataiStore: any = null
-const props = defineProps({
-  loading: {
-    type: Boolean,
-    default: false
-  }
-})
-const emits = defineEmits([
-  'submit-question',
-  'handle-cancel',
-  'view-json',
-  'change-ai-model',
-  'voice-answer',
-  'command-answer'
-])
-const showAdditionalData = ref(false)
-const additionalDataLabel = ref('')
-const additionalData = ref([])
-const senderValue = ref('')
-const aiModel = ref('ragflow')
-const senderRef = ref()
-const uploadRef = ref()
-const uploadFileAction = ref(window.$vueApp.config.globalProperties.baseAPI + '/component/ai/upload-file/bailian')
-const aiUploadFiles = ref<AiUploadFile[]>([])
-const showUploadFileTag = ref(false)
-const showAdditionalDataTag = ref(false)
-
-onMounted(() => {
-  initializePiniaAndStore()
-  initializeStore()
-})
-function initializePiniaAndStore() {
-  try {
-    // 检查是否已有 Pinia 实例
-    let pinia = getActivePinia()
-
-    if (!pinia) {
-      // 没有 Pinia 实例时创建一个
-      pinia = createPinia()
-      setActivePinia(pinia)
-      // 如果有 Vue 应用实例，也注册到应用上
-      if (window.$vueApp) {
-        window.$vueApp.use(pinia)
-      }
-      console.log('Pinia initialized in chat-sender component')
-    }
-    // 初始化 store
-    chataiStore = ChatAiStore()
-    console.log('ChatAiStore initialized successfully')
-  } catch (error) {
-    console.error('Failed to initialize Pinia or ChatAiStore:', error)
-  }
-}
-
-function initializeStore() {
-  try {
-    // 确保 Store 正确挂载到全局
-    if (window.parent && window.parent !== window) {
-      // 在 iframe 中
-      window.parent.ChatAiStore = chataiStore
-    }
-    if (window.top && window.top !== window) {
-      // 挂载到顶层窗口
-      window.top.ChatAiStore = chataiStore
-    }
-    // 同时挂载到当前窗口
-    window.ChatAiStore = chataiStore
-  } catch (error) {
-    console.error('Failed to initialize ChatAiStore:', error)
-  }
-}
-
-watch(
-  () => aiUploadFiles.value.length,
-  (newVal) => {
-    if (newVal > 0) {
-      senderRef.value.openHeader()
-    } else {
-      senderRef.value.closeHeader()
-    }
-  }
-)
-
-onMounted(() => {
-  initializeStore()
-})
-
-function newChatSession() {
-  if (aiModel.value === AI_MODELS.DEEPSEEK) {
-    aiUploadFiles.value = []
-  }
-  // 清空输入框
-  senderValue.value = ''
-}
-let finalSendVal: any
-let commandSettingItem: any // 命令对象
-let paramInfo: any = {} // 参数对象
-let paramsValue: any = {} // 参数值对象{param1:'',param2:''}
-function handleSubmit(senderVal?: string) {
-  console.log('handleSubmit--senderVal---' + senderVal)
-  let question = senderVal
-  if (senderVal === undefined || senderVal === null) {
-    console.log('handleSubmit---senderValue.value---' + senderValue.value)
-    question = senderValue.value.trim()
-  } else {
-    question = senderVal.trim()
-  }
-  finalSendVal = question
-  console.log('handleSubmit---question=' + question)
-  let questionParams: SubmitData = {
-    aiModel: aiModel.value,
-    question: question
-  }
-  if (aiModel.value === AI_MODELS.DEEPSEEK || aiModel.value === AI_MODELS.PPT_GENERATION) {
-    const activeMenu = chataiStore.getActiveMenu()
-    let fileIds = ''
-    if (aiUploadFiles.value.length > 0) {
-      fileIds = aiUploadFiles.value.map((file) => file.id).join(',')
-    }
-    let fileInfos: any = []
-    if (aiUploadFiles.value.length > 0) {
-      fileInfos = aiUploadFiles.value.map((file) => {
-        return {
-          fileId: file.id,
-          name: file.name
-        }
-      })
-    }
-    aiUploadFiles.value = []
-    questionParams = {
-      aiModel: aiModel.value,
-      question: question,
-      fileId: fileIds,
-      fileInfos: fileInfos,
-      additionalData: additionalData.value,
-      additionalDataLabel: additionalDataLabel.value,
-      menuName: activeMenu?.menuName || ''
-    }
-  }
-  emits('submit-question', questionParams)
-  senderValue.value = ''
-  removeAdditionalData()
-}
-
-function handleCancel() {
-  emits('handle-cancel')
-}
-
-function addPageData() {
-  const activeMenu = chataiStore.getActiveMenu()
-  const pageInfo = chataiStore.getActiveMenuPageInfo()
-  if (pageInfo.pageType === 'list') {
-    const listRef = pageInfo.listRefs[0].ref
-    // const visibleColumns = listRef.visibleColumns
-    // const listData = chataiStore.getPageData()
-    const listData = listRef.getAiChatListData()
-    if (listData && listData.length > 0) {
-      additionalData.value = listData
-    }
-    if (additionalData.value?.length > 0) {
-      additionalDataLabel.value = `已附加【${activeMenu.menuName}】表格数据 (${additionalData.value.length} 条记录)`
-      showAdditionalData.value = true
-    }
-  } else if (pageInfo.pageType === 'form') {
-    const formData = pageInfo.exposeProxy.getFormFormatData()
-    if (pageInfo.subTableRefs && Object.keys(pageInfo.subTableRefs).length > 0) {
-      // 包含子表数据
-      Object.keys(pageInfo.subTableRefs).forEach((subTableKey) => {
-        const subTableRef = pageInfo.subTableRefs[subTableKey].ref
-        const subTableData = subTableRef.getAiChatListData()
-        let key = subTableKey
-        if (subTableRef.options.title) {
-          key = subTableRef.options.title
-        }
-        formData[key] = subTableData
-      })
-    }
-    if (formData) {
-      additionalData.value = [formData]
-      additionalDataLabel.value = `已附加【${activeMenu.menuName}】表单数据`
-      showAdditionalData.value = true
-    }
-  }
-}
-
-function removeAdditionalData() {
-  additionalData.value = []
-  additionalDataLabel.value = ''
-  showAdditionalData.value = false
-}
-
-function viewJson() {
-  emits('view-json', additionalData.value)
-}
-
-function downloadJsonData() {
-  try {
-    const activeMenu = chataiStore.getActiveMenu()
-    const fileName = generateFileName(activeMenu?.menuName || 'data')
-    downloadJsonFile(additionalData.value, fileName)
-  } catch (error) {
-    console.error('下载失败:', error)
-  }
-}
-// 更换模型
-function handleAiModelChange(value: string) {
-  if (value === AI_MODELS.DATABASE) {
-    ElMessage({
-      message: 'QMS数据库类模型正在开发中，敬请期待！',
-      type: 'warning'
-    })
-    aiModel.value = AI_MODELS.RAGFLOW
-    return
-  }
-
-  if (value === AI_MODELS.DEEPSEEK && aiUploadFiles.value.length > 0) {
-    senderRef.value.openHeader()
-  } else {
-    senderRef.value.closeHeader()
-  }
-  if (value === AI_MODELS.DEEPSEEK || value === AI_MODELS.PPT_GENERATION) {
-    showUploadFileTag.value = true
-    showAdditionalDataTag.value = true
-  } else {
-    showUploadFileTag.value = false
-    showAdditionalDataTag.value = false
-    removeAdditionalData()
-  }
-  emits('change-ai-model', value)
-}
-// 解析命令
-function parseCommand() {
-  getVoiceSetting().then((voiceSetting) => {
-    console.log('parseCommand----voiceSetting=', voiceSetting)
-    parseVoiceMsg(finalSendVal, voiceSetting, commandSettingItem, paramInfo, paramsValue).then((result) => {
-      console.log('parseCommand-----result=', result)
-      const status = result.status
-      if (status === 'ok') {
-        // 表示成功
-        if (!commandSettingItem) {
-          commandSettingItem = result.settingItem
-        }
-        paramInfo = result.paramInfo
-        let url = result.url
-        if (url) {
-          // 表示直接跳转url
-          if (paramsValue) {
-            for (let key in paramsValue) {
-              const val = paramsValue[key]
-              if (val === '_jump_param') {
-                // 说明该参数跳过
-                continue
-              }
-              url = parseParamValue(key, val, url)
-            }
-          }
-          console.log('parseCommand-----url=', url)
-          const command = commandSettingItem ? commandSettingItem.command : ''
-          // 表示本次命令会话完成，清空这些属性
-          commandSettingItem = undefined
-          paramsValue = {}
-          paramInfo = {}
-          emits('command-answer', {
-            content: result.commandResult ? result.commandResult : result.paramResult,
-            url: url,
-            paramsValue: paramsValue,
-            command: command
-          })
-          window.open(getRelativeBaseUrl(url))
-        } else {
-          // 表示需要继续解析参数
-          emits('command-answer', { content: result.commandResult ? result.commandResult : result.paramResult })
-        }
-      } else {
-        // 表示失败，显示失败信息
-        emits('command-answer', { content: result.commandResult ? result.commandResult : result.paramResult })
-      }
-    })
-  })
-}
-
-function beforeUploadFile(rawFile: UploadRawFile) {
-  aiUploadFiles.value.push({
-    id: rawFile.uid,
-    uid: rawFile.uid,
-    name: rawFile.name,
-    percent: 0,
-    status: 'uploading',
-    showDelIcon: true,
-    maxWidth: '150px'
-  })
-}
-
-function uploadFileProgress(evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) {
-  const index = aiUploadFiles.value.findIndex((f) => f.id === uploadFile.uid)
-  if (index !== -1) {
-    aiUploadFiles.value[index].percent = evt.percent
-  }
-}
-
-function uploadFileSuccess(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {
-  if (response) {
-    const index = aiUploadFiles.value.findIndex((f) => f.id === uploadFile.uid)
-    if (index !== -1) {
-      aiUploadFiles.value[index].status = 'done'
-      // 根据文件名称找到文件，并把文件id设为file-fe-eb61889a046a4fcd902a9e7d
-      response.forEach((file: any) => {
-        if (file.name === aiUploadFiles.value[index].name) {
-          aiUploadFiles.value[index].id = file.fileId
-          aiUploadFiles.value[index].uid = file.fileId
-        }
-      })
-    }
-  } else {
-    ElMessage({
-      message: response?.message || '文件上传失败',
-      type: 'error'
-    })
-  }
-}
-
-function handleDel(props: any) {
-  const index = aiUploadFiles.value.findIndex((f) => f.id === props.uid)
-  if (index !== -1) {
-    aiUploadFiles.value.splice(index, 1)
-  }
-}
-
-/**
- * 解析 系统交互ai打开页面时，日期参数解析
- * @param paramValue 格式例如：2025-09-24~2025-09-30~param1StartDate,param1EndDate
- * @returns
- */
-function parseParamValue(paramName, paramValue, url) {
-  let isValid = false
-  console.log('parseParamValue----paramValue=', paramValue)
-  if (paramValue && paramValue.indexOf('~') >= 0) {
-    // 表示可能是日期区间
-    const dateArr = paramValue.split('~')
-    isValid = isValidDate(dateArr[0])
-    if (isValid) {
-      isValid = isValidDate(dateArr[1])
-    }
-    let dateParamNames
-    if (dateArr.length === 3) {
-      // 例如：param1StartDate,param1EndDate
-      dateParamNames = dateArr[2]
-    }
-    console.log(
-      'parseParamValue----dateParamNames=',
-      dateParamNames,
-      'dateArr=',
-      dateArr,
-      'dateArr.length=',
-      dateArr.length
-    )
-    if (isValid) {
-      // 表示是合法日期，需要处理日期参数
-      if (dateParamNames && dateParamNames.indexOf(',') > 0) {
-        // 表示有开始日期、结束日期参数名
-        const nameArr = dateParamNames.split(',')
-        // nameArr[0]：例如：param1StartDate
-        const startDateName = nameArr[0]
-        // nameArr[1]param1EndDate
-        const endDateName = nameArr[1]
-        console.log('parseParamValue----startDateName=', startDateName, 'endDateName=', endDateName)
-        // request添加param1StartDate参数，${request.param1StartDate}可以获取到值
-        url = packageUrlParam(startDateName, dateArr[0], url)
-        // request添加param1EndDate参数，${request.param1EndDate}可以获取到值
-        url = packageUrlParam(endDateName, dateArr[1], url)
-      }
-    }
-  }
-  if (!isValid) {
-    // 表示不是日期区间
-    url = packageUrlParam(paramName, paramValue, url)
-  }
-  console.log('parseParamValue----url=', url)
-  return url
-}
-
-function packageUrlParam(paramName, val, url) {
-  if (paramName === undefined || paramName === null || paramName + '' === '') {
-    return url
-  }
-  if (val === undefined || val === null || val + '' === '') {
-    return url
-  }
-  const newParamName = 'ai__' + paramName
-  if (url.indexOf('?') > 0) {
-    url = url + '&' + newParamName + '=' + val
-  } else {
-    url = url + '?' + newParamName + '=' + val
-  }
-  return url
-}
-defineExpose({ parseCommand, newChatSession })
-</script>
-
-<style lang="scss" scoped>
-@import url('./chat-embed.css');
-h4 {
-  font-size: 16px;
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-:deep(.el-divider--horizontal) {
-  margin: 5px 0;
-}
-.sender-additional-data-tag {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  min-width: max-content;
-  margin-left: auto;
-  gap: 10px;
-}
-.amb-color-iconfont {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 100%;
-  cursor: pointer;
-}
-.el-button + .el-button {
-  margin-left: 5px;
-}
-
-.header-self-wrap {
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-}
-
-:deep(.el-sender-header) {
-  border-bottom-color: #ffffff !important;
-}
-:deep(.el-sender) {
-  background: #ffffff !important;
-  box-shadow: 0px 10px 10px 0px rgba(204, 204, 204, 0.1) !important;
-  border-radius: 30px 30px 30px 30px !important;
-  font-family: Noto Sans SC, Noto Sans SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #bbbbbb;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-:deep(.el-sender .el-sender-content .el-sender-input .el-textarea__inner) {
-  font-family: Noto Sans SC, Noto Sans SC !important;
-  font-weight: 400 !important;
-  font-size: 16px !important;
-  line-height: 21px !important;
-  font-style: normal !important;
-  text-transform: none !important;
-}
-
-:deep(.el-sender-content) {
-  padding: 16px !important;
-}
-:deep(.el-select__wrapper) {
-  border-radius: 100px 100px 100px 100px;
-  border: 1px solid #dcdfe6;
-}
-
-.ai-generate-tip {
-  padding: 12px;
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 400;
-  font-size: 14px;
-  color: #808080;
-  line-height: 21px;
-  font-style: normal;
-  text-align: center;
-}
-.el-button.is-circle {
-  border-radius: 50% !important;
-  padding: 8px;
-  width: 32px;
-}
-
-.send-icon {
-  cursor: pointer;
-}
-.el-divider--vertical {
-  margin: 0 0;
-}
-</style>