agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

package/packages/chat-embed/src/recommendation-message.vue

@@ -1,37 +0,0 @@
-<template>
-  <Bubble
-    v-for="(recommendation, index) in item.recommendations"
-    class="chat-embed__recommendation"
-    :no-style="true"
-    variant="borderless"
-  >
-    <template v-if="index === 0" #header>
-      <div class="content-container-header">推荐内容</div>
-    </template>
-    <template #content>
-      <div class="content-borderless-container" @click="clickRecommendation(recommendation)">
-        {{ recommendation.content }}
-      </div>
-    </template>
-  </Bubble>
-</template>
-<script lang="ts" setup>
-import { Bubble } from 'vue-element-plus-x'
-import { defineProps, defineEmits } from 'vue'
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true
-  }
-})
-
-const emit = defineEmits(['clickRecommendation'])
-
-const clickRecommendation = (recommendation: any) => {
-  emit('clickRecommendation', recommendation)
-}
-</script>
-
-<style scoped>
-@import url('./chat-embed.css');
-</style>

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

@@ -1 +0,0 @@
-<template></template>

package/packages/chat-embed/src/sidebar-item.vue

@@ -1,521 +0,0 @@
-<template>
-  <div v-show="!showSidebar" class="flex-avatar">
-    <el-avatar :size="40" :fit="'cover'">
-      <img :src="avatarUrl" alt="AI Avatar" />
-    </el-avatar>
-    <div class="flex-function-icon">
-      <el-tooltip class="box-item" effect="dark" content="打开侧边栏">
-        <SuperIcon class="shousuo-icon" @click="showSidebar = true" iconValue="amb-icon-zhankaibianlan" />
-      </el-tooltip>
-      <el-tooltip class="box-item" effect="dark" content="新建会话">
-        <SuperIcon class="shousuo-icon" iconValue="amb-icon-xinjianhuihua" @click="newChatSession" />
-      </el-tooltip>
-    </div>
-  </div>
-  <div v-show="showSidebar" class="chat-embed__sidebar">
-    <div class="sidebar-header">
-      <el-avatar class="chat-embed__header_avatar" :size="40" :fit="'cover'">
-        <img :src="avatarUrl" alt="AI Avatar" />
-      </el-avatar>
-      <span>{{ t('chatEmbed.name') }}</span>
-      <el-tooltip class="box-item" effect="dark" content="收起侧边栏">
-        <SuperIcon
-          v-if="showSidebar"
-          @click="showSidebar = false"
-          class="right-icon"
-          iconValue="amb-icon-shouqibianlan"
-        />
-      </el-tooltip>
-    </div>
-    <!-- 历史记录标题 -->
-    <div class="sidebar-menu">
-      <div
-        class="menu-item"
-        @click="queryHistoryByType('collected')"
-        :class="{ 'active-item': currentSelect === 'collected' }"
-      >
-        <SuperIcon iconValue="amb-icon-shoucang" />
-        <span>我的收藏</span>
-        <el-icon v-if="currentSelect === 'collected'" class="dropdown-right"><ArrowDown /></el-icon>
-        <el-icon v-else class="dropdown-right"><ArrowRight /></el-icon>
-      </div>
-      <div
-        class="menu-item"
-        @click="queryHistoryByType('useful')"
-        :class="{ 'active-item': currentSelect === 'useful' }"
-      >
-        <SuperIcon iconValue="amb-icon-youyong" />
-        <span>查看有用</span>
-        <el-icon v-if="currentSelect === 'useful'" class="dropdown-right"><ArrowDown /></el-icon>
-        <el-icon v-else class="dropdown-right"><ArrowRight /></el-icon>
-      </div>
-      <div
-        class="menu-item"
-        @click="queryHistoryByType('history')"
-        :class="{ 'active-item': currentSelect === 'history' }"
-      >
-        <SuperIcon iconValue="amb-icon-lishihuihua" />
-        <span>历史记录</span>
-        <el-icon v-if="currentSelect === 'history'" class="dropdown-right"><ArrowDown /></el-icon>
-        <el-icon v-else class="dropdown-right"><ArrowRight /></el-icon>
-      </div>
-    </div>
-    <!-- <el-divider> </el-divider> -->
-    <!-- 自动高度的 el-scrollbar -->
-    <el-scrollbar class="scrollbar-container" @end-reached="loadMore">
-      <template v-for="[key, value] in aiHistoryMap" :key="key">
-        <div class="date-group" v-if="value?.length > 0">
-          <div class="date-group-item" v-if="key === 'today'">今天</div>
-          <div class="date-group-item" v-else-if="key === 'yesterday'">昨天</div>
-          <div class="date-group-item" v-else-if="key === 'sevenDays'">七天内</div>
-          <div class="date-group-item" v-else-if="key === 'thirtyDays'">三十天内</div>
-          <div class="date-group-item" v-else>{{ key }}</div>
-          <div
-            v-for="item in value"
-            class="history-item"
-            :class="{ 'active-item': currentSelectHistoryItem === item.id }"
-          >
-            <SuperIcon v-if="item.useful" iconValue="amb-icon-youyong" />
-            <el-icon v-if="item.collected"><StarFilled /></el-icon>
-            <div class="history-subject" @click="showHistoryItemDetail(item)">
-              {{ item.subject }}
-            </div>
-            <el-dropdown class="dropdown-right" @command="dropdownClickCommand($event, item)" trigger="click">
-              <el-icon class="more-filled"><MoreFilled /></el-icon>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-if="!item.collected" command="collect">
-                    <el-icon><StarFilled /></el-icon>收藏
-                  </el-dropdown-item>
-                  <el-dropdown-item v-if="item.collected" command="uncollect">
-                    <el-icon><Star /></el-icon>取消收藏
-                  </el-dropdown-item>
-                  <el-dropdown-item v-if="!item.useful" command="useful">有用</el-dropdown-item>
-                  <el-dropdown-item v-if="item.useful" command="unuseful">取消有用</el-dropdown-item>
-                  <el-dropdown-item command="delete">删除</el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </div>
-        </div>
-      </template>
-    </el-scrollbar>
-    <!-- 新建会话按钮 -->
-    <el-button type="primary" class="new-session-button" @click="newChatSession">
-      <template #icon> <SuperIcon iconValue="amb-icon-xinjianhuihua" /></template>
-      新建会话
-    </el-button>
-  </div>
-</template>
-<script setup lang="ts">
-import { defineProps, defineEmits, ref, defineExpose, watch } from 'vue'
-import { Star, MoreFilled, StarFilled, ArrowRight, ArrowDown } from '@element-plus/icons-vue'
-import { useI18n } from 'vue-i18n'
-import { AI_MODELS } from './type'
-import {
-  formatRagflowHistoryMessage,
-  formatDatabaseHistoryMessage,
-  formatBailianHistoryMessage,
-  formatAiPptHistoryMessage,
-  collectById,
-  usefuleById,
-  deleteByIds,
-  getBySessionId
-} from './util/history-message-util.ts'
-import dayjs from 'dayjs'
-import { ElMessage } from 'element-plus'
-import avatarUrl from '../../../src/assets/chat-embed/robot.svg?url'
-
-const emit = defineEmits(['new-chat-session', 'select-history-item', 'update-ai-history'])
-const { t } = useI18n()
-const props = defineProps({
-  aiModel: {
-    type: String,
-    default: null
-  },
-  dialogFullScreen: {
-    type: Boolean,
-    default: null
-  }
-})
-
-let currentPage = 1
-let pageSize = 30
-const aiHistoryMap = ref<Map<string, any>>(new Map())
-const currentSelect = ref('history')
-const currentSelectHistoryItem = ref('')
-const noMore = ref(false)
-const showSidebar = ref(true)
-
-watch(
-  () => props.aiModel,
-  (newVal, oldVal) => {
-    // AI模型变化时，重新获取历史记录
-    currentPage = 1
-    currentSelect.value = 'history'
-    currentSelectHistoryItem.value = ''
-    getHistory()
-  },
-  { immediate: true }
-)
-
-const loadMore = (direction: any) => {
-  currentPage++
-  if (noMore.value) return
-  getHistory()
-  console.log('direction:', direction)
-}
-
-function newChatSession() {
-  currentSelectHistoryItem.value = ''
-  emit('new-chat-session')
-}
-
-function queryHistoryByType(type: string) {
-  if (type === currentSelect.value) return
-  currentPage = 1
-  currentSelect.value = type
-  noMore.value = false
-  getHistory()
-}
-
-function getHistory() {
-  let queryAiType = ''
-  if (props.aiModel === AI_MODELS.INTERACTION) {
-    aiHistoryMap.value = new Map()
-    newChatSession()
-    return
-  }
-  switch (props.aiModel) {
-    case AI_MODELS.RAGFLOW:
-      // 流程体系类
-      queryAiType = 'RAGFLOW'
-      break
-    case AI_MODELS.DATABASE:
-      // QMS数据库类
-      queryAiType = 'DATABASE'
-      break
-    case AI_MODELS.DEEPSEEK:
-      // DeepSeek问答
-      queryAiType = 'BAILIAN'
-      break
-    case AI_MODELS.INTERACTION:
-      // 系统交互
-      break
-    case AI_MODELS.PPT_GENERATION:
-      // 生成PPT
-      queryAiType = 'AIPPT'
-      break
-    default:
-      // 默认模型
-      break
-  }
-  let usefulFlag = 0
-  let collectedFlag = 0
-  if (currentSelect.value === 'useful') {
-    // 有用
-    usefulFlag = 1
-  } else if (currentSelect.value === 'collected') {
-    // 收藏
-    collectedFlag = 1
-  }
-  window.$vueApp.config.globalProperties.$http
-    .post(
-      window.$vueApp.config.globalProperties.baseAPI +
-        `/mc/ai-history/list/${queryAiType}/${usefulFlag}/${collectedFlag}`,
-      {
-        pagination: { currentPage: currentPage, pageSize: pageSize, isShowTotal: false }
-      }
-    )
-    .then((res: any) => {
-      if (res.data.length === 0 && currentPage > 1) {
-        ElMessage.info('没有更多历史记录了')
-        noMore.value = true
-        return
-      }
-      // res.data数组内的数据按照modifiedTime分为七天内、三十天内，大于三十天内的按月份分组
-      const groupedHistory = groupHistoryByModifiedTime(res.data)
-      if (currentPage === 1) {
-        if (res.data.length < pageSize) {
-          noMore.value = true
-        }
-        aiHistoryMap.value = groupedHistory
-      } else {
-        // 合并已有数据和新加载的数据
-        groupedHistory.forEach((newGroup: any[], key: string) => {
-          if (aiHistoryMap.value.has(key)) {
-            aiHistoryMap.value.get(key)!.push(...newGroup)
-          } else {
-            aiHistoryMap.value.set(key, newGroup)
-          }
-        })
-      }
-    })
-    .catch((error: any) => {})
-}
-
-function groupHistoryByModifiedTime(data: any[]) {
-  // 用于存储分组结果
-  const groupedMap = new Map<string, any[]>()
-  // 当前时间
-  const now = new Date()
-  // 获取今天的开始时间（0点）
-  const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()
-  // 获取昨天的开始时间
-  const yesterdayStart = todayStart - 24 * 60 * 60 * 1000
-  // 获取七天前的开始时间
-  const sevenDaysAgoStart = todayStart - 7 * 24 * 60 * 60 * 1000
-  // 获取三十天前的开始时间
-  const thirtyDaysAgoStart = todayStart - 30 * 24 * 60 * 60 * 1000
-
-  data.forEach((item) => {
-    const modifiedTime = new Date(item.modifiedTime).getTime()
-    if (modifiedTime >= todayStart) {
-      // 今天的数据
-      if (!groupedMap.has('today')) {
-        groupedMap.set('today', [])
-      }
-      groupedMap.get('today')!.push(item)
-    } else if (modifiedTime >= yesterdayStart) {
-      // 昨天的数据
-      if (!groupedMap.has('yesterday')) {
-        groupedMap.set('yesterday', [])
-      }
-      groupedMap.get('yesterday')!.push(item)
-    } else if (modifiedTime >= sevenDaysAgoStart) {
-      // 七天内的数据（不包括今天）
-      if (!groupedMap.has('sevenDays')) {
-        groupedMap.set('sevenDays', [])
-      }
-      groupedMap.get('sevenDays')!.push(item)
-    } else if (modifiedTime >= thirtyDaysAgoStart) {
-      // 三十天内的数据（不包括七天内）
-      if (!groupedMap.has('thirtyDays')) {
-        groupedMap.set('thirtyDays', [])
-      }
-      groupedMap.get('thirtyDays')!.push(item)
-    } else {
-      // 大于三十天的数据，按月份分组
-      const modifiedDate = new Date(modifiedTime)
-      const monthKey = dayjs(`${modifiedDate.getFullYear()}-${modifiedDate.getMonth() + 1}`).format('YYYY-MM')
-      if (!groupedMap.has(monthKey)) {
-        groupedMap.set(monthKey, [])
-      }
-      groupedMap.get(monthKey)!.push(item)
-    }
-  })
-
-  return groupedMap
-}
-function showHistoryItemDetail(item: any) {
-  if (currentSelectHistoryItem.value === item.id) {
-    return
-  }
-  currentSelectHistoryItem.value = item.id
-  window.$vueApp.config.globalProperties.$http
-    .get(window.$vueApp.config.globalProperties.baseAPI + `/mc/ai-history/content/${item.id}`)
-    .then((res: any) => {
-      let messageList = []
-      switch (props.aiModel) {
-        case AI_MODELS.RAGFLOW:
-          // 流程体系类
-          messageList = formatRagflowHistoryMessage(res)
-          break
-        case AI_MODELS.DATABASE:
-          // QMS数据库类
-          messageList = formatDatabaseHistoryMessage(res)
-          break
-        case AI_MODELS.DEEPSEEK:
-          // DeepSeek问答
-          messageList = formatBailianHistoryMessage(res)
-          break
-        case AI_MODELS.INTERACTION:
-          // 系统交互
-          break
-        case AI_MODELS.PPT_GENERATION:
-          // 生成PPT
-          messageList = formatAiPptHistoryMessage(res)
-          break
-        default:
-          // 默认模型
-          break
-      }
-      emit('select-history-item', item, messageList)
-    })
-    .catch((error: any) => {})
-}
-
-function dropdownClickCommand(command: string, item: any) {
-  // collectById, usefuleById, deleteByIds
-  if (command === 'collect' || command === 'uncollect') {
-    // 收藏 、取消收藏
-    collectById(item.id).then(() => {
-      item.collected = !item.collected
-      emit('update-ai-history', item)
-    })
-  } else if (command === 'useful' || command === 'unuseful') {
-    // 有用 取消有用
-    usefuleById(item.id).then(() => {
-      item.useful = !item.useful
-      emit('update-ai-history', item)
-    })
-  } else if (command === 'delete') {
-    // 删除
-    deleteByIds([item.id]).then(() => {
-      ElMessage.success('已删除该会话')
-      aiHistoryMap.value.forEach((group: any[]) => {
-        const index = group.findIndex((historyItem: any) => historyItem.id === item.id)
-        if (index !== -1) {
-          group.splice(index, 1)
-        }
-      })
-      if (currentSelectHistoryItem.value === item.id) {
-        newChatSession()
-      }
-    })
-  }
-}
-
-function addCurrentToSessionHistory(newSessionId: string, messageList: any[] = []) {
-  if (!newSessionId) {
-    return
-  }
-  setTimeout(() => {
-    getBySessionId(newSessionId)
-      .then((res: any) => {
-        if (res) {
-          currentSelectHistoryItem.value = res.id
-          if (!aiHistoryMap.value.has('today')) {
-            // 设置taday,并放到map的第一位
-            aiHistoryMap.value = new Map([['today', []], ...aiHistoryMap.value])
-          }
-          aiHistoryMap.value.get('today')!.unshift(res)
-          if (messageList.length > 0) {
-            emit('select-history-item', res, messageList)
-          } else {
-            emit('select-history-item', res, [])
-          }
-        }
-      })
-      .catch((error: any) => {})
-  }, 100)
-}
-
-defineExpose({ getHistory, addCurrentToSessionHistory })
-</script>
-<style scoped>
-@import url('./chat-embed.css');
-
-.flex-avatar {
-  position: absolute;
-  padding: 20px 36px;
-  gap: 16px;
-  display: flex;
-  z-index: 1;
-}
-
-.flex-function-icon {
-  display: flex;
-  height: 40px;
-  padding: 10px 14px;
-  gap: 14px;
-  border-radius: 100px 100px 100px 100px;
-  border: 1px solid #e5e5e5;
-  width: 82px;
-  font-size: 20px;
-}
-
-.sidebar-header {
-  display: flex; /* 设置为水平排列 */
-  align-items: center; /* 垂直居中 */
-  margin-bottom: 22px;
-  font-size: 20px;
-}
-.sidebar-header > span {
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 600;
-  font-size: 16px;
-  color: #181818;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-.right-icon {
-  cursor: pointer;
-  margin-left: auto;
-}
-
-.shousuo-icon {
-  cursor: pointer;
-}
-
-.sidebar-menu {
-  flex-shrink: 0; /* 固定高度，位于顶部 */
-  margin-bottom: 10px;
-}
-
-.scrollbar-container {
-  flex-grow: 1; /* 让 el-scrollbar 占用中间所有剩余空间 */
-  overflow-y: auto; /* 添加垂直滚动条 */
-  margin-bottom: 10px;
-}
-
-.new-session-button {
-  flex-shrink: 0; /* 固定高度，位于底部 */
-  margin-top: 10px;
-  margin-bottom: 20px;
-}
-
-.sidebar-menu div:hover {
-  background-color: #ffffff;
-}
-.date-group {
-  margin-top: 16px;
-}
-.date-group-item {
-  color: #81858c;
-  font-size: 12px;
-  user-select: none;
-  margin-bottom: 2px;
-  padding-left: calc(var(--chat-padding) * 2);
-}
-
-.menu-item {
-  padding: 0px calc(var(--chat-padding) * 2);
-  font-size: 16px;
-  line-height: 50px;
-  cursor: pointer;
-  gap: 8px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-}
-
-.active-item {
-  background: #e2ebf5;
-  color: var(--el-color-primary);
-}
-.history-item {
-  padding: 0px calc(var(--chat-padding) * 2);
-  cursor: pointer;
-  display: flex; /* 确保子元素可以使用 flex 布局 */
-  align-items: center; /* 垂直居中 */
-  line-height: 40px;
-  gap: 8px;
-  border-radius: 8px;
-}
-.history-subject {
-  flex-grow: 1; /* 占据剩余空间 */
-  overflow: hidden; /* 超出部分隐藏 */
-  text-overflow: ellipsis; /* 使用省略号表示超出部分 */
-  white-space: nowrap; /* 不换行 */
-}
-
-.dropdown-right {
-  margin-left: auto; /* 将 el-dropdown 靠右对齐 */
-}
-
-.history-item:hover {
-  background-color: #f5f5f5;
-}
-</style>

package/packages/chat-embed/src/type.ts

@@ -1,74 +0,0 @@
-import { BubbleProps } from 'vue-element-plus-x/types/Bubble'
-// 类型定义
-interface MessageItem extends BubbleProps {
-  role: 'ai' | 'user'
-  content: string
-  messageType?: 'history' | 'realtime'
-  messageStatus?: 'failed' | 'success'
-  thinkingStatus?: 'thinking' | 'end' | 'none' | 'error'
-  thinkingContent?: string | null | undefined
-  showThinkingContent?: boolean
-  isRecommend?: boolean
-  sendTime?: string
-  question?: string
-  additionalData?: any[]
-  additionalDataLabel?: string
-  menuName?: string
-  menuCode?: string
-  askAdditionalData?: any[]
-  recommendations?: any[]
-  key: number
-  loading: boolean
-  isMarkdown: boolean
-  typing: boolean
-  avatar: string
-  avatarSize: string
-  noStyle: boolean
-  statusValue: string
-  placement: 'start' | 'end'
-  isInteraction?: boolean // 是否是交互类型的消息，还是ai思考回答型
-  [otherProp: string]: any
-  link?: string
-  linkTitle?: string
-}
-
-interface SubmitData {
-  question: string
-  additionalData?: any[]
-  additionalDataLabel?: string
-  menuName?: string
-  menuCode?: string
-  aiModel?: string
-  fileId?: string // 上传文件id，多个逗号分隔
-  fileInfos?: any
-  systemCode?: string | null
-}
-
-// 常量定义
-const AI_MODELS = {
-  DEEPSEEK: 'deepseek',
-  RAGFLOW: 'ragflow',
-  DATABASE: 'database',
-  INTERACTION: 'interaction',
-  PPT_GENERATION: 'ppt_generation'
-} as const
-
-const MESSAGE_STATUS = {
-  THINKING: 'thinking',
-  END: 'end',
-  ERROR: 'error',
-  FAILED: 'failed',
-  NONE: 'none'
-} as const
-
-interface AiUploadFile {
-  id: string | number
-  uid: string | number
-  name: string
-  percent: number
-  status: 'uploading' | 'done' | 'error'
-  showDelIcon?: boolean
-  maxWidth?: string
-}
-
-export { MessageItem, SubmitData, AI_MODELS, MESSAGE_STATUS, AiUploadFile }

package/packages/chat-embed/src/util/chat-embed-util.ts

@@ -1,67 +0,0 @@
-// 替换文本中的特殊提示标签
-export function replaceAiTipTags(text: string): string {
-  // 对于字符串 （##3$$、##2$$、##1$$） 匹配 ##数字$$，并替换为 <amb-ai-tip tip-index="数字"/> $1 是捕获到的	数字
-  // 还有字符串 [asdaID:3、 ID:32vccca、****ID:****] 匹配 ID:数字，并替换为 <amb-ai-tip tipindex="数字"/>
-  const updatedText = text
-    .replace(/ID:(\d+)/g, '<amb-ai-tip tip-index="$1"></amb-ai-tip>')
-    .replace(/##(\d+)\$\$/g, '<amb-ai-tip tip-index="$1"></amb-ai-tip>')
-  return updatedText
-}
-
-// 解析回答内容，分离思考内容和主要内容
-export function parseAnswerContent(answer: string): { thinkingContent: string; mainContent: string } {
-  if (!answer) {
-    return { thinkingContent: '', mainContent: '' }
-  }
-  if (answer.startsWith('<think>')) {
-    const thinkEndIndex = answer.indexOf('</think>')
-    return {
-      thinkingContent: answer.substring(7, thinkEndIndex),
-      mainContent: answer.substring(thinkEndIndex + 8)
-    }
-  }
-  return { thinkingContent: '', mainContent: answer }
-}
-
-export function extractFilenameFromUrl(fileUrl: string): string | null {
-  if (!fileUrl) return null
-  try {
-    const u = new URL(fileUrl)
-    const raw = u.searchParams.get('response-content-disposition') || u.searchParams.get('content-disposition') || ''
-    if (!raw) return null
-    let dispo = raw
-    try {
-      dispo = decodeURIComponent(dispo)
-    } catch (e) {
-      // ignore
-    }
-    const rfc5987 = dispo.match(/filename\*\s*=\s*([^'']*)''([^;]+)/i)
-    if (rfc5987 && rfc5987[2]) {
-      try {
-        return decodeURIComponent(rfc5987[2].trim()).replace(/^"|"$/g, '')
-      } catch (e) {
-        return rfc5987[2].trim().replace(/^"|"$/g, '')
-      }
-    }
-    const quoted = dispo.match(/filename\s*=\s*"([^"]+)"/i)
-    if (quoted && quoted[1]) {
-      try {
-        return decodeURIComponent(quoted[1])
-      } catch (e) {
-        return quoted[1]
-      }
-    }
-    const unquoted = dispo.match(/filename\s*=\s*([^;]+)/i)
-    if (unquoted && unquoted[1]) {
-      const name = unquoted[1].trim().replace(/^"|"$/g, '')
-      try {
-        return decodeURIComponent(name)
-      } catch (e) {
-        return name
-      }
-    }
-    return null
-  } catch (err) {
-    return null
-  }
-}